Method componentDidUpdate

src/components/DayPicker.jsx:382–418

(prevProps, prevState)

  }

  componentDidUpdate(prevProps, prevState) {
    const {
      orientation, daySize, isFocused, numberOfMonths,
    } = this.props;
    const {
      currentMonth,
      currentMonthScrollTop,
      focusedDate,
      monthTitleHeight,
    } = this.state;

    if (
      this.isHorizontal()
      && (orientation !== prevProps.orientation || daySize !== prevProps.daySize)
    ) {
      const visibleCalendarWeeks = this.calendarMonthWeeks.slice(1, numberOfMonths + 1);
      const calendarMonthWeeksHeight = Math.max(0, ...visibleCalendarWeeks) * (daySize - 1);
      const newMonthHeight = monthTitleHeight + calendarMonthWeeksHeight + 1;
      this.adjustDayPickerHeight(newMonthHeight);
    }

    if (!prevProps.isFocused && isFocused && !focusedDate) {
      this.container.focus();
    }

    // If orientation is VERTICAL_SCROLLABLE and currentMonth has changed adjust scrollTop so the
    // new months rendered above the current month don't push the current month out of view.
    if (
      orientation === VERTICAL_SCROLLABLE
      && !isSameMonth(prevState.currentMonth, currentMonth)
      && currentMonthScrollTop
      && this.transitionContainer
    ) {
      this.transitionContainer.scrollTop = this.transitionContainer.scrollHeight
        - currentMonthScrollTop;
    }
  }

  componentWillUnmount() {
    clearTimeout(this.setCalendarInfoWidthTimeout);