[#246] removed navigation on month selection (#330)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>

src/components/Calendar/Calendar.tsx

@@ -645,7 +645,6 @@ export default function CalendarApp({
           }}
           datesSet={(arg) => {
             setCurrentView(arg.view.type);
-            // Get the current date from calendar API to ensure consistency
             const calendarCurrentDate =
               calendarRef.current?.getDate() || new Date(arg.start);
 
@@ -656,8 +655,8 @@ export default function CalendarApp({
               setSelectedDate(new Date(middle));
               setSelectedMiniDate(calendarCurrentDate);
             } else {
-              setSelectedDate(new Date(arg.start));
+              setSelectedDate(calendarCurrentDate);
-              setSelectedMiniDate(new Date(arg.start));
+              setSelectedMiniDate(calendarCurrentDate);
             }
 
             // Always use the calendar's current date for consistency

src/components/Calendar/MiniCalendar.tsx

@@ -1,7 +1,6 @@
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
-import { DateCalendar, PickersDay } from "@mui/x-date-pickers";
+import { DateCalendar } from "@mui/x-date-pickers";
-import { DayCalendarSkeleton } from "@mui/x-date-pickers/DayCalendarSkeleton";
 import moment from "moment";
 import {
   computeStartOfTheWeek,
@@ -9,7 +8,6 @@ import {
   getCalendarRange,
 } from "../../utils/dateUtils";
 import { useAppDispatch, useAppSelector } from "../../app/hooks";
-import { refreshCalendars } from "../Event/utils/eventUtils";
 import { getCalendarDetailAsync } from "../../features/Calendars/CalendarSlice";
 import { useEffect, useState } from "react";
 import { useI18n } from "cozy-ui/transpiled/react/providers/I18n";
@@ -40,12 +38,13 @@ export function MiniCalendar({
     >
       <DateCalendar
         value={moment(visibleDate)}
-        onChange={(dateMoment) => {
+        onChange={(dateMoment, selectionState) => {
           if (!dateMoment) return;
           const date = dateMoment.toDate();
-          setSelectedDate(date);
+          if (selectionState === "finish") {
-          setSelectedMiniDate(date);
+            setSelectedMiniDate(date);
-          calendarRef.current?.gotoDate(date);
+            calendarRef.current?.gotoDate(date);
+          }
         }}
         showDaysOutsideCurrentMonth
         onMonthChange={(month) => {
@@ -112,11 +111,6 @@ export function MiniCalendar({
               selected: classNames.includes("selectedWeek"),
               outsideCurrentMonth: ownerState.isDayOutsideMonth,
               disableMargin: false,
-              onClick: () => {
-                setSelectedDate(date);
-                setSelectedMiniDate(date);
-                calendarRef.current?.gotoDate(date);
-              },
               style: {
                 backgroundColor: "transparent",
                 position: "relative",