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 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

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

Last updated

Was this helpful?