Customization

Besides configuring Event Calendar, you can customize its appearance and behaviour. The widget API allows you to specify custom templates for events, popups and the timescale header, modify a set of calendars and apply custom styles.

Custom events, popups and timescale header

To display events, popups and timescale header by the custom templates, you can use the templates property. It is a callback function that allows you to define the desired styles and logic and apply it to Event Calendar. See the snippet below:

Custom styles

You can customize the appearance of Event Calendar by changing values of the corresponding CSS variables. Refer to the Stylization section for details.

In this snippet you can see how to apply custom styles to Event Calendar: