💡 Note: The Events Calendar is not fully compatible yet with Full Site Editing, which is a part of the Twenty TwentyTwo theme. Thus, we recommend running the conflict test with Twenty Twenty.

JavaScript is used as a helper for some of the calendar’s mobile functionality, and is heavily used for the calendar’s month and week views, such as the tooltips that are contained in each view.

JavaScript templates

As of version 3.5, we have begun using JavaScript templating to power both the mobile versions of the calendar views as well as the tooltips for the calendar’s month and week views.

You will find these templates in the following locations:

  • Month View:
    wp-content/plugins/the-events-calendar/src/views/month/single-event.php
  • Week View:
    wp-content/plugins/events-calendar-pro/src/views/week/single-event-allday.php
  • Mobile Month View:
    wp-content/plugins/the-events-calendar/src/views/month/mobile.php
  • Mobile Week View:
    wp-content/plugins/events-calendar-pro/src/views/week/mobile.php</code
  • Month View Tooltips:
    wp-content/plugins/events-calendar-pro/src/views/month/tooltip.php</code
  • Week View Tooltips:
    wp-content/plugins/events-calendar-pro/src/views/week/tooltip.ph</code

Customizing the calendar’s JavaScript templates follows the same pattern as overriding other plugin templates.