🚧 This website is work in progress 👷
Components
Forms
Draft

DatePicker

Datepicker allows the user to select a date or date range from a calendar.

Datepicker allows the user to select a date or date range from a calendar. It is a single input field that opens a calendar overlay on focus or click, and allows the user to enter a date.

The DateRangePicker component is a combination of two DatePickers, one for the start date and one for the end date.

When to use

  • To allow the user to select a date or date range from a calendar.

When not to use

  • Refrain from using inconsistent date formats that might lead to confusion or errors.

Reference

On this page

References