You can configure the properties of the Date element in the Properties panel on the right sidebar.
Value: The Date element can take a static date value or be assigned dynamic values using Symbol Picker.
Placeholder: You can add a helpful placeholder text to guide the user. For example, “Select Date”.
Allow Clear: The Delete (X) icon appears in the right corner so that users can delete the date value they have entered with a single click.
Format: You can select the date formatting from the drop-down menu in the Properties panel:
DD/MM/YYYYY: Day/Month/Year (For example, 20/10/2023)
MM/DD/YYYYY: Month/Day/Year (For example, 10/20/2023)
YYYYY/MM/DD: Year/Month/Day (For example, 2023/10/20)
DMY: Shows the day, month, and year in order with abbreviations or the full date (e.g., “October 20, 2023”).
Among the formats, options such as DD/AA/YYYYY or AA/GD/YYYYY can be used to suit your needs.
Disable Before Date: Prevents the selection of dates before a specific date. You can enter a static date or use dynamic values. For example, only future dates can be selected for a product delivery.
Disabled Days: Allows certain days to be disabled for selection. For example, you can make past dates or holidays unselectable. (This feature is only available in web applications.)
