Date Picker

A component that allows users to select a date from a calendar.

Pick date

<DatePicker label="Pick date" placeholder="Pick date" />

Examples

Set selectionMode="range" to allow user to pick dates range.

Pick dates range

<DatePicker label="Pick dates range" selectionMode="range" />

Use the disabled prop to disable the date picker.

<DatePicker disabled />