I'm designing a website on which a user has to pick a date, which is today by default. The content of the site will be based on the chosen date. 90% of the time, the date will be chosen between today and (today+10 days). A past date cannot be chosen.
I want to do a one-line link-based date picker. Here is an idea (half-working live demo):
I'm not sure exactly if it's explicit for the user? Questions:
what to do when I click on "tuesday 26", to make new dates appear? Should it be like my live demo?
where to put a link for
other date
that would open a normal rectangular date picker (that looks like a calendar) allowing the user to choose another future date?I think
today
link should be always visible, so that if the user is lost in the dates, he can always return totoday
Note: I don't want a big rectangular datepicker to be present all the time:
This should only appear when the user selects other date
. 90% of the time the user won't use it, that's why I really think a one-line date picker would be better for my use case.