Time Picker

Compact time fields for hour, minute, and second values.

Example

Time window

HourMinuteSecond

Typography

Compact dashboard density for this kit.

Section label11px / mono / uppercase

Body label13px / medium

Nav item13px / 30px row

Column heading11px / mono / tracked

Import

Copy-paste path.

import { TimePicker } from "@/components/ui/time-picker"

or add via CLI — npx shadcn@latest add https://rkives.rkingg.com/r/time-picker