You can configure the properties of the Date Time element in the Properties panel on the right sidebar.
Value: You can specify a static date-time value or assign dynamic values using Symbol Picker.
Placeholder: You can add a placeholder text that guides the user to enter date and time information. For example, “Select Date and Time”. The placeholder is displayed when the value of the Date Time element is empty.
Allow Clear: Allows the user to clear the selected date and time with a single click. Entries can be reset with the Delete (X) icon that appears in the right corner.
Format: Determines how date and time data is displayed. You can select one of the following formats from the dropdown menu in the Properties panel:
yyyy MM dd hh mm:
Year - Month - Day - Hour - Minute
Example: 2025.04.24 / 15:30
dd MM yyyy hh mm:
Day - Month - Year - Hour - Minute
Example: 24.04.2025 / 15:30
dd MM yyyy hh mm ss:
Day - Month - Year - Hour - Minute - Second
Example: 24.04.2025 / 15:30:45
hh mm:
Hour and Minute
Example: 15/30
mm ss:
Minute and Second
Example: 30:45
hh mm ss:
Hour - Minute - Second
Example: 15:30:45
yyyy-MM-DD HH:mm:ss:
Full date and time in ISO format
Example: 2025-04-24 15:30:45
DD-MM-YYYY HH:mm:ss:
European-style date and time format
Example: 24-04-2025 15:30:45
HH:mm:
Hour and Minute (24-hour format)
Example: 15:30
Hh:mm:ss:
Hour - Minute - Second (12-hour format, AM/PM)
Example: 03:30:45 PM
Mm:ss:
Minute and Second
Example: 15:45
Disable Before Date: Prevents selecting dates earlier than a specified date. You can use a static date or dynamic values. This feature is used to set limitations for future dates.
Disable Before Time (Web only): Prevents selecting times earlier than a specified time. Not available on mobile.
Disable After Time (Web only): Prevents selecting times later than a specified time. Not available on mobile.
Use 12 Hours: Determines whether the time is displayed in 12-hour (AM/PM) or 24-hour format.
Hour Step: Sets the interval at which users can select hours. For example, selections can advance every 30 minutes instead of every hour.
Minute Step: Sets the interval at which users can select minutes. For example, selections can advance every 30 minutes for processes like vehicle pickup.
Second Step: Sets the interval at which users can select seconds.
Return Display Value (Web only): Determines whether the selected date-time value is returned in formatted form (as displayed on the screen) or as a raw value. Not available on mobile.
