Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Calendar does not react to a change of value if lands in prev/next month
See original GitHub issue🐛 Bug Report
When programmatically changing the value for DatePicker (or DateRangePicker), if the day/range lands in the previous month, the UI does not show the correct selected month.
🤔 Expected Behavior
The UI should update to show the picked day/range when value updates.
😯 Current Behavior
Month does not switch. See Codesandbox example
🔦 Context
We need the UI to update correctly. While the DatePicker assumes that the popover will be closed when choosing a new value, this is not true for our use case.
💻 Code Sample
🌍 Your Environment
| Software | Version(s) |
|---|---|
| react-spectrum | 3.20.0 |
| Browser | Chrome 104.0.5112.79 |
| Operating System | OSX Monterey |
🧢 Your Company/Team
Mastery Logistics Systems
Issue Analytics
- State:
- Created a year ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
We can take a look at supporting this in DatePicker but if you are using the aria hooks to create your own DatePicker you can try using the
focusedValueprop in useCalendar fix this behavior.Thanks for the extra context! That isn’t something that spectrum currently defines. So it may be that you need to implement some extra things as a result/you may find other cases we don’t support. Still odd our calendar doesn’t update, that seems like a bug at least. I’ll bring it up to our team.