Back to Forms & Inputs
Time Picker
A time-of-day select grouped into Morning/Afternoon sections at fixed intervals — for booking and scheduling forms where any exact time isn't meaningful, only the available slots are.
Forms & Inputstimescheduleselectgrouped-options
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react
Overview
Layout
Reuses this set's Select — icon trigger + grouped popup list
Grouping
Morning / Afternoon sections, separated by a hairline
Values
Fixed intervals (30 min) rather than free-form time entry
Why not a spinner
Bookable slots are discrete — a scrollable list fits better than hour/minute wheels