Date Picker

An interactive calendar component for selecting dates with support for ranges, disabled dates, and localization.

Installation

npx chilli@latest add date-picker

Default

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

PropTypeDefaultDescription
valueDate | nullThe controlled selected date.
mode"single" | "range""single"Selection mode — single date or date range.
placeholderstring"Pick a date"Placeholder text when no date is selected.
disabledbooleanfalseWhether the date picker is disabled.
minDateDateThe earliest selectable date.
maxDateDateThe latest selectable date.
onChange(date: Date | null) => voidCallback when the date changes.