So I have a monthly calendar on the upper side of my page. Users are able to select on a specific day inside this calendar and a the bottom part will dynamically list events occurring at that day.

I want the user to be able to select a whole week (Sunday .. Saturday) all together, and the bottom part will list all events occurring in that week.

My question is how can I make the user select a whole week through my monthly calendar? I need it to be intuitive as much as possible.

  • 1
    click to the left of that week. To make this more intuitive/affordable, you could display weeknumbers or some "grabber" type graphic for each week. Commented Sep 1, 2012 at 16:45

1 Answer 1


An option is to have a Week column on the side of your date picker, clicking the week's number would highlight the whole row of dates for that week the same way selecting the day (presumably) highlights the selected item:


If you don't have enough room to spell out Week on the week column you might want to have a tooltip on hover to give a bit of explanation for discovery.

  • I would like to do it as well. Is there a javascript / jQuery ...etc elemnt that can do it?
    – Yura
    Commented Aug 4, 2015 at 12:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.