Calendar: Incorrect styling when selecting month/year range

[vnedevaa]

Describe the bug

There is an issue with the Calendar component when using the properties view='month', and selectionMode='range'. When selecting months in the following sequence - selecting January and then a later month like May - the styling appears correctly. The problem arises when I first select a later month and then an earlier one, such as selecting May and then February. Although the range is successfully built, the styling is not applied correctly, and it appears as if the user has selected only one month instead of two.

Reproducer

https://stackblitz.com/edit/hyhoxe?file=src%2FApp.jsx

PrimeReact version

10.5.0

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Open calendar
2. Select May 2024
3. Select February 2024

Only February is highlighted and May is not focused. The range is correctly filled.

Expected behavior

Second month (May 2024) should be focused as well.

[jmelich]

same issue here! 🙋

[KumJungMin]

I would like to request a bug fix PR :)

[melloware]

Thanks for fixing both month and year!