DateRangePicker
DateRangePicker — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
DateRangePicker — Prism component.
Accessibility
Keyboard-navigable grid (arrow keys move days, PageUp/PageDown move months). The selected date is announced; the field has a clear label.
Import
const { DateRangePicker } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
label | string | — | |
description | string | — | |
value | DateRange | — | |
defaultValue | DateRange | — | |
onChange | (range: DateRange) => void | — | |
placeholder | string | — | |
minDate | Date | — | |
maxDate | Date | — | |
locale | string | — | |
isDisabled | boolean | — | |
id | string | — | |
className | string | — |