Time Picker
A time field you can type into ("930", "9:30 pm") or pick from a list every few minutes. 12 or 24 hour from the locale.
import { TimePicker } from "pleate/time-picker";Pickup, reservation window, 24 hour
Props
- value / defaultValue / onValueChange
"HH:mm" in 24 hour.
string | null- minuteStep
Minutes between the times in the list.
numberdefault 15- min / max
Limit the list and clamp typed times.
"HH:mm"- hour12 / locale
Display; defaults to the locale's clock.
boolean / string- variant / size
Same as Input.
filled | outline | surface | plain · sm | md | lg- name
Hidden input with the value for forms.
string
Accessibility
- A real text input: type a time, Enter or blur commits it, an invalid text reverts.
- Arrow Down opens the list; arrows, Page Up/Down, Home/End move, Enter picks, Escape returns to the input.