Time Input
Segmented time entry with hour, minute, second fields and AM/PM toggle.
Generado a partir del código fuente público del paquete.
API
Rootcomponente
Root(props: TimeInputRootProps): Element
Propiedades
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.
hijos: Element
Segmentcomponente
Segment(props: TimeInputSegmentProps): Element
Propiedades
class?stringstyle?string | CSSPropertiestype"hour" | "minute" | "second" | "period"— Segment type: "hour", "minute", "second", or "period".
Separatorcomponente
Separator(props: TimeInputSeparatorProps): Element
Propiedades
class?stringstyle?string | CSSProperties
hijos: Element
TimeInputRootPropsinterfaz
Propiedades
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.
hijos: Element
TimeInputSegmentPropsinterfaz
Propiedades
class?stringstyle?string | CSSPropertiestype"hour" | "minute" | "second" | "period"— Segment type: "hour", "minute", "second", or "period".
TimeInputSeparatorPropsinterfaz
Propiedades
class?stringstyle?string | CSSProperties
hijos: Element
TimeInputValueinterfaz
Propiedades
hournumberminutenumbersecond?number