A datepicker is a text input to capture a date. You can select a single date, date range or date and time. Can be used either as a calendar picker or as a manual input.
Date Pickers
Date Picker variations
The most general use case, allowing users to manually select a single date. The date field can also function as a text input field for keyboard text entry.
Similar to the date picker on the left, but removing the feature of selecting the year in the resulting dropdown. The user can only use the arrows to move through between combinations of month and year.
Operating under the same principles as the two above, this type of date selector allows user to enter a date range as opposed to a single date.
A text input date picker. For the input of date ranges, a calendar picker is preferred or scheduling, a date picker is preferred as it also offers a visual queue for the users in the presence of the calendar.
Date Picker states
Text input date picker
Calendar date picker
Calendar date-range picker
