Date Picker
An interactive calendar component for selecting dates with support for ranges, disabled dates, and localization.
Installation
npx chilli@latest add date-pickerDefault
Default
november
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Glass
november
Sun
Mon
Tue
Wed
Thu
Fri
Sat
With Range
april
Sun
Mon
Tue
Wed
Thu
Fri
Sat
Selected: None
API Reference
DatePicker
| Prop | Type | Default | Description |
|---|---|---|---|
value | Date | null | — | The controlled selected date. |
mode | "single" | "range" | "single" | Selection mode — single date or date range. |
placeholder | string | "Pick a date" | Placeholder text when no date is selected. |
disabled | boolean | false | Whether the date picker is disabled. |
minDate | Date | — | The earliest selectable date. |
maxDate | Date | — | The latest selectable date. |
onChange | (date: Date | null) => void | — | Callback when the date changes. |