Back to DatePicker
View full API on DatePicker
DatePicker
Date range
Pick a start and end date across two months.
API
| Prop | Type | Default | Description |
|---|---|---|---|
| mode | "single" | "range" | single | Selection mode. |
| value / defaultValue | Date | null | DateRange | null | — | Controlled / uncontrolled selection (shape depends on `mode`). |
| onValueChange | (value) => void | — | Fires on selection change. |
| minDate / maxDate | Date | — | Inclusive bounds; dates outside are disabled. |
| disabledDates | Date[] | — | Specific dates to disable, e.g. holidays. |
| numberOfMonths | number | 1 (2 for range) | Months rendered side by side. |
| clearable | boolean | true | Shows a Clear action once a value is set. |
| dateFormat | string | PPP | Intl.DateTimeFormat options or preset for the trigger label. |