The most powerful full-sized event calendar for Wappler. App Connect Event Calendar is a powerful full-sized, lightweight event calendar with drag & drop support and lots of customization options. It allows you to add static events or use different data sources for dynamic events.
Inspector Property Groups
Calendar Properties
| Property |
Type |
Details |
| ID | text | Required in common setups.
Attribute: id |
| Timezone | droplist | Attribute: timezone
Options: Local, UTC |
| Date | custom_datetime | Attribute: date |
| Locale | droplist | Attribute: locale
Options: Auto, Afrikaans, Arabic (Algeria), Arabic (Kuwait), Arabic (Libya), Arabic (Morocco) |
| Theme | droplist | Attribute: theme
Options: Standard, Bootstrap 4, Bootstrap 5 |
| Height | text | Attribute: height |
Constraints
| Property |
Type |
Details |
| Use Select Constraint | boolean | Attribute: constraint |
| Use Event Constraint | boolean | Attribute: event-constraint |
Actions
Go To Date
Go To Specific Date
| Configuration group |
Controls |
| Go To Date Properties | Date |
Update Size
Update Size
Previous
Previous
Next
Next
Previous Year
Previous Year
Dynamic Attributes
Date
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Locale
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
View
| Attribute property |
Type |
Details |
| Value: | text | Choose dynamic data binding. |
Custom Constraint
| Attribute property |
Type |
Details |
| Start Time | text | Choose the Start Time. |
| End Time | text | Choose the Start Time. |
| Days | enum | |
Business Hours
| Attribute property |
Type |
Details |
| Start Time | text | Choose the Start Time. |
| End Time | text | Choose the Start Time. |
| Days | enum | |
Dynamic Events
Date Click
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Event Data
| Field |
Type |
Details |
| date | text | |
| allDay | boolean | |
Event Click
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Event Data
| Field |
Type |
Details |
| event | object | |
Event Mouse Enter
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Event Data
| Field |
Type |
Details |
| event | object | |
Event Mouse Leave
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Event Data
| Field |
Type |
Details |
| event | object | |
Event Drop/Move
| Event option |
Type |
Details |
| Action: | text | Choose the action to execute. |
Event Data
| Field |
Type |
Details |
| event | object | |
