Content · Elementor
Event Calendar widget for Elementor
Event Calendar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Event Calendar” in the Elementor panel.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
Event Calendar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Event Calendar” in the Elementor panel.
Event Calendar Widget (Free).
render() writes HTML data attributes: data-category, data-date-end, data-date-start, data-has-filters, data-title.
The widget script reads data attributes: data-filter.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Event Calendar”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Title”, “Start Date & Time”, “End Date & Time”, “Time Label”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Event Calendar.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Event Calendar” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Events — Title | Text inspector control (`kng_event_title`). |
| Events — Start Date & Time | Date Time inspector control (`kng_event_date`). |
| Events — End Date & Time | Date Time inspector control (`kng_event_end_date`). |
| Events — Time Label | Text inspector control (`kng_event_time_label`). |
| Events — Location | Text inspector control (`kng_event_location`). |
| Events — Category | Text inspector control (`kng_event_category`). |
| Events — Category Color | Color written to this widget’s CSS selector. |
| Events — Description | Textarea inspector control (`kng_event_description`). |
| Events — Event Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Events | Repeater rows; render() loops each item to build the list or slides. |
| Events — Button Text | Printed in the widget HTML from render(). |
| Events — Show Button | Switcher inspector control (`kng_show_button`). |
| Layout — Show Description | Passed through to the post excerpt. |
| Layout — Show Location | Switcher inspector control (`kng_show_location`). |
| Layout — Show Time | Switcher inspector control (`kng_show_time`). |
| Card — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Card — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-event-calendar__card`. |
| Card — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 40). |
| Card — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-event-calendar__card`. |
| Card — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Text — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-event-calendar__title`. |
| Text — Title Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography (Kng Meta Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-event-calendar__meta`. |
| Text — Meta Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography (Kng Desc Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-event-calendar__description`. |
| Text — Description Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography (Kng Button Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-event-calendar__button`. |
| Text — Button Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Button Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Text — Button Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 40). |
| Date Badge — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-event-calendar__badge`. |
| Date Badge — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Date Badge — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Date Badge — Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 30). |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Event Calendar actually change on the page?
Event Calendar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Event Calendar” in the Elementor panel. Inspector labels from this widget’s PHP include “Title”, “Start Date & Time”, “End Date & Time”, “Time Label”.
How do I add Event Calendar in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Event Calendar”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related content widgets
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Content Toggle
Content Toggle is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Content Toggle” in the Elementor panel.
Cookie Preferences Button
Cookie Preferences Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Cookie Preferences Button” in the Elementor panel.
Custom Post Types Grid
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
Custom Post Types Slider
Custom Post Types Slider is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Slider” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Event Calendar after you activate it.