Describe the bug
By using the datepicker in range mode (two inputs or single input) and with showMonthYearPicker configuration, after select the start date, while choosing the end date, the months inside range to be selected are not highlighted. Just after the selection of end date, the entire month range became highlighted.
Also, the class react-datepicker__month--in-selecting-range is not applied during this process, in the months inside the range that is about to be selected.
Hover under the months "Aug", "Sep", "Oct", "Nov" or "Dez"
Realize any of the hovered months changes its style
Expected behavior
Durgin the step (6) above, the months hovered should have a different style, and should have the CSS class react-datepicker__month--in-selecting-range applied.
The behavior should be the same without the showMonthYearPicker configration.
To check this out:
Go to "Date Range" of React Date Picker documentation
Click on first input (start date)
Select the date 2014/02/10
Click on second input (end date)
Hover under the any date after this one (e.g., 2014/02/11, 2014/02/12, 2014/02/13)
Realize the dates hovered have a highlighted style, showing they are inside the range
Also, the class react-datepicker__day--in-selecting-range is applied in dates inside range
Screenshots
Error Case, using showMonthYearPicker configuration
Example of expected behavior, without the showMonthYearPicker configuration
Desktop (please complete the following information):
Describe the bug By using the datepicker in range mode (two inputs or single input) and with
showMonthYearPicker
configuration, after select the start date, while choosing the end date, the months inside range to be selected are not highlighted. Just after the selection of end date, the entire month range became highlighted.Also, the class
react-datepicker__month--in-selecting-range
is not applied during this process, in the months inside the range that is about to be selected.To Reproduce Steps to reproduce the behavior:
Expected behavior Durgin the step (6) above, the months hovered should have a different style, and should have the CSS class
react-datepicker__month--in-selecting-range
applied. The behavior should be the same without theshowMonthYearPicker
configration. To check this out:react-datepicker__day--in-selecting-range
is applied in dates inside rangeScreenshots
Error Case, using
showMonthYearPicker
configurationExample of expected behavior, without the
showMonthYearPicker
configurationDesktop (please complete the following information):