DatePicker.
Native date selection with consistent styling.
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 | — | — | Controlled date as YYYY-MM-DD. |
min | string | No | — | — | Earliest selectable date. |
max | string | No | — | — | Latest selectable date. |
disabled | boolean | No | false | true · false | Disable date selection. |
onChange | ChangeEventHandler<HTMLInputElement> | No | — | — | Legacy callback: target.value contains the ISO date. |
onValueChange | (date:string)=>void | No | — | — | Recommended callback when choosing or clearing a date. |
className | string | No | — | — | Additional CSS class on the outer component element. |