← ui-lab

Time Field

A segmented HH:MM time field. Each segment is an ARIA spinbutton with aria-valuenow/min/max and a zero-padded value text; Arrow keys step a segment and wrap at its bounds (hours 23→0, minutes 59→0), and Home/End jump to the minimum/maximum.

Preview

09
05

Installation

npx shadcn@latest add https://ui.publictheta.com/r/time-field.json

Conformance

This component conforms to the @publictheta/ui-spec time-field specification. Run the suite against any implementation with pnpm conformance.