Components / Forms
Date Picker
stableA single date field, built on the native date input so every platform gets its own accessible, localised picker UI for free.
Default
DD MMM YYYY once selected
States
Choose a date after today.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
label | string | — | No | Field label. |
hint | string | — | No | Helper text shown below the field. |
error | string | — | No | Error message — replaces the hint. |
min | string | — | No | Earliest selectable date, as YYYY-MM-DD. |
max | string | — | No | Latest selectable date, as YYYY-MM-DD. |
Do
- Constrain min/max when a date range is actually invalid (e.g. a birth date can’t be in the future).
- Display the chosen date as DD MMM YYYY everywhere else in the product (see Foundations → Data Formatting).
Don't
- Build a custom calendar widget unless the native picker genuinely can’t express the interaction (e.g. a date range).
- Accept free-text date entry without a picker — format ambiguity causes real data errors.