Default
Closed date field.
/render stateComponent
Date picker
Single-date picker with calendar panel, month navigation, min/max bounds, and controlled value support.
Date picker is intentionally dependency-free for v1: ISO date strings at the boundary, product-local formatting outside the component when needed.
Playground
Props in the URL.
Controls update query params directly. Complex slots use curated fixtures so component states stay deterministic, linkable, and screenshot-ready.
Loading playground.
States
Rendered matrix.
Every state maps to the same component render route through the `state` query param.
MonTueWedThuFriSatSun
Open
Calendar popdown with selected day.
/render stateOnly this sprint window is available.
Bounded
Date picker with unavailable days.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
value | DateValue | - | Controlled ISO date string. |
defaultValue | DateValue | today | Uncontrolled initial ISO date string. |
defaultOpen | boolean | false | Initial calendar popdown state. |
min | DateValue | - | Minimum selectable ISO date. |
max | DateValue | - | Maximum selectable ISO date. |
onValueChange | (value: DateValue) => void | - | Receives the selected ISO date. |
label | ReactNode | - | Field label. |