Calendar
A date picker component for selecting dates. Built on react-day-picker.
Default
March 2026
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Usage
Use the Calendar for inline date selection. For a date picker triggered by an input, compose Calendar with a Popover.
Supports single date, date range, and multiple date selection modes.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| mode | "single" | "range" | "multiple" | "single" | Selection mode |
| selected | Date | DateRange | Date[] | — | Controlled selected value |
| onSelect | (date) => void | — | Callback when selection changes |
| disabled | Matcher | Matcher[] | — | Dates to disable |
| showOutsideDays | boolean | true | Show days from adjacent months |