Date Time Element Properties

For Date Time element, you can make different settings for both date and time. You can give role based authorizations to the element and set its visibility with show/hide/conditional options.

Value : You can give it a static value or you can make it take dynamic values with Symbol Picker.

Place Holder : When you ask the user to enter date and time information, you can add a predetermined placeholder text (for example, “Select Date”) to the date field.

Placeholder is displayed when the value of the DateTime element is null.

Allow Clear : This feature determines whether you allow the user to clear (delete) the date and time selection. When enabled, the user can remove the date or time they have selected.

Format : Determines how date and time data is displayed. For example, Day/Month/Year Hour:Minute format.

When DateTime element is selected, Format drop-down menu appears in Properties panel.

There are YYYYY-MM-DD HH:mm:ss: , DD-MM-YYYYY HH:mm:ss:, hh:mm:ss:, mm:ss:, HH:mm: options in the drop-down menu.

• YYYY-MM-DD HH:mm:ss: This format shows the date and time in year-month-day hours:minutes:seconds. For example, it expresses the date and time “2023-10-20 15:30:45”.
• DD-MM-YYYY HH:mm:ss: In this format the date is shown as day-month-year hour:minute:second. For example, “20-10-2023 15:30:45” represents the date and time.
• hh:mm:ss: In this format only hours:minutes:seconds are displayed, but the 12-hour clock format is used. For example, “03:30:45 PM” refers to 3:30:45 PM.
• mm:ss: Only minutes and seconds are shown in this format. For example, “15:45” means 15 minutes and 45 seconds.
• HH:mm: In this format only hours and minutes are displayed and the 24-hour clock format is used. For example, “15:30” refers to 15:30.

Disable Before Date : This feature prevents the user from selecting dates before a certain date. It is often used to set limitations for future dates.

Use 12 Hours : Specifies whether you want to use the time display in 12-hour format (AM/PM) or 24-hour format.

Hour Step : Sets the interval at which hours or minutes are selected by the user. For example, it allows selection every half hour instead of every hour.

Minute Step : You can edit the minute stepping value. For example, consider a scenario where a vehicle delivery can only be made every 30 minutes.

Second Step : You can add a step value for seconds as well as hours and minutes.