TimePicker

An input for entering a time of day, made of hour, minute and (optionally) second fields that follow the WAI ARIA spinbutton pattern, plus an AM/PM toggle in 12-hour mode.

Structure

<TimePicker>
	<TimePickerPart part="hour" />
	<TimePickerPart part="minute" />
	<TimePickerPart part="second" />
	<TimePickerPeriod />
</TimePicker>

With no children, the segments are rendered automatically. Compose them explicitly to target each one with its own props and styling.

Demo