[bug]: Calendar: The calendar popover jumps around (UI/UX)

[GerardGargan]

Describe the bug

When using the previous or next chevron buttons to move from one month to the next, the popover size can change depending on the number of days/rows in the month.

This sometimes causes the next/prev buttons to be in a different position if the popover is anchored above its trigger. This often results in users accidentally clicking the backdrop and closing the popover without selecting a date.

I was thinking through some possible fix's but i'm not convinced that they wouldn't introduce their own UX issue, such as setting a fixed height.

Affected component/components

Calendar

How to reproduce

1. Open the calendar
2. Click the > button and index a few months
3. Move from Jan to Feb and see that the > button is in a different position and most likely your pointer is now on the backdrop
4. Clicking again on the backdrop closes the calendar
5. More a UX issue as users often click rapidly to index months, and will likely close the calendar by accident

Codesandbox/StackBlitz link

N/A

Logs

System Info

MacOS Tahoe
React 19.1.0
Chrome browser

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[naaa760]

Hi! @GerardGargan
i fixed it, please let me know!