Date Picker
Last updated
Was this helpful?
Last updated
Was this helpful?
General settings for the Date Picker input.
Here, you will add the label for your date picker input.
Here, you will add the field name that will be used to save your date picker input's data.
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.
Here, you will set which day will be considered the first day of the week (e.g., Sunday or Monday).
Here, you will set the language of the calendar (e.g., English, French, Spanish).
Here, you will define the format in which the date should be displayed (e.g., MM/DD/YYYY).
Here, you will set the number of months to display by default (e.g., 1, 2, or 3 months).
Here, you will set the number of columns to display in the calendar (e.g., 2 columns).
Checking Required will make the select input field mandatory, preventing users from submitting the form without selecting an option.
Here, you will set the Z-index for the date picker input, determining its stacking order on the page.
Here, you will set the text color for the selected date when the user is using the light theme.
Here, you will set the text color for the selected date when the user is using the dark theme.
Here, you will set the background color for the selected date when the user is using the light theme.
Here, you will set the background color for the selected date when the user is using the dark theme.
Here, you will set the color for today's date when the user is using the light theme.
Here, you will set the color for today's date when the user is using the dark theme.