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

label

multi-locale

Display label for the calendar

ID

resourceId

text

Unique identifier for the component

Style Classes

styleClasses

text

CSS classes for styling

Style

style

text

Custom inline styles

Width

widthClass

text

Controls component width

List

list

text

Array of events to display in the calendar

Entity

entity

text

Entity data source for events

Read Only

readOnly

boolean

Controls whether events can be modified

Usage Statistics

usageStatistics

boolean

Enables usage tracking features

ID Field

idField

text

Field to use as unique event identifier

Title Field

titleField

text

Field to use as event title

Calendar ID Field

calendarIdField

text

Field for calendar categorization

Start Field

startField

text

Field for event start time

End Field

endField

text

Field for event end time

Category Field

categoryField

text

Field for event categorization

Event Color Field

itemColorField

text

Field for event text color

Event Background Color Field

itemBackgroundColorField

text

Field for event background color

Event Drag Background Color Field

itemDragBackgroundColorField

text

Field for event drag state background color

Event Border Color Field

itemBorderColorField

text

Field for event border color

Event Custom Style Field

itemCustomStyleField

text

Field for custom event styling

Event Color

itemColor

text

Default event text color

Event Background Color

itemBackgroundColor

text

Default event background color

Event Drag Background Color

itemDragBackgroundColor

text

Default event drag state background color

Event Border Color

itemBorderColor

text

Default event border color

Event Custom Style

itemCustomStyle

text

Default custom event styling


Methods

Name

Description

createMappings

Sets up data field mappings for event properties

initCalendar

Initializes the calendar component with configuration and handlers

setCalendarView

Changes the calendar view (daily/weekly/monthly)

handleItemDelete

Processes event deletion operations

handleItemUpdate

Processes event update operations


Events

Name

Description

onItemClick

Triggered when an event is clicked

onItemAdd

Triggered when a new event is being added

onItemUpdate

Triggered when an event is modified

onItemRemove

Triggered when an event is removed