The Date Time Picker component is a convenient way for the user to choose date and time information without having to manually type it in.
Date time picker component properties
Selecting the component shows its configurable properties.
Data source | Please see "Data Source and Mapped Fields". |
Display |
|
Label | Text to identify the component. |
Show label | Toggle the visibility of the label for the user. |
Use date format as placeholder | Show the expected format for the date as temporary filler text. |
Format as | See below for date formats. |
Default value | Initial value for the picker. Options include:
|
Default state | The default state of the control (Regular/Hidden/Disabled). |
Validation rules |
|
Required | If added, component needs to be filled in before properly saving. |
Events |
|
Change | Event triggered when user updates the picker. |
Date and time formats
The following list shows the options for the display of date and time
Format as | Example |
Short Date |
|
Short Date and Time |
|
Long Date |
|
Long Date and Time | |
Time |
|
Hour |
|
Day |
|
Day of Week |
|
Month |
|
Month and Year |
|
Year |
|
đ Note: The choice of format affects what the user is able to select in the picker. For example, if set to show the Hour, then the user can only select time and not date.
Accessing the value of date time picker component
The DateTime picker object will hold the full value of the date and time set. Even when the Display Format is set to a subset, the value will always hold the full date and time.
When you update the value of the picker with Update controls on Screen action, you will only be able to set it to a date.



