Title | Description | Type |
Time Zone | Added display and save dates according to time zone | Dropdown |
Picker Type | Type of picker. | Dropdown |
Language | Calendar language | Dropdown |
Placeholder | Placeholder | text (optional) |
Initial Date | Sets the start view date of calendar. | date (optional) |
Initial Multiple Dates | Sets the start view of array of active dates. | list of dates (optional) |
Range Start Date | Range Start Date | date (optional) |
Range End Date | Range End Date | date (optional) |
Max Range Length | The number of the dyas in a range. | number (optional) |
Disabled Dates | List of disabled dates | list of dates (optional) |
Min Date | The minimum possible date to select. | date (optional) |
Max Date | The maximum possible date to select. | date (optional) |
Multiple Dates Limit | The limit of the selection multiple dates | number (optional) |
Calendar is visible | If checked, the calendar will be visible all the time, If unchecked, the date picker will be in line. | Checkbox |
Calendar Preview | If checked, the calendar is displayed on a page load. it is ignored if "Calendar is visible" is checked | Checkbox |
Is Mobile | If checked, the calendar will appear as a modal window with slightly enlarged dimensions. only for mobile view. | Checkbox |
Timepicker | If checked the time picker is visible. | Checkbox |
Show Other Months | If checked, the dates from other months will be displayed in the days view. | Checkbox |
Select Other Months | If checked, it will be possible to select dates from other months. | Checkbox |
Move To Other Months | If checked, selecting dates from another month will jump to that month. | Checkbox |
Auto Close | If checked, the calendar will be hidden after selecting the date. | Checkbox |
Keyboard Navigation | Enables keyboard navigation. | Checkbox |
Close on Scroll | If checked, the calendar is closed when scrolling the page | Checkbox |
Disable Picker | If checked the picker is disabled. | Checkbox |
Animation | If "Calendar is Visible" is checked, "Animation" will be ignored. | Checkbox |
Animation Type | Animation type in the drop-down list | Dropdown |
Weekends | Indexes of the days that will be considered a weekend. The .-weekend- class will be added to them. By default, Example: 1-Monday, 2- Tuesday, 3- Wednesday, 4- Thursday, 5- Friday, 6- Saturday, 7-Sunday. βThose days will be blocked outβ | text |
First day | The index of the day on which the week starts. Possible values from 1 (Monday) to 7 (Sunday). | Dropdown |
Date Format | Exemple : dd/MM/yyyy (01/01/2024 ) dd-MM-yyyy (01-01-2024 ) dd.MM.yyyy (01.01.2024 ) MM/dd/yyyy (01/01/2024 ) MM-dd-yyyy (01-01-2024 ) MMMM dd, yyyy (January 01, 2024 ) yyyy/MM/dd (2024/01/01 ) yyyy-MM-dd (2024-01-01 ) dd MMMM yyyy (01 January 2024 ) d MMM yyyy (1 Jan 2024 ) dd/MM/yy (01/01/24 ) dd MMM yy (01 Jan 24 ) | text |
Time Format | Time format. Just like dateFormat relies on Unicode Technical Standard #35. If you pass a 12-hour display format, the time sliders will be automatically adjusted to the corresponding mode.
Possible symbols:
h β hours in 12-hour mode
hh β hours in 12-hour mode with leading zero
H β hours in 24-hour mode
HH β hours in 24-hour mode with leading zero
m β minutes
mm β minutes with leading zero
aa β day period lower case
AA β day period upper case
Example : βHH:mmβ | text |
Position | Position of the calendar relative to the text field. | Dropdown |
View | The initial view of the calendar. Possible values: days β displaying days of one month months β displaying months of one yea years β displaying the years of one decade. "View" takes priority over "Minimum Viewβ | Dropdown |
Minimum View | The minimum possible representation of the calendar. It is used, for example, when you need to provide only a choice of the month. The possible values are the same as for view | Dropdown |
Multiple Dates Separator | Separator between dates in text field. It is used in the multiple date selection mode and in the range mode. | text |
Date Time Separator | Separator between date and time. | text |
Min Hours | Minimum possible hours value. ( min = 0 ) | number |
Max Hours | Maximum possible hours value. (max = 24) | number |
Min Minutes | Minimum possible minutes value. ( min = 0 ) | number |
Max Minutes | Maximum possible minutes value. (max = 59) | number |
Hours Step | Hours step. | number |
Minutes step. | Minutes step. | number |
Button Left | Button selection | Dropdown (optional) |
Button Centre | Button selection | Dropdown (optional) |
Button Right | Button selection | Dropdown (optional) |
Day Name Color | Weekday colour | Color |
Highlight Color | Π‘olor of the selected days | Color |
Current Day Color | Current Day Color | Color |
Buttons Text Color | Buttons Text Color | Color |
Placeholder Color | Placeholder Color | Color |
Disabled Cells Style | Disabled Cells Style | Dropdown |