TimeInput
Forms

TimeInput.

Native time selection with consistent Icovera styling.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

9 props
ParameterTypeRequiredDefaultPossible valuesDescription
labelstringNoSelect time—Accessible time control name.
valuestringNo——Native 24-hour time value, e.g. 14:30.
defaultValuestringNo——Initial time.
minstringNo——Earliest valid time.
maxstringNo——Latest valid time.
stepnumberNo——Step in seconds.
disabledbooleanNofalsetrue · falseDisable time selection.
onChangeChangeEventHandler<HTMLInputElement>No——Legacy callback: target.value contains HH:MM.
onValueChange(time:string)=>voidNo——Recommended callback on custom time selection.