Time picker

Overview

The Time picker component allows you to select the time value. The field supports multiple time formats, required field validation, and minimum/maximum times.

The component also allows you to set the time zone for the Date and Time values👇

Managing Date object time zones

Properties

Name	Type	Description
name	string	Component name
value	Date | number | string	Current component value
valid	boolean	Indicates if the component is valid
validating	boolean	Indicates if the component is validating
disabled	boolean	Indicates whether the component is disabled

Methods

Name	Parameters	Returns	Description
setValue	value: Date | number | string	void	Set component value
setDisabled	disabled: boolean	void	Disable or enable the component
reset	–	void	Reset component to the initial value
focus	–	void	Set focus on the component
validate	–	void	Trigger component validation
resetValidation	–	void	Clear validation errors
setErrors	errors: string | string[] | null	void	Mark the component as invalid and display errors
setRequired	required: boolean	void	Set component required state

Triggers

Name	Description
On Init	Triggered when the component is initialized
On Change	Triggered when the component's state changes
On Enter	Triggered when the Enter key is pressed
On Focus	Triggered when the component is in focus
On Blur	Triggered when the component loses focus