Correct date handling for minDate in month selection

themesberg · Jan 23, 2025 · e0252c7 · e0252c7
1 parent bed3c41
commit e0252c7
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/ui/src/components/Datepicker/Views/Months.tsx b/packages/ui/src/components/Datepicker/Views/Months.tsx
@@ -37,8 +37,10 @@ export const DatepickerViewsMonth: FC<DatepickerViewsMonthsProps> = ({ theme: cu
     <div className={theme.items.base}>
       {[...Array(12)].map((_month, index) => {
         const newDate = new Date();
-        // setting day to 1 to avoid overflow issues
-        newDate.setMonth(index, 1);
+        // Set newDate to the last day of the month based on the provided index.
+        // This is necessary for enabling the month button when minDate is set (e.g., minDate = 1/23/2025).
+        newDate.setMonth(index + 1, 1);
+        newDate.setDate(newDate.getDate() - 1);
         newDate.setFullYear(viewDate.getFullYear());
         const month = getFormattedDate(language, newDate, { month: "short" });