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 the selection of dates before a specific date. You can specify a static date or use dynamic values. This feature is used to set limitations for future dates.
Use 12 Hours: Determines whether the time is displayed in 12-hour (AM/PM) or 24-hour format.
Hour Step: Determines the intervals at which the user can advance in the time selection. For example, every half hour instead of every hour.
Minute Step: Determines the intervals at which the user can advance in the minute selection. For example, every 30 minutes can be selected for operations such as vehicle delivery.
Second Step: Determines the intervals at which the user can select seconds.