TimeInputbeta

TimeInput closes the last gap in the form family: Calendar, DatePicker and DateRangePicker cover dates; TimeInput covers the time of day. It edits a time in isolation, so pair it with a DatePicker as two separate fields when you need a full timestamp — each keeps its own canonical value (an ISO date from the picker, an HH:MM string from the time field), which you combine at the boundary.

Reach for named presets registered on <BlocksProvider> for a reusable look, or slotClasses to retouch individual parts — the slots are wrapper, label, field, icon, segment, separator, meridiem, and message. For a full ground-up restyle, set unstyled to drop every default class and rebuild from the slots.

showIcon={false} hides the leading clock icon, and fullWidth stretches the field to fill its container instead of hugging its content.

• The field is a role="group" named by its label (or aria-label).
• Each segment — hour, minute, and (when present) second — carries its own aria-label.
• Arrow Up / Down steps the focused segment (with wrap); Arrow Left / Right moves between segments; typing digits auto-advances to the next segment.
• The AM/PM segment toggles by click, Arrow keys, or the A / P keys.
• Out-of-range values clamp to min / max when the field loses focus.
• The error message is announced via role="alert".