diff --git a/frontend/src/Editor/Components/Calendar.jsx b/frontend/src/Editor/Components/Calendar.jsx
index 7e80bea71d..977258dd97 100644
--- a/frontend/src/Editor/Components/Calendar.jsx
+++ b/frontend/src/Editor/Components/Calendar.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Calendar as ReactCalendar, momentLocalizer } from 'react-big-calendar';
 import moment from 'moment';
 import 'react-big-calendar/lib/css/react-big-calendar.css';
@@ -73,6 +73,11 @@ export const Calendar = function ({
     ? properties.defaultView
     : allowedCalendarViews[0];
 
+  useEffect(() => {
+    setExposedVariable('currentView', defaultView);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [defaultView]);
+
   const components = {
     timeGutterHeader: () => <div style={{ height: '100%', display: 'flex', alignItems: 'flex-end' }}>All day</div>,
     week: {