Use this reference to understand what Framework 7 Calendar Reference is for and which component-specific inspector group matters most when you configure it.
Inspector Property Groups
Calendar Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Locale | text | Attribute: locale |
| First Day | text | Attribute: first-day |
| Multiple | boolean | Attribute: multiple |
| Range Picker | boolean | Attribute: range-picker |
| Range Picker Min Days | text | Attribute: range-picker-min-days |
Actions
Set value
Framework 7 Calendar Set value
| Configuration group |
Controls |
| Set value Properties | Value |
Add value
Framework 7 Calendar Add value
| Configuration group |
Controls |
| Add value Properties | Value |
Next month
Framework 7 Calendar Next month
| Configuration group |
Controls |
| Next month Properties | Duration |
Prev month
Framework 7 Calendar Prev month
| Configuration group |
Controls |
| Prev month Properties | Duration |
Next year
Framework 7 Calendar Next year
| Configuration group |
Controls |
| Next year Properties | Action configuration group |
Dynamic Attributes
Locale
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Value
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
First Day
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Weekend Days
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Multiple
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Dynamic Events
Dayclick
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Change
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Open
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Opened
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Close
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
