Date & Time picker

Overview

The Date & Time picker component allows you to select a date from the calendar. The component can be used to select a date or date and time, depending on the component settings. The field supports multiple date and time formats, required field validation, and minimum/maximum values.

The component also allows you to set the time zone for date & time values👇

Managing Date object time zones

Properties

Name	Type	Description
name	string	Component name
value	Date	Current value of the component
valid	boolean	Indicates whether 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 the component to its 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