Skip to main content

Calendar

Calendar — Prism component.

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

When to use

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

Props

PropTypeRequiredDescription
mode"single" | "range"
valueDate | \{ start: Date; end: Date | null \}
onSelect(date: Date) => void
minDateDate
maxDateDate