Fix class not applied on day component for datepicker with selectsRange prop

[c-falardeau]

• Apply the react-datepicker__day--selecting-range-end class on the day component while user is selecting the end date for the range
• Added unit test

I observed that for datepicker having the selectsRange prop, when the user is selecting a range only the react-datepicker__day--selecting-range-start is set on the day component starting the range. While the user is moving the mouse on other day components, the class react-datepicker__day--selecting-range-end would not be applied on the hovered day to indicate that he is selecting that day as the end date.

I would need this class to be applied to perform custom styling for achieving this kind of styling:

This would help me to not continue the blue line after the end date.

[martijnrusschen]

Merging in the latest master branch should fix the CI checks on the Pull request.

[c-falardeau]

Good catch thanks :)

[codecov]

Codecov Report

Merging #3595 (5b0b380) into master (8563862) will not change coverage.
The diff coverage is 100.00%.

❗ Current head 5b0b380 differs from pull request most recent head 0f5d4fa. Consider uploading reports for the commit 0f5d4fa to get more accurate results

@@           Coverage Diff           @@
##           master    #3595   +/-   ##
=======================================
  Coverage   93.32%   93.32%           
=======================================
  Files          20       20           
  Lines        1349     1349           
  Branches      375      375           
=======================================
  Hits         1259     1259           
  Misses         27       27           
  Partials       63       63           

Impacted Files	Coverage Δ
src/day.jsx	93.06% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8563862...0f5d4fa. Read the comment docs.

[c-falardeau]

Hello, do you know when the new release will be available containing this PR please?

Best regards,
Christian

[martijnrusschen]

I'll try to get it released in the next few days

[c-falardeau]

Thanks :)

[c-falardeau]

Hello @martijnrusschen, I was wondering if it is possible to get a new release including this fix please :)

[cnorthfield]

@martijnrusschen any chance of a release of this, please?

[jgregory-apogee]

For now I'm working around this with .react-datepicker__day--in-selecting-range:hover.