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 zonesProperties
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
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 form 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
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
Last updated
Was this helpful?