diff --git a/js/calendar-widget.js b/js/calendar-widget.js
index 032fc4a..9cdd159 100644
--- a/js/calendar-widget.js
+++ b/js/calendar-widget.js
@@ -172,6 +172,9 @@
     }
     syncCalendarToday(replacement);
     calendar.replaceWith(replacement);
+    if (Luxtools.initChronologicalEventTimes) {
+      Luxtools.initChronologicalEventTimes();
+    }
   }
 
   function loadCalendarMonth(calendar, targetYear, targetMonth, persistState) {
diff --git a/js/main.js b/js/main.js
index 710ea2d..a3a7942 100644
--- a/js/main.js
+++ b/js/main.js
@@ -185,4 +185,6 @@
   document.addEventListener('DOMContentLoaded', function () {
     if (Scratchpads && Scratchpads.init) Scratchpads.init();
   }, false);
+
+  Luxtools.initChronologicalEventTimes = initChronologicalEventTimes;
 })();
diff --git a/src/ChronologicalCalendarWidget.php b/src/ChronologicalCalendarWidget.php
index 0e80f94..6b45b39 100644
--- a/src/ChronologicalCalendarWidget.php
+++ b/src/ChronologicalCalendarWidget.php
@@ -241,7 +241,8 @@ class ChronologicalCalendarWidget
 
             $html .= '<li class="luxtools-calendar-event"' . $style . $dataAttrs . '>';
             if ($showTimes && !$event->allDay && $event->time !== '') {
-                $html .= '<span class="luxtools-calendar-event-time">' . hsc($event->time) . '</span>';
+                $html .= '<span class="luxtools-calendar-event-time luxtools-event-time" data-luxtools-start="'
+                    . hsc($event->startIso) . '">' . hsc($event->time) . '</span>';
             }
             $html .= '<span class="luxtools-calendar-event-title">' . hsc($event->summary) . '</span>';
             $html .= '</li>';