Time Picker
Segmented time field with arrow-key stepping, direct digit entry and 12/24-hour modes.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
TimePickerProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | 24h "HH:mm" |
| defaultValue | string | "09:30" | — |
| onValueChange | (value: string) => void | — | — |
| hour12 | boolean | true | — |
| minuteStep | number | 1 | — |
| disabled | boolean | false | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/time-picker.json