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

Event time
––––AM
Event date
1813
Event time
––––AM

11:45:00

Event time
1145AM
Event time
613PMUTC