Why not use the Calendar module?

The Calendar/Views approach needs configuration and ongoing updates. Event Calendar Widget is a single embed that combines external sources with no module to maintain.

Will Drupal strip the script?

Some text formats filter scripts. Use the Full HTML format (or add it in your theme) so the embed can load.

Does it work on Drupal 9 and 10?

Yes. It’s a standard HTML embed, so it works regardless of your Drupal version.

CMS

Event calendar widget for Drupal

Event Calendar Widget gives Drupal sites — universities, governments and nonprofits — a modern events calendar without a heavy contributed module. Add it with a custom block using the Full HTML text format.

Start for free See live demo

4.9/5 from 1,284 reviews

00Live demo

Try the live calendar

Browse the months and open an event — this is the real widget, running below.

01Why it fits

Built to feel at home in Drupal

Everything you need to publish events on Drupal, without the maintenance of a heavier tool.

No contributed module to maintain or patch
Great for university, government and nonprofit sites
Combines multiple calendar sources into one view

Lighter than the Calendar / Views stack

The traditional Drupal approach — the Calendar module layered on Views and Date — is powerful but heavy to configure and maintain across upgrades. Event Calendar Widget is a single Full HTML block that pulls from external calendars, with no modules to patch.

02Use cases

What people publish with it on Drupal

A few of the most common ways teams put the calendar to work.

01
Universities publishing academic calendars and lectures
02
Government and civic sites listing public meetings
03
Nonprofits sharing program and fundraising dates

03Setup

How to add a calendar to Drupal

Add it with the Full HTML block — usually in just a few minutes.

1
Create a custom block
Go to Structure → Block layout → Add custom block and give it a title.
2
Paste with Full HTML
Set the text format to “Full HTML” and paste your Event Calendar Widget snippet into the body.
3
Place the block
Place the block in a region or page, then save.

drupal-embed.html

<!-- Event Calendar Widget embed code -->
<div id="calendar-embed-cal-dot-et"
  data-calendar-link="your-calendar-id"
  data-theme="#2563eb"
  data-show-powered="true"
  data-mode="light"
  data-first-day-of-week="mon"
  data-view="month"
  data-show-side-panel="false"
  data-timezone="America/New_York"></div>

<script src="https://calget.com/assets/js/embedcalendar.js" defer></script>

Make sure the “Full HTML” text format allows the script tag, or add the snippet via your theme template.

04FAQ

Drupal questions

: The Calendar/Views approach needs configuration and ongoing updates. Event Calendar Widget is a single embed that combines external sources with no module to maintain.
: Some text formats filter scripts. Use the Full HTML format (or add it in your theme) so the embed can load.
: Yes. It’s a standard HTML embed, so it works regardless of your Drupal version.