adobe / adobe/react-spectrum

Cannot select a multi-month range with RangeCalendar on iOS 16

Open
#8,889 2 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.