Clicking days on a calendar with multiple months makes it jump forward

[gpbl]

For example, in the Range of days example when clicking on a day on the right month, it makes it jump to the next month.

[gpbl]

/cc @anton-kabysh

[gpbl]

The reason for this behavior is the code added to navigate the calendar when clicking on outside days. The month should change instead only if the day has the outside modifier, and if it does not appear in the calendar.

[HNBowen]

@gpbl I'm still seeing this issue in the example and in my own implementation. I'm using v 7.2.4 of the library.

[gpbl]

@HNBowen which example? Here it works: https://codesandbox.io/s/x9rpwqrlz4?module=/example

[HNBowen]

@gpbl Sorry, I actually meant the Day Picker Input example. My bad! You can see the behavior I'm talking about in the 'Works with input fields' example on the react-day-picker.js.org home page. Clicking on the second month in the 'Range of days' calendar advances the calendar to the next month.

I think it may be this line?

react-day-picker/src/DayPickerInput.js

Line 500 in 39ad48e

this.setState({ value, typedValue: undefined, month: day }, () => {

Clicking on a valid day resets the month of the overlay to the month of the day clicked, which I believe advances the calendar and causes the jump. Is this by design? Any advice for stopping the calendar from jumping ahead?

[gpbl]

@HNBowen oh I see. It looks like the fromMonth prop in dayPickerProps is ignored. Would you open another issue? And maybe investigate this? 🙏🏽

react-day-picker/docs/src/code-samples/examples/input-from-to.js

Lines 66 to 72 in 2e93623

	dayPickerProps={{
	selectedDays: [from, { from, to }],
	disabledDays: { before: from },
	modifiers,
	month: from,
	fromMonth: from,
	numberOfMonths: 2,

[HNBowen]

@gpbl You got it!