Add to Calendar Module
One click to any calendar. Google, Apple, Outlook and ICS.
Let visitors save your events straight to their preferred calendar app. Native HTML5 dropdown, button row, or simple links — 100% accessible and works even without JavaScript.
Primary Layout
Accessible dropdown menu
Built with native HTML5 tags. Fully keyboard operable, announced correctly by screen readers, and requires zero JavaScript to toggle open.
Featured Event
Developer conference
Sept 23 · Grand convention center, San francisco
Trigger label:
Click "Add to calendar" above to open the native menu. Clicking Google or Outlook opens pre-filled calendar events, while iCalendar and Download provide standard .ics files!
Inline Layout
Horizontal button row
Displays all calendar services as a row of individual button links (layout = "row"). Perfect for event banners, single post footers, or ticket sections.
Developer conference
Instant one-click access directly from the page without opening a dropdown.
Minimalist Layout
Clean text links
Unadorned link list (layout = "links"). Designed for dense event sidebars, widgets, or minimalist editorial templates.
Event Details & Actions
-
Date: Oct 15–16, 2026
-
Time: 9:00 AM – 6:00 PM PDT
-
Venue: Grand Convention Center
Add to your calendar:
Design Panel Parity
Styled variations
Fully customizable through the Divi 5 Visual Builder design panel. Colors, borders, typography, shadows, and hover states.
Events Feed
Vibrant gradient background with rounded pill shape and soft colored shadow.
Sleek Dark Mode
Midnight dark surface with subtle luminous border and clean dark dropdown.
Minimal Outline
Light, refined 1.5px outline with understated typography and smooth hover tint.
Minimalist Layout
Key capabilities and architecture
Built with web standards, complete accessibility, and zero external JS dependencies.
HTML5 Architecture
The dropdown menu is pure HTML markup — not a JavaScript toggle. It opens natively on all devices, is fully keyboard accessible, announced by screen readers, and functions perfectly even if scripts fail to load.
Accurate Date Mathematics
Calculates precise UTC timestamps and handles all-day events with RFC-compliant exclusive end boundaries. Avoids the dreaded "off-by-one day" error common in event plugins.
Pre-filled Event Details
Google and Outlook URLs automatically pre-populate the event title, start and end time, full address/venue details, and description. Attendees save all details with one tap.
Cancelled Event Sync
When an event is cancelled, downloaded .ics files broadcast cancellation metadata, ensuring attendees who previously saved the event receive the cancellation update in their calendar.
Direct .ICS File Download
Provides a direct download link for users of local calendar clients like Thunderbird, Apple Calendar on macOS, and native Android/Windows calendar tools.