- Name: The name refers to the identifier or reference assigned to the datepicker element.
- Label: The label is the text or content displayed above or alongside the datepicker element.
- Show Label: This option allows you to control the visibility of the label.
- Disable: This option allows you to disable or make the datepicker element inactive, preventing users from interacting with it.
- Value: The value represents the selected date in the datepicker element.
- Show Calendar: This option enables or disables the display of the calendar when the datepicker element is clicked.
- Min Date: This option allows you to set the minimum allowable date in the datepicker element.
- Max Date: This option allows you to set the maximum allowable date in the datepicker element.
- Size: You can choose the size of the datepicker element, such as small, medium, large, etc.
- Date Format: This option allows you to specify the format in which the date should be displayed and entered.
- Mandatory: This option indicates whether the datepicker element is mandatory, requiring users to select a date.
- Has Time Picker: This option enables or disables the time picker feature for the datepicker element.
- Enable Seconds: This option allows you to include seconds in the time picker, if enabled.
- Time Picker Type: This option allows you to specify the type of time picker, such as a dropdown or a separate input field.
- Width: The width option allows you to specify the dimensions or size of the datepicker element.
- Padding: The space between the content of the UI element and its border.
- Margin: The space between the UI element and the surrounding elements, such as the edge of the screen or another UI element.
- Color: The color of the UI element's content, such as text or icons.
- Background color: The color of the UI element's background.
- Border: The line that surrounds the UI element, separating it from other elements.
- Border thickness: The width of the border line.
- Border radius: The degree of rounding of the corners of the border line.
- Type Settings: The specific settings that are available for each UI element type, such font family, font weight, or font size.
Click the + button to add conditions.