diff --git a/frontend/src/definitions.ts b/frontend/src/definitions.ts
index abc24162d..02b47f3d2 100644
--- a/frontend/src/definitions.ts
+++ b/frontend/src/definitions.ts
@@ -8,6 +8,8 @@ export enum DateFormatStrings {
   // Time display formats
   Display12Hour = 'hh:mma',
   Display24Hour = 'HH:mm',
+  // Other formats
+  UniqueMonth = 'YYYY-MM',
 }
 
 /**
diff --git a/frontend/src/models.ts b/frontend/src/models.ts
index 84d985dbe..7b709fda4 100644
--- a/frontend/src/models.ts
+++ b/frontend/src/models.ts
@@ -292,7 +292,7 @@ export type ExceptionDetail = {
   status?: number;
 }
 export type PydanticExceptionDetail = {
-  ctx: { reason: string },
+  ctx: { reason: string, ge?: string },
   input: string,
   loc: string[],
   msg: string,
@@ -333,7 +333,7 @@ export type Fetch = (url: string) => UseFetchReturn<any> & PromiseLike<UseFetchR
 export type InviteListResponse = UseFetchReturn<Invite[]|Exception>;
 export type Refresh = () => Promise<void>;
 export type RemoteEventListResponse = UseFetchReturn<RemoteEvent[]>;
-export type ScheduleResponse = UseFetchReturn<Schedule>;
+export type ScheduleResponse = UseFetchReturn<Schedule|Exception>;
 export type ScheduleListResponse = UseFetchReturn<Schedule[]>;
 export type SignatureResponse = UseFetchReturn<Signature>;
 export type SlotResponse = UseFetchReturn<Slot|Exception>;
diff --git a/frontend/src/stores/calendar-store.ts b/frontend/src/stores/calendar-store.ts
index 146d01c31..313b211f4 100644
--- a/frontend/src/stores/calendar-store.ts
+++ b/frontend/src/stores/calendar-store.ts
@@ -1,9 +1,14 @@
-import { Calendar, CalendarListResponse, Fetch } from '@/models';
+import { Calendar, CalendarListResponse, Fetch, RemoteEvent, RemoteEventListResponse } from '@/models';
 import { defineStore } from 'pinia';
-import { ref, computed } from 'vue';
+import { ref, computed, inject } from 'vue';
+import { dayjsKey } from '@/keys';
+import { Dayjs } from 'dayjs';
+import { DateFormatStrings } from '@/definitions';
 
 // eslint-disable-next-line import/prefer-default-export
 export const useCalendarStore = defineStore('calendars', () => {
+  const dj = inject(dayjsKey);
+
   // State
   const isLoaded = ref(false);
 
@@ -11,9 +16,13 @@ export const useCalendarStore = defineStore('calendars', () => {
   const calendars = ref<Calendar[]>([]);
   const unconnectedCalendars = computed((): Calendar[] => calendars.value.filter((cal) => !cal.connected));
   const connectedCalendars = computed((): Calendar[] => calendars.value.filter((cal) => cal.connected));
-
   const hasConnectedCalendars = computed(() => connectedCalendars.value.length > 0);
 
+  // List of remote events. Retrieved in batches per month.
+  const remoteEvents = ref<RemoteEvent[]>([]);
+  // List of month batches already called.
+  const remoteMonthsRetrieved = ref<string[]>([]);
+
   const connectGoogleCalendar = async (call: Fetch, email: string) => {
     const urlFriendlyEmail = encodeURIComponent(email);
     const googleUrl = await call(`google/auth?email=${urlFriendlyEmail}`).get();
@@ -44,6 +53,52 @@ export const useCalendarStore = defineStore('calendars', () => {
     }
   };
 
+  /**
+   * Get all cremote events from connected calendars for given time span
+   * @param call preconfigured API fetch function
+   * @param activeDate Dayjs object defining the current month
+   * @param force force a refetch
+   */
+  const getRemoteEvents = async (call: Fetch, activeDate: Dayjs, force = false) => {
+    // Get month identifier to remember this month's events are already retrieved
+    const month = activeDate.format(DateFormatStrings.UniqueMonth);
+    
+    // Most calendar impl are non-inclusive of the last day, so just add one day to the end.
+    const from = activeDate.startOf('month').format(DateFormatStrings.QalendarFullDay);
+    const to = activeDate.endOf('month').add(1, 'day').format(DateFormatStrings.QalendarFullDay);
+  
+    // If retrieval is forced, delete cache and start with zero events again
+    if (force) {
+      remoteMonthsRetrieved.value = [];
+    }
+
+    // If month is already cached, there's nothing more to do
+    if (remoteMonthsRetrieved.value.includes(month)) {
+      return;
+    }
+
+    const calendarEvents = force ? [] : [...remoteEvents.value];
+
+    // Only retrieve remote events if we don't have this month already cached
+    await Promise.all(connectedCalendars.value.map(async (calendar) => {
+      const { data }: RemoteEventListResponse = await call(`rmt/cal/${calendar.id}/${from}/${to}`).get().json();
+      if (Array.isArray(data.value)) {
+        calendarEvents.push(
+          ...data.value.map((event) => ({
+            ...event,
+            duration: dj(event.end).diff(dj(event.start), 'minutes'),
+          })),
+        );
+      }
+    }));
+
+    // Remember month
+    remoteMonthsRetrieved.value.push(month);
+    
+    // Update remote event list
+    remoteEvents.value = calendarEvents;
+  };
+
   /**
    * Restore default state, empty and unload calendars
    */
