TimePicker
TimePicker — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
TimePicker — 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 { TimePicker } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
label | string | — | |
description | string | — | |
value | string | — | "HH:MM" 24-hour string. |
defaultValue | string | — | |
onChange | (value: string) => void | — | |
step | number | — | Minutes between options. Default 30. |
hour12 | boolean | — | Display 12-hour labels with AM/PM (value stays 24h). |
placeholder | string | — | |
isDisabled | boolean | — | |
id | string | — | |
className | string | — |