Update disable prev and next state on month and year change

react-dates · Dec 13, 2021 · bcb781b · bcb781b
1 parent 9494adb
commit bcb781b
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/src/components/DayPickerRangeController.jsx b/src/components/DayPickerRangeController.jsx
@@ -971,7 +971,13 @@ export default class DayPickerRangeController extends React.PureComponent {
   }
 
   onMonthChange(newMonth) {
-    const { numberOfMonths, enableOutsideDays, orientation } = this.props;
+    const {
+      enableOutsideDays,
+      maxDate,
+      minDate,
+      numberOfMonths,
+      orientation,
+    } = this.props;
     const withoutTransitionMonths = orientation === VERTICAL_SCROLLABLE;
     const newVisibleDays = getVisibleDays(
       newMonth,
@@ -983,11 +989,19 @@ export default class DayPickerRangeController extends React.PureComponent {
     this.setState({
       currentMonth: newMonth.clone(),
       visibleDays: this.getModifiers(newVisibleDays),
+      disablePrev: this.shouldDisableMonthNavigation(minDate, newMonth),
+      disableNext: this.shouldDisableMonthNavigation(maxDate, newMonth),
     });
   }
 
   onYearChange(newMonth) {
-    const { numberOfMonths, enableOutsideDays, orientation } = this.props;
+    const {
+      enableOutsideDays,
+      maxDate,
+      minDate,
+      numberOfMonths,
+      orientation,
+    } = this.props;
     const withoutTransitionMonths = orientation === VERTICAL_SCROLLABLE;
     const newVisibleDays = getVisibleDays(
       newMonth,
@@ -999,6 +1013,8 @@ export default class DayPickerRangeController extends React.PureComponent {
     this.setState({
       currentMonth: newMonth.clone(),
       visibleDays: this.getModifiers(newVisibleDays),
+      disablePrev: this.shouldDisableMonthNavigation(minDate, newMonth),
+      disableNext: this.shouldDisableMonthNavigation(maxDate, newMonth),
     });
   }