Event Calendar (Divi)

A FullCalendar event calendar for Divi 5 — month, week, day and list views; events you type in (Calendar Event modules), WordPress posts, The Events Calendar or a public Google Calendar; a category filter; and an accessible popup with add-to-calendar links. The calendars below open on October 2026, where the demo events are. Click an event to open its popup. Each is labelled with its settings.

1. Month view with a category filter

Source: Typed in — ten Calendar Event modules (timed, all-day and multi-day, with images, speakers, places, links and three with their own colours) · category filter · popup with the image on top, a map link and add-to-calendar links · “+ more” after two events per day · phones switch to the month list.

2. Week and day

Left: Week (time grid), 08:00–21:00, 24-hour times, “now” line, week numbers, first day Sunday. Right: Day view with the title toolbar layout and only Day and List buttons.

3. Lists, and posts as events

Left: List — month, popup with the image beside the text, no toolbar buttons except arrows. Right: Source: WordPress posts — each blog post on its publish date as an all-day event, the category as its label, list — year, opening today.

4. Display options

Left: timed events as filled blocks, weekends hidden, no toolbar, Today button off, French. Right: dots only, arrows around the title, buttons standing apart, day click opens the day, a fixed 520 px height that scrolls inside.

5. Styled from the Design tab, on a dark background

Calendar and grid colours, today’s badge, toolbar buttons (normal, hover, active) as pills, event colours, list view, filter chips — and the popup: overlay, background, icons, buttons and fonts. Click an event.