Date Picker
General
General settings for the Date Picker input.


Label
Here, you will add the label for your date picker input.
Field Name
Here, you will add the field name that will be used to save your date picker input's data.
Date Picker Type
Single Date Picker Let's the user select a single date only.
Date Range Picker Let's the user select all dates between two dates.
First Day of the Week
Here, you will set which day will be considered the first day of the week (e.g., Sunday or Monday).
Calendar Language
Here, you will set the language of the calendar (e.g., English, French, Spanish).
Date Format
Here, you will define the format in which the date should be displayed (e.g., MM/DD/YYYY).
How Many Months to Show by Default
Here, you will set the number of months to display by default (e.g., 1, 2, or 3 months).
Number of Columns
Here, you will set the number of columns to display in the calendar (e.g., 2 columns).
Required
Checking Required will make the select input field mandatory, preventing users from submitting the form without selecting an option.
Styles

Z-index
Here, you will set the Z-index for the date picker input, determining its stacking order on the page.
Selected Date Text Color (Light Theme)
Here, you will set the text color for the selected date when the user is using the light theme.
Selected Date Text Color (Dark Theme)
Here, you will set the text color for the selected date when the user is using the dark theme.
Selected Date Background Color (Light Theme)
Here, you will set the background color for the selected date when the user is using the light theme.
Selected Date Background Color (Dark Theme)
Here, you will set the background color for the selected date when the user is using the dark theme.
Today Date Color (Light Theme)
Here, you will set the color for today's date when the user is using the light theme.
Today Date Color (Dark Theme)
Here, you will set the color for today's date when the user is using the dark theme.
Last updated
Was this helpful?