Date picker

Overview

The Date picker component allows you to select a date from the calendar. The field supports multiple date formats, required field, and minimum/maximum values.

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

Managing Date object time zones

Properties

Name	Type	Description
name	string	Component name
value	Date	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 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
On Init	Triggered when the component is initialized