Merge pull request #5214 from OlegDev1/main

fix: "previous month" button appears when selecting a date

src/calendar.tsx

@@ -528,6 +528,14 @@ export default class Calendar extends Component<CalendarProps, CalendarState> {
       return;
     }
 
+    const monthsShown =
+      this.props.monthsShown ?? Calendar.defaultProps.monthsShown;
+    const monthsToSubtract = this.props.showPreviousMonths
+      ? monthsShown - 1
+      : 0;
+    const monthSelectedIn = this.props.monthSelectedIn ?? monthsToSubtract;
+    const fromMonthDate = subMonths(this.state.date, monthSelectedIn);
+
     let allPrevDaysDisabled;
     switch (true) {
       case this.props.showMonthYearPicker:
@@ -543,7 +551,7 @@ export default class Calendar extends Component<CalendarProps, CalendarState> {
         );
         break;
       default:
-        allPrevDaysDisabled = monthDisabledBefore(this.state.date, this.props);
+        allPrevDaysDisabled = monthDisabledBefore(fromMonthDate, this.props);
         break;
     }
 

src/test/calendar_test.test.tsx

@@ -448,6 +448,35 @@ describe("Calendar", () => {
     expect(nextButtonAriaLabel).toBe(nextYearAriaLabel);
   });
 
+  it("should not have previous month button when selecting a date in the second month, when min date is specified", () => {
+    const { container } = render(
+      <DatePicker
+        inline
+        monthsShown={2}
+        minDate={new Date("2024-11-06")}
+        maxDate={new Date("2025-01-01")}
+      />,
+    );
+
+    expect(
+      container.querySelector(".react-datepicker__navigation--previous"),
+    ).toBe(null);
+
+    const secondMonthDate = safeQuerySelectorAll(
+      container,
+      ".react-datepicker__day--009",
+    )[1];
+    if (!secondMonthDate) {
+      throw new Error("second month date is not found");
+    }
+
+    fireEvent.click(secondMonthDate);
+
+    expect(
+      container.querySelector(".react-datepicker__navigation--previous"),
+    ).toBe(null);
+  });
+
   describe("custom header", () => {
     const months = [
       "January",