Calendar.
Inline month calendar with date constraints and controlled ISO selection.
November 2026
MoTuWeThFrSaSu
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
value | string | No | — | — | Selected date in YYYY-MM-DD form. |
onValueChange | (date: string) => void | No | — | — | Called when a day is chosen. |
initialMonth | string | No | — | — | Initially displayed month in YYYY-MM format. |
min | string | No | — | — | Earliest selectable date. |
max | string | No | — | — | Latest selectable date. |
rangeFrom | string | No | — | — | Optional ISO range start for highlighted range. |
rangeTo | string | No | — | — | Optional ISO range end for highlighted range. |
label | string | No | Choose date | — | Accessible calendar label. |
disabled | boolean | No | false | true · false | Disable date selection. |
className | string | No | — | — | Additional CSS class on the outer component element. |