Calendar
An interactive calendar component that supports multiple views (daily, weekly, monthly) and event management. Features customizable event styling, drag-and-drop scheduling, event creation/editing, and comprehensive data mapping capabilities. Supports both static and dynamic event loading with detailed visual customization options.
Extends: listComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Label |
| multi-locale | Display label for the calendar |
ID |
| text | Unique identifier for the component |
Style Classes |
| text | CSS classes for styling |
Style |
| text | Custom inline styles |
Width |
| text | Controls component width |
List |
| text | Array of events to display in the calendar |
Entity |
| text | Entity data source for events |
Read Only |
| boolean | Controls whether events can be modified |
Usage Statistics |
| boolean | Enables usage tracking features |
ID Field |
| text | Field to use as unique event identifier |
Title Field |
| text | Field to use as event title |
Calendar ID Field |
| text | Field for calendar categorization |
Start Field |
| text | Field for event start time |
End Field |
| text | Field for event end time |
Category Field |
| text | Field for event categorization |
Event Color Field |
| text | Field for event text color |
Event Background Color Field |
| text | Field for event background color |
Event Drag Background Color Field |
| text | Field for event drag state background color |
Event Border Color Field |
| text | Field for event border color |
Event Custom Style Field |
| text | Field for custom event styling |
Event Color |
| text | Default event text color |
Event Background Color |
| text | Default event background color |
Event Drag Background Color |
| text | Default event drag state background color |
Event Border Color |
| text | Default event border color |
Event Custom Style |
| text | Default custom event styling |
Methods
Name | Description |
|---|---|
| Sets up data field mappings for event properties |
| Initializes the calendar component with configuration and handlers |
| Changes the calendar view (daily/weekly/monthly) |
| Processes event deletion operations |
| Processes event update operations |
Events
Name | Description |
|---|---|
| Triggered when an event is clicked |
| Triggered when a new event is being added |
| Triggered when an event is modified |
| Triggered when an event is removed |