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.)
Return Display Value (Web only): Determines whether the selected date is returned in formatted form (as displayed on the screen) or as a raw value. Not available on mobile.
