Time Input
Segmented time entry with hour, minute, second fields and AM/PM toggle.
Generated from the package's public source.
API
Rootcomponent
Root(props: TimeInputRootProps): Element
Props
class?stringdefaultValue?TimeInputValue— Default time value (uncontrolled).disabled?boolean— Whether the input is disabled.hourCycle?HourCycle— Hour cycle: "12" for AM/PM, "24" for 24-hour.id?string— Element id.invalid?boolean— Whether the field is invalid.locale?string— Locale for formatting.max?TimeInputValue— Maximum allowed time.min?TimeInputValue— Minimum allowed time.name?string— Form field name.onValueChange?(value: { … }) => void— Called when the time value changes.readOnly?boolean— Whether the input is read-only.required?boolean— Whether the field is required.showSeconds?boolean— Whether to show the seconds segment.style?string | CSSPropertiesvalue?TimeInputValue— Controlled time value.
children: Element
Segmentcomponent
Segment(props: TimeInputSegmentProps): Element
Props
class?stringstyle?string | CSSPropertiestype"hour" | "minute" | "second" | "period"— Segment type: "hour", "minute", "second", or "period".
Separatorcomponent
Separator(props: TimeInputSeparatorProps): Element
Props
class?stringstyle?string | CSSProperties
children: Element
TimeInputRootPropsinterface
Props
class?stringdefaultValue?TimeInputValue— Default time value (uncontrolled).disabled?boolean— Whether the input is disabled.hourCycle?HourCycle— Hour cycle: "12" for AM/PM, "24" for 24-hour.id?string— Element id.invalid?boolean— Whether the field is invalid.locale?string— Locale for formatting.max?TimeInputValue— Maximum allowed time.min?TimeInputValue— Minimum allowed time.name?string— Form field name.onValueChange?(value: { … }) => void— Called when the time value changes.readOnly?boolean— Whether the input is read-only.required?boolean— Whether the field is required.showSeconds?boolean— Whether to show the seconds segment.style?string | CSSPropertiesvalue?TimeInputValue— Controlled time value.
children: Element
TimeInputSegmentPropsinterface
Props
class?stringstyle?string | CSSPropertiestype"hour" | "minute" | "second" | "period"— Segment type: "hour", "minute", "second", or "period".
TimeInputSeparatorPropsinterface
Props
class?stringstyle?string | CSSProperties
children: Element
TimeInputValueinterface
Props
hournumberminutenumbersecond?number