Cannot select a multi-month range with RangeCalendar on iOS 16
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 1.6k
- Avg merge
- 3d 9m
- Merged PRs (30d)
- 59
Description
### Provide a general summary of the issue here
On iOS 16, in RangeCalendar, when changing the current month after selecting a start date, the start date is cleared, preventing the selection of a range spanning multiple months.
We have an iOS app whose core product is an online booking system.
**🚨 This bug breaks our core feature for many of our users! 🚨**
### 🤔 Expected Behavior?
When changing the month, the start date should remain selected.
### 😯 Current Behavior
When changing the month, the start date is cleared.
### 💁 Possible Solution
_No response_
### 🔦 Context
_No response_
### 🖥️ Steps to Reproduce
This bug also occurs in the React Aria documentation.
1. Open [https://react-spectrum.adobe.com/react-aria/RangeCalendar.html](https://react-spectrum.adobe.com/react-aria/RangeCalendar.html) in Safari on a device running iOS 16.
2. Scroll down to the first Calendar.
3. Pick a start date.
4. Change the month.
5. Pick an end date.
👉 The end date will be treated as a new start date, and the range will not be selected.
The following video was made using the xCode simulator on iOS 16, which also reproduces the issue:
https://github.com/user-attachments/assets/b2f7e1a4-f408-45b8-a6d0-0dd0ec5c7330
### Version
3.43
### What browsers are you seeing the problem on?
Safari
### If other, please specify.
_No response_
### What operating system are you using?
iOS 16.2
### 🧢 Your Company/Team
izypet.co
### 🕷 Tracking Issue
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.