Introduction

Divi Events Calendar brings a fully interactive schedule to the Divi Builder. You can add events, assign color-coded categories, let visitors filter by type, and switch between five calendar views — all without installing a separate calendar plugin. Events are created right inside the builder, and every part of the calendar can be styled to match your site.

The module comes in two parts: the Calendar Events parent module, which holds the calendar-wide settings, and one or more Calendar Event child modules, where you enter the details for each individual event.

Key Features

• Five calendar views — Month, Week, Day, List, and Multi-Month — set any one as the default.
• Color-coded categories — Give each event its own background and text color and group events by category.
• Built-in category filter — Visitors filter events by category from a toggle bar above the calendar.
• Event modal — Clicking an event opens a modal showing its title, category, dates, and time.
• Week numbers & hidden days — Show ISO week columns, and remove specific weekdays from the layout.
• Adjustable height — Set the exact pixel height of the calendar container.
• No third-party plugin — Everything is self-contained inside Divi Essential.

Requirements

• WordPress 5.8 or newer.
• The Divi theme or Divi Builder plugin (active).
• The Divi Essential plugin, installed and activated.

Getting Started

Adding the Events Calendar takes three quick steps:

1. Install Divi Essential and activate your license key.
2. Drop the Calendar Events module onto your Divi page with the Visual Builder.
3. Add events, set their dates, assign categories, and publish.

Content Tab

The Content tab controls the data the calendar shows and how it behaves. Its options are organized into collapsible groups.

Data Source

Choose where the calendar's events come from.

Adding Events

With Manual Events selected, each event is a Calendar Event child module listed under Data Source. Use the pencil to edit an event, the duplicate icon to copy it, and the trash icon to remove it. Click Add New Event to create another. Full event options are covered in Section 4.

Calendar Settings

Set the calendar's default view and the day the week starts on.

Interaction

Controls extra interactive behavior on the grid.

Features

Fine-tune which days the calendar renders.

Colors

Set the calendar's default color scheme. Individual events can override these with their own colors (Section 4.2).

Calendar Size

Controls the overall height of the calendar container.

Category Filter

Controls the filter bar visitors use to show or hide events by category.

The Calendar Event (Per-Event Settings)

Each event on the calendar is a Calendar Event child module. Its Content tab has two groups: Event Details and Event Appearance.

Event Details

Everything that defines a single event — its title, category, dates, times, and description.

Event Appearance

Override the calendar's default colors for this specific event.

Design Tab

The Design tab styles every visible part of the calendar. Each section expands independently, and color options usually include separate states where relevant.