Command Palette

Search for a command to run...
HQ UI

Time Field

A time field allows users to enter and edit time values using a keyboard. Each part of a time value is displayed in an individually editable segment.

Installation

npx shadcn@latest add https://hq-ui.vercel.app/r/date-field

Preview

Locale
Calendar
––––AM

Blocks

time-field-01
Event time
––––AM
time-field-02
Event date
1556
time-field-03
Event time
––––AM
time-field-04

11:45:00

Event time
1145AM
time-field-05
Event time
356PMUTC