Time Picker

v1.0.0

Lets users pick a time using the native time selector.

Interactive Implementation

Click the input to open the time picker and select a time.

Selected Time: 14:30

Time Picker API Reference

All available props for this component.

PropertyTypeDefaultDescription
labelstringundefinedLabel rendered above the time input control.
descriptionstringundefinedSecondary helper text rendered below the label.
valuestringundefinedControlled time value in HH:MM format.
defaultValuestring""Uncontrolled initial time value on first render.
onChange(value: string) => voidundefinedCallback triggered when the time value changes.
use12HoursbooleanfalseEnables 12-hour AM/PM format in the native picker.
errorstringundefinedError message rendered below the control with destructive styling.
© 2026 Venti UI Labs. UI made right.