Skip to main content

DatePicker

DatePicker — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

DatePicker — 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 { DatePicker } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
labelstring
descriptionstring
valueDate | null
defaultValueDate | null
onChange(date: Date) => void
placeholderstring
minDateDate
maxDateDate
localestring
isDisabledboolean
idstring
classNamestring