adobe / adobe/react-spectrum

Feature to select another month or year (nested popover) inside DateRangePicker while start range is selected to pick end range

Open
#9,430 1 comment 0 reactions 0 assignees View on GitHub
bug
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

Related
- https://github.com/adobe/react-spectrum/issues/8850
- https://github.com/adobe/react-spectrum/issues/3311

I'm using `DateRangePicker` component which is using `Popover`, using nested `Popover` inside `DateRangePicker` for selecting `month` and `year`

### 🤔 Expected Behavior?

When selecting the **start range**, and clicking `Select` (Nested Popover) for choosing year and month to pick **end range**, it should keep the first `Popover` (DateRangePicker Popover) open so I could pick the **end range**

### 😯 Current Behavior

When selecting the **start range** and clicking on `Select` (Nested Popover) the DateRangePicker (Popover) will be closed also a **end range** will selected without clicking on date cells

### 💁 Possible Solution

_No response_

### 🔦 Context

_No response_

### 🖥️ Steps to Reproduce

https://stackblitz.com/edit/vitejs-vite-njscg2k8?file=src%2FApp.tsx

### Version

1.14.0

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

Windows 11

### 🧢 Your Company/Team

_No response_

### 🕷 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.