fix: not allowing to select other year

themesberg · Aug 7, 2024 · 6b4ef99 · 6b4ef99
1 parent c47d3a8
commit 6b4ef99
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/ui/src/components/Datepicker/Views/Months.tsx b/packages/ui/src/components/Datepicker/Views/Months.tsx
@@ -20,7 +20,7 @@ export interface DatepickerViewsMonthsProps {
 }
 
 export const DatepickerViewsMonth: FC<DatepickerViewsMonthsProps> = ({ theme: customTheme = {} }) => {
-  const { theme: rootTheme, minDate, maxDate, selectedDate, language, setViewDate, setView } = useDatePickerContext();
+  const { theme: rootTheme, minDate, maxDate, selectedDate, viewDate, language, setViewDate, setView } = useDatePickerContext();
 
   const theme = mergeDeep(rootTheme.views.months, customTheme);
 
@@ -30,6 +30,7 @@ export const DatepickerViewsMonth: FC<DatepickerViewsMonthsProps> = ({ theme: cu
         const newDate = new Date();
         // setting day to 1 to avoid overflow issues
         newDate.setMonth(index, 1);
+        newDate.setFullYear(viewDate.getFullYear());
         const month = getFormattedDate(language, newDate, { month: "short" });
 
         const isSelected = isMonthEqual(selectedDate, newDate);