DateRangePicker days change automatically when updating year in Thai Calendar

[yuradmytriev]

When using the DateRangePicker component with the Thai calendar (th-u-ca-buddhist locale), the days change automatically when updating the year. This behavior is unexpected and leads to incorrect date selections.

🤔 Expected Behavior?

The selected days should remain consistent when updating the year.

😯 Current Behavior

The selected days change automatically when the year is updated.

💁 Possible Solution

🔦 Context

This issue is reproducible only when the Provider has the th-u-ca-buddhist locale set:

<Provider
  locale={"th-u-ca-buddhist"}
  colorScheme="light"
  theme={defaultTheme}
>
  <DateRangePicker />
</Provider>

🖥️ Steps to Reproduce

Steps to Reproduce:

• Set the locale to th-u-ca-buddhist in the Provider.
• Open the DateRangePicker component.
• Select a date range.
• Update the year in the calendar.

Screen.Recording.2024-06-12.at.09.13.52.mov

Version

3.34.1

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[LFDanLu]

Perhaps in a similar vein to #3757, will need to double check https://github.com/unicode-org/icu/blob/main/icu4j/main/core/src/main/java/com/ibm/icu/util/BuddhistCalendar.java

[kanasva]

I confirm the issue with DateField.

[devongovett]

I believe I tracked this down to an interesting quirk in browser behavior for dates before 1582 (when the Gregorian calendar was invented). tc39/ecma402#1003

[devongovett]

Looks like this is a bug in all 3 JS engines. Firefox 139 beta has already fixed this. I reported issues to WebKit, and Chromium.