Date Time Element Properties

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 the date and time data is displayed. You can select the following formats from the drop-down menu in theProperties panel:
    • YYYY-MM-DD HH:mm:ss: Year-Month-Day Hour:Minute:Second (e.g. “2023-10-20 15:30:45”)
    • DD-MM-YYYY HH:mm:ss: Day-Month-Year Hour:Minute:Second (Ex. “20-10-2023 15:30:45”)
    • hh:mm:ss: Hour:Minute:Second (12-hour format, e.g. “03:30:45 PM”)
    • mm:ss: Minutes and Seconds (e.g. “15:45”)
    • HH:mm: Hours and Minutes (24-hour format, e.g. “15:30”)
  • 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.