diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
index baf09634c..d307a9676 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
@@ -138,6 +138,7 @@ const store = useStore(key);
 
 const {t} = useI18n();
 
+const calendarRef = ref();
 const showWeekends = ref(false);
 const slotDuration = ref('00:05:00');
 const slotMinTime = ref('09:00:00');
@@ -165,6 +166,7 @@ const baseOptions = ref<CalendarOptions>({
   eventClick: onEventClick,
 /*  eventContent: function(arg) {
     let spanEvent = document.createElement('span')
+    let rangeEvent = document.createElement('b')
     // spanEvent.classList.add(eventClasses(arg.event))
 
     if (arg.event.extendedProps.is === 'remote') {
@@ -268,15 +270,40 @@ function onDateSelect(event: DateSelectArg): void {
 }
 
 /*function goPrevious() {
+  const viewType = calendarRef.value.getApi().view.type;
   const currentStartObj = store.state.fullCalendar.currentView.start;
   const currentEndObj = store.state.fullCalendar.currentView.end;
+  let prevDates = {};
+
   if (currentStartObj != null && currentEndObj != null) {
-    const prevDates = {
-      start: new Date(currentStartObj).setDate(currentStartObj.getDate() - 7),
-      end: currentEndObj.setDate(currentEndObj.getDate() - 7)
+    if (viewType === "timeGridWeek") {
+      console.log(typeof(currentStartObj));
+      prevDates = {
+        start: new Date(new Date(currentStartObj).setDate(currentStartObj.getDate() - 7)),
+        end: new Date(currentEndObj.setDate(currentEndObj.getDate() - 7))
+      }
+    } else {
+      prevDates = {
+        start: new Date(currentStartObj).setDate(currentStartObj.getDate() - 1),
+        end: currentEndObj.setDate(currentEndObj.getDate() - 1)
+      }
+    }
+    store.dispatch('calendarRanges/createRange', prevDates);
+  }
+  calendarRef.value.getApi().setOption('visibleRange', {start: '2022-11-14', end: '2022-11-19'});
+}*/
+
+/*function goNext() {
+  const viewType = calendarRef.value.getApi().view.type;
+  const currentStartObj = store.state.fullCalendar.currentView.start;
+  const currentEndObj = store.state.fullCalendar.currentView.end;
+
+  if (currentStartObj != null && currentEndObj != null) {
+    const prevDates = {
+      start: new Date(currentStartObj).setDate(currentStartObj.getDate() + 7),
+      end: currentEndObj.setDate(currentEndObj.getDate() + 7)
     }
     store.dispatch('calendarRanges/createRange', prevDates);
-    console.log('prevDates', prevDates);
   }
 }*/
 
@@ -284,12 +311,9 @@ function onDateSelect(event: DateSelectArg): void {
  * When a calendar range is deleted
  */
 function onClickDelete(event: EventApi): void {
-  console.log('onClickDelete', event);
-
   if (event.extendedProps.is !== 'range') {
     return;
   }
-
   store.dispatch('calendarRanges/deleteRange', event.extendedProps.calendarRangeId);
 }