FormsDatePicker
DatePicker
When to reach for DatePicker versus DateInput, and how the picker variants differ.
Alternatives
The kind of date (exact, approximate, memorable) you are requesting from the user will determine which component is best to use.
- DateInput — When the date is memorable or distant, such as a date of birth
DatePicker
Allows the user to view, type and pick dates from a calendar.
DateRangePicker
The range picker functions much like the DatePicker except it lets the user select or type a date range.
CalendarPicker
A simple version of the DatePicker meant to be used for UIs that require filtering instead of forms. It does not have text input.
CalendarRangePicker
A simple version of the DateRangePicker meant to be used for UIs that require filtering instead of forms. It does not have text input.