@@ -55,9 +110,11 @@ export const useCalendarStore = defineStore('calendars', () => {
   const connectCalendar = async (call: Fetch, id: number) => {
     await call(`cal/${id}/connect`).post();
   };
+
   const disconnectCalendar = async (call: Fetch, id: number) => {
     await call(`cal/${id}/disconnect`).post();
   };
+
   const syncCalendars = async (call: Fetch) => {
     await call('rmt/sync').post();
   };
@@ -68,6 +125,7 @@ export const useCalendarStore = defineStore('calendars', () => {
     calendars,
     unconnectedCalendars,
     connectedCalendars,
+    remoteEvents,
     fetch,
     $reset,
     connectGoogleCalendar,
@@ -75,5 +133,6 @@ export const useCalendarStore = defineStore('calendars', () => {
     disconnectCalendar,
     syncCalendars,
     calendarById,
+    getRemoteEvents,
   };
 });
diff --git a/frontend/src/stores/schedule-store.ts b/frontend/src/stores/schedule-store.ts
index 099e85a1f..9cce02eb9 100644
--- a/frontend/src/stores/schedule-store.ts
+++ b/frontend/src/stores/schedule-store.ts
@@ -1,10 +1,16 @@
 import { i18n } from '@/composables/i18n';
 import { defineStore } from 'pinia';
-import { ref, computed, inject } from 'vue';
+import { ref, computed, inject, Ref } from 'vue';
 import { useUserStore } from '@/stores/user-store';
-import { DateFormatStrings, MetricEvents } from '@/definitions';
 import {
-  Error, Fetch, Schedule, ScheduleListResponse, ScheduleResponse,
+  DateFormatStrings,
+  MetricEvents,
+  DEFAULT_SLOT_DURATION,
+  EventLocationType,
+  MeetingLinkProviderType,
+} from '@/definitions';
+import {
+  Error, Fetch, Schedule, ScheduleListResponse, ScheduleResponse, Exception, ExceptionDetail
 } from '@/models';
 import { dayjsKey } from '@/keys';
 import { posthog, usePosthog } from '@/composables/posthog';
@@ -14,16 +20,42 @@ import { timeFormat } from '@/utils';
 export const useScheduleStore = defineStore('schedules', () => {
   const dj = inject(dayjsKey);
 
+  const defaultSchedule = {
+    active: false,
+    name: '',
+    calendar_id: 0,
+    location_type: EventLocationType.InPerson,
+    location_url: '',
+    details: '',
+    start_date: dj().format(DateFormatStrings.QalendarFullDay),
+    end_date: null,
+    start_time: '09:00',
+    end_time: '17:00',
+    earliest_booking: 1440,
+    farthest_booking: 20160,
+    weekdays: [1, 2, 3, 4, 5],
+    slot_duration: DEFAULT_SLOT_DURATION,
+    meeting_link_provider: MeetingLinkProviderType.None,
+    booking_confirmation: true,
+    calendar: {
+      id: 0,
+      title: '',
+      color: '#000',
+      connected: true,
+    },
+  };
+
   // State
   const isLoaded = ref(false);
 
   // Data
   const schedules = ref<Schedule[]>([]);
+  const firstSchedule = computed((): Schedule => schedules.value?.length > 0 ? schedules.value[0] : null);
   const inactiveSchedules = computed((): Schedule[] => schedules.value.filter((schedule) => !schedule.active));
   const activeSchedules = computed((): Schedule[] => schedules.value.filter((schedule) => schedule.active));
 
   /**
-   * Get all calendars for current user
+   * Get all schedules for current user
    * @param call preconfigured API fetch function
    * @param force Force a fetch even if we already have data
    */
@@ -43,18 +75,18 @@ export const useScheduleStore = defineStore('schedules', () => {
   };
 
   /**
-   * Restore default state, empty and unload calendars
+   * Restore default state, empty and unload schedules
    */
   const $reset = () => {
     schedules.value = [];
     isLoaded.value = false;
   };
 
-  const handleErrorResponse = (responseData) => {
+  const handleErrorResponse = (responseData: Ref<Exception>) => {
     const { value } = responseData;
 
-    if (value?.detail?.message) {
-      return value?.detail?.message;
+    if ((value?.detail as ExceptionDetail)?.message) {
+      return (value?.detail as ExceptionDetail)?.message;
     }
 
     if (value?.detail instanceof Array) {
@@ -108,7 +140,7 @@ export const useScheduleStore = defineStore('schedules', () => {
     if (error.value) {
       return {
         error: true,
-        message: handleErrorResponse(data),
+        message: handleErrorResponse(data as Ref<Exception>),
       } as Error;
     }
 
@@ -129,7 +161,7 @@ export const useScheduleStore = defineStore('schedules', () => {
     if (error.value) {
       return {
         error: true,
-        message: handleErrorResponse(data),
+        message: handleErrorResponse(data as Ref<Exception>),
       } as Error;
     }
 
@@ -172,6 +204,17 @@ export const useScheduleStore = defineStore('schedules', () => {
   };
 
   return {
-    isLoaded, schedules, inactiveSchedules, activeSchedules, fetch, $reset, createSchedule, updateSchedule, timeToBackendTime, timeToFrontendTime,
+    isLoaded,
+    defaultSchedule,
+    schedules,
+    firstSchedule,
+    inactiveSchedules,
+    activeSchedules,
+    fetch,
+    $reset,
+    createSchedule,
+    updateSchedule,
+    timeToBackendTime,
+    timeToFrontendTime,
   };
 });
diff --git a/frontend/src/views/ScheduleView.vue b/frontend/src/views/ScheduleView.vue
index c538c29dd..50ef73a27 100644
--- a/frontend/src/views/ScheduleView.vue
+++ b/frontend/src/views/ScheduleView.vue
@@ -1,32 +1,18 @@
 <script setup lang="ts">
-import {
-  BookingCalendarView,
-  DateFormatStrings,
-  DEFAULT_SLOT_DURATION, Dismissibles,
-  EventLocationType,
-  MeetingLinkProviderType,
-} from '@/definitions';
-import {
-  ref, inject, computed, onMounted,
-} from 'vue';
+import { Dismissibles } from '@/definitions';
+import { ref, inject, onMounted, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { dayjsKey, callKey, refreshKey } from '@/keys';
-import {
-  RemoteEvent,
-  RemoteEventListResponse,
-  Schedule,
-  ScheduleListResponse,
-  ScheduleAppointment,
-  TimeFormatted,
-} from '@/models';
+import { ScheduleAppointment, TimeFormatted } from '@/models';
 import ScheduleCreation from '@/components/ScheduleCreation.vue';
 import CalendarQalendar from '@/components/CalendarQalendar.vue';
 import NoticeBar from '@/tbpro/elements/NoticeBar.vue';
 import PrimaryButton from '@/tbpro/elements/PrimaryButton.vue';
 
 // stores
+import { useScheduleStore } from '@/stores/schedule-store';
 import { useAppointmentStore } from '@/stores/appointment-store';
 import { useCalendarStore } from '@/stores/calendar-store';
 import { useUserActivityStore } from '@/stores/user-activity-store';
@@ -37,52 +23,24 @@ const dj = inject(dayjsKey);
 const call = inject(callKey);
 const refresh = inject(refreshKey);
 
+const scheduleStore = useScheduleStore();
 const appointmentStore = useAppointmentStore();
 const calendarStore = useCalendarStore();
 const userActivityStore = useUserActivityStore();
+const { schedules, firstSchedule } = storeToRefs(scheduleStore);
 const { pendingAppointments } = storeToRefs(appointmentStore);
-const { connectedCalendars } = storeToRefs(calendarStore);
+const { connectedCalendars, remoteEvents } = storeToRefs(calendarStore);
 const { data: userActivityData } = storeToRefs(userActivityStore);
 
-// current selected date, if not in route: defaults to now
-const activeDate = ref(route.params.date ? dj(route.params.date as string) : dj());
-const activeDateRange = ref({
+// current selected date, defaults to now
+const activeDate = ref(dj());
+const activeDateRange = computed(() => ({
   start: activeDate.value.startOf('month'),
   end: activeDate.value.endOf('month'),
-});
-
-// active menu item for tab navigation of calendar views
-const tabActive = ref(BookingCalendarView.Month);
-
-// get remote calendar data for current year
-const calendarEvents = ref<RemoteEvent[]>([]);
-const getRemoteEvents = async (from: string, to: string) => {
-  // Most calendar impl are non-inclusive of the last day, so just add one to the day.
-  const inclusiveTo = dj(to).add(1, 'day').format('YYYY-MM-DD');
-
-  calendarEvents.value = [];
-  await Promise.all(connectedCalendars.value.map(async (calendar) => {
-    const { data }: RemoteEventListResponse = await call(`rmt/cal/${calendar.id}/${from}/${inclusiveTo}`).get().json();
-    if (Array.isArray(data.value)) {
-      calendarEvents.value.push(
-        ...data.value.map((event) => ({
-          ...event,
-          duration: dj(event.end).diff(dj(event.start), 'minutes'),
-        })),
-      );
-    }
-  }));
-};
+}));
 
 // user configured schedules from db (only the first for now, later multiple schedules will be available)
-const schedules = ref<Schedule[]>([]);
-const firstSchedule = computed(() => (schedules.value?.length > 0 ? schedules.value[0] : null));
 const schedulesReady = ref(false);
-const getFirstSchedule = async () => {
-  // trailing slash to prevent fast api redirect which doesn't work great on our container setup
-  const { data }: ScheduleListResponse = await call('schedule/').get().json();
-  schedules.value = data.value;
-};
 
 // schedule previews for showing corresponding placeholders in calendar views
 const schedulesPreviews = ref([]);
@@ -94,7 +52,7 @@ const schedulePreview = (schedule: ScheduleAppointment) => {
  * Retrieve new events if a user navigates to a different month
  * @param dateObj
  */
-const onDateChange = (dateObj: TimeFormatted) => {
+const onDateChange = async (dateObj: TimeFormatted) => {
   const start = dj(dateObj.start);
   const end = dj(dateObj.end);
 
@@ -102,13 +60,10 @@ const onDateChange = (dateObj: TimeFormatted) => {
 
   // remote data is retrieved per month, so a data request happens as soon as the user navigates to a different month
   if (
-    dj(activeDateRange.value.end).format('YYYYMM') !== dj(end).format('YYYYMM')
-    || dj(activeDateRange.value.start).format('YYYYMM') !== dj(start).format('YYYYMM')
+    !dj(activeDateRange.value.end).isSame(dj(end), 'month')
+    || !dj(activeDateRange.value.start).isSame(dj(start), 'month')
   ) {
-    getRemoteEvents(
-      dj(start).format('YYYY-MM-DD'),
-      dj(end).format('YYYY-MM-DD'),
-    );
+    await calendarStore.getRemoteEvents(call, activeDate.value);
   }
 };
 
@@ -116,40 +71,15 @@ const onDateChange = (dateObj: TimeFormatted) => {
 onMounted(async () => {
   // Don't actually load anything during the FTUE
   if (route.name === 'setup') {
-    // Setup a fake schedule so the schedule creation bar works correctly...
-    schedules.value = [{
-      active: false,
-      name: '',
-      calendar_id: 0,
-      location_type: EventLocationType.InPerson,
-      location_url: '',
-      details: '',
-      start_date: dj().format(DateFormatStrings.QalendarFullDay),
-      end_date: null,
-      start_time: '09:00',
-      end_time: '17:00',
-      earliest_booking: 1440,
-      farthest_booking: 20160,
-      weekdays: [1, 2, 3, 4, 5],
-      slot_duration: DEFAULT_SLOT_DURATION,
-      meeting_link_provider: MeetingLinkProviderType.None,
-      booking_confirmation: true,
-      calendar: {
-        id: 0,
-        title: '',
-        color: '#000',
-        connected: true,
-      },
-    }];
+    // Setup a default schedule so the schedule creation bar works correctly...
+    schedules.value = [scheduleStore.defaultSchedule];
     schedulesReady.value = true;
     return;
   }
   await refresh();
-  await getFirstSchedule();
+  scheduleStore.fetch(call);
   schedulesReady.value = true;
-  const eventsFrom = dj(activeDate.value).startOf('month').format('YYYY-MM-DD');
-  const eventsTo = dj(activeDate.value).endOf('month').format('YYYY-MM-DD');
-  await getRemoteEvents(eventsFrom, eventsTo);
+  await calendarStore.getRemoteEvents(call, activeDate.value);
 });
 
 const dismiss = () => {
@@ -193,10 +123,7 @@ const dismiss = () => {
     <div class="text-4xl font-light">{{ t('label.dashboard') }}</div>
   </div>
   <!-- page content -->
-  <div
-    class="mt-8 flex flex-col-reverse items-stretch gap-2 md:flex-row-reverse lg:gap-4"
-    :class="{ 'lg:mt-10': tabActive === BookingCalendarView.Month }"
-  >
+  <div class="mt-8 flex flex-col-reverse items-stretch gap-2 md:flex-row-reverse lg:gap-4">
     <!-- schedule creation dialog -->
     <div class="mx-auto mb-10 w-3/4 min-w-80 sm:w-1/4 md:mb-0 xl:w-1/6">
       <schedule-creation
@@ -204,16 +131,15 @@ const dismiss = () => {
         :calendars="connectedCalendars"
         :schedule="firstSchedule"
         :active-date="activeDate"
-        @created="getFirstSchedule"
+        @created="scheduleStore.fetch(call, true)"
         @updated="schedulePreview"
       />
     </div>
     <!-- main section: big calendar showing active month, week or day -->
     <calendar-qalendar
       class="w-full md:w-9/12 xl:w-10/12"
-      :selected="activeDate"
       :appointments="pendingAppointments"
-      :events="calendarEvents"
+      :events="remoteEvents"
       :schedules="schedulesPreviews"
       @date-change="onDateChange"
     />