Skip to main content

Date Select

The Date Select component allows the user to fill in a date by picking a day, month and year.

Date Select

The following section details Date Select component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

Controls

This component can be controlled by frontend scripts using these functions:

setValue

The setValue function is meant to set or force the value of a component. This can be convenient in cases where connection is not the easiest pattern. Note that it's a bad idea to mix dynamic default value and setValue together.

setValue(id: string, value: any)

Date Select configuration

NameTypeConnectableTemplatableDefaultDescription
Enable DaybooleantruefalsetrueWhether the user can pick a day.
Enable MonthbooleantruefalsetrueWhether the user can pick a month.
Enable YearbooleantruefalsetrueWhether the user can pick a year.
Default ValuestringtruefalseemptyThe default value of the Date select component.
OrientationselecttruefalseHorizontalOrientation of list of items ("Horizontal" or "Vertical").
Localestring: en-US, en-GB, en-IE, de-DE, fr-FR, br-FR, ja-JP, pt-TL, fr-CA, en-CAfalsefalseen-USThe format of the date.

Outputs

NameTypeDescription
dayintThe Day value.
monthintThe Month value.
yearintThe Year value.