diff --git a/calendar/renderer.php b/calendar/renderer.php
index 6711693be09..ee450e1724d 100644
--- a/calendar/renderer.php
+++ b/calendar/renderer.php
@@ -38,7 +38,7 @@ class core_calendar_renderer extends plugin_renderer_base {
      * @return string
      */
     public function start_layout() {
-        return html_writer::start_tag('div', array('class'=>'maincalendar'));
+        return html_writer::start_tag('div', ['data-region' => 'calendar', 'class' => 'maincalendar']);
     }
 
     /**
@@ -517,7 +517,8 @@ class core_calendar_renderer extends plugin_renderer_base {
                         ];
                         $eventname = get_string('eventnameandcourse', 'calendar', $eventnameparams);
                     }
-                    $link = html_writer::link($dayhref, $eventname);
+                    $link = html_writer::link($dayhref, $eventname, ['data-action' => 'view-event',
+                            'data-event-id' => $events[$eventindex]->id]);
                     $cell->text .= html_writer::tag('li', $link, $attributes);
                 }
                 $cell->text .= html_writer::end_tag('ul');
diff --git a/calendar/view.php b/calendar/view.php
index 18245a50e38..f974ba5bb84 100644
--- a/calendar/view.php
+++ b/calendar/view.php
@@ -176,4 +176,5 @@ if (!empty($CFG->enablecalendarexport)) {
 echo $OUTPUT->container_end();
 echo html_writer::end_tag('div');
 echo $renderer->complete_layout();
+$PAGE->requires->js_call_amd('core_calendar/calendar', 'init');
 echo $OUTPUT->footer();