Title | Description | Type |
Type | Determines the type of dates with which the picker will work.
☝️Available types: Single Day, Multiple Day, Range, and Time Picker. | Dropdown |
Initial Date | The initial selected date for the picker.
⚠️This date is used for the "Single Day" and "Time Picker" types. | date (optional) |
Initial Dates | The initial list of selected dates for the picker.
⚠️These dates are used for the "Multiple Day" type. | list of dates (optional) |
Dates Count Limit | This value will limit the number of selected dates for the "Multiple Day" type. | number (optional) |
Initial Start Date | The initial start date of the range.
⚠️This date is used for the "Range" type. | date (optional) |
Initial End Date | The initial end date of the range.
⚠️This date is used for the "Range" type. | date (optional) |
Max Range Length | This value will limit the number of selected dates for the "Range" type. | number (optional) |
Placeholder | This value is displayed when the picker is empty. | text (optional) |
Placeholder Color | Color of placeholder. | Color |
Position | Position of the calendar when opened relative to the plugin element.
☝️Available positions: Bottom, Top, Left, Right, Auto.
👉Check more details here. | Dropdown |
Mobile Style | If checked, the calendar will appear as a modal window with slightly enlarged dimensions only on mobile devices. | Checkbox |
View | The initial representation of the calendar.
☝️Available views: Days, Months, Years.
👉Check more details here. | Dropdown |
Min View | The minimum possible representation of the calendar.
⚠️"Min View" can't be less than the "View".
☝️Available views: Days, Months, Years.
👉Check more details here. | Dropdown |
Min Date | The minimum possible date to select. | date (optional) |
Max Date | The maximum possible date to select. | date (optional) |
First Day Of Week | The index of the day on which the week starts. Possible values from 1 (Monday) to 7 (Sunday). | Dropdown |
Today Date Color | Color of the today in the calendar. | Color |
Highlight Color | Color of the selected cells in the calendar. | Color |
Weekdays' Names Color | Color of weekdays' names in the calendar. | Color |
Show Other Months | If checked, dates from other months will be displayed in the “days” view. | Checkbox |
Select From Other Months | If checked, it will be possible to select dates from other months. | Checkbox |
Move To Other Months | If checked, then selecting dates from another month will be causing transition to this month. | Checkbox |
Language | Language of the calendar.
☝️Supported languages: Korean, Chinese, Ukrainian, Turkish, Thai, Slovak, Russian, Romanian, Portuguese, Polish, Dutch, Hungarian, French, Finnish, Spanish, English, German, Danish, and Czech. | Dropdown |
Keyboard Navigation | Enables keyboard navigation.
👉Check all combinations here. | Checkbox |
Auto Close | If checked, the calendar will be hidden after selecting the date. | Checkbox |
Auto Close On Scroll | If checked, the calendar will be hidden after scrolling the page. | Checkbox |
Display Calendar Always | Makes the calendar permanently visible. | Checkbox |
Open On Load | If checked, the calendar is open on an initial load on the page. It is ignored if the "Display Calendar Always" field is also checked. | Checkbox |
Animation | Enables the animation for the calendar on open. It is ignored if the "Display Calendar Always" field is also checked. | Checkbox |
Animation Type | The animation type for the calendar on open. | Dropdown |
Date Format | Custom date format.
👉Check more details here. | text |
Time Format | Custom time format.
👉Check more details here. | text |
Dates Separator | Symbol-separator between dates for the "Range" and "Multiple Dates" types. | text |
Date Time Separator | Separator between date and time.
📝 Examples: '/', ',' '.' | text |
Timepicker | Enables hour and minute selection. | Checkbox |
Min Hours | Minimum possible hours value.
☝️Min: 0,
☝️Max: 24. | number |
Max Hours | Maximum possible hours value.
☝️Min: 0,
☝️Max: 24. | number |
Hours Step | Step of the hour slider. | number |
Min Minutes | Minimum possible minutes value.
☝️Min: 0,
☝️Max: 59. | number |
Max Minutes | Maximum possible minutes value.
☝️Min: 0,
☝️Max: 59. | number |
Minutes Step | Step of the minute slider. | number |
Blocked Dates Style | The style for the blocked dates. | Dropdown |
Blocked Dates | Blocked dates are unavailable for selection. | list of dates (optional) |
Blocked Weekdays | The indexes of the weekdays that will be blocked for selection. Possible values from 1 (Monday) to 7 (Sunday). | text |
Left Button | Determines which button will be on the left side.
☝️Available buttons: Ok button, Clear button, Today button. | Dropdown (optional) |
Center Button | Determines which button will be on the center side.
☝️Available buttons: Ok button, Clear button, Today button. | Dropdown (optional) |
Right Button | Determines which button will be on the right side.
☝️Available buttons: Ok button, Clear button, Today button. | Dropdown (optional) |
Buttons Text Color | Color of buttons' text. | Color |
Timezone | Timezone of picker. | Dropdown |
Padding Vertical | The value for the top and bottom padding. | number |
Padding Horizontal | The value for the left and right padding. | number |
Disable Picker | Disables interaction with the element. | Checkbox |