diff --git a/src/routes/Calendar/Calendar.tsx b/src/routes/Calendar/Calendar.tsx
index 7a4e8163d..4df5e4bf2 100644
--- a/src/routes/Calendar/Calendar.tsx
+++ b/src/routes/Calendar/Calendar.tsx
@@ -24,7 +24,7 @@ const Calendar = ({ urlParams }: Props) => {
 
     const [selected, setSelected] = useState<CalendarDate | null>(null);
 
-    const detailsTitle = useMemo(() => toDayMonth(selected), [selected]);
+    const detailsTitle = useMemo(() => toDayMonth(selected), [selected, toDayMonth]);
 
     return (
         <MainNavBars className={styles['calendar']} route={'calendar'}>
diff --git a/src/routes/Calendar/useCalendarDate.ts b/src/routes/Calendar/useCalendarDate.ts
index d3cb5b869..b2dd70d75 100644
--- a/src/routes/Calendar/useCalendarDate.ts
+++ b/src/routes/Calendar/useCalendarDate.ts
@@ -1,5 +1,7 @@
+import { useCallback } from "react";
+
 const useCalendarDate = (profile: Profile) => {
-    const toMonthYear = (calendarDate: CalendarDate | null): string => {
+    const toMonthYear = useCallback((calendarDate: CalendarDate | null): string => {
         if (!calendarDate) return '';
 
         const date = new Date();
@@ -10,9 +12,9 @@ const useCalendarDate = (profile: Profile) => {
             month: 'long',
             year: 'numeric',
         });
-    };
+    }, [profile.settings]);
 
-    const toDayMonth = (calendarDate: CalendarDate | null): string => {
+    const toDayMonth = useCallback((calendarDate: CalendarDate | null): string => {
         if (!calendarDate) return '';
 
         const date = new Date();
@@ -23,7 +25,7 @@ const useCalendarDate = (profile: Profile) => {
             day: 'numeric',
             month: 'short',
         });
-    };
+    }, [profile.settings]);
 
     return {
         toMonthYear,
diff --git a/src/routes/Calendar/useSelectableInputs.ts b/src/routes/Calendar/useSelectableInputs.ts
index a136ab5a5..bfe51743a 100644
--- a/src/routes/Calendar/useSelectableInputs.ts
+++ b/src/routes/Calendar/useSelectableInputs.ts
@@ -27,7 +27,7 @@ const useSelectableInputs = (calendar: Calendar, profile: Profile) => {
 
     const selectableInputs = React.useMemo(() => {
         return mapSelectableInputs(calendar, toMonthYear);
-    }, [calendar]);
+    }, [calendar, toMonthYear]);
 
     return selectableInputs;
 };