search

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
3.92k stars 1.2k forks source link

[DateRangePicker] Add keyboard navigation to date range picker component. #7622

Open leostereo opened 1 year ago

leostereo commented 1 year ago

Duplicates

Latest version

Summary 💡

I would like to be able to use arrow keys to move on the dial. Similar than single date picker works. Thanks.

Examples 🌈

No response

Motivation 🔦

No response

Order ID 💳 (optional)

No response

alexfauquette commented 1 year ago

Sounds like a duplicate of #4538

By the way, in v6 the range calendar allows keyboard navigation. But in the desktop range picker focus stays in the inputs, which I think is not that much of a problem since fields are keyboard accessible.

Are those components solving your problem?

flaviendelangle commented 1 year ago

I would personally prefer to have a range picker with the focus on the view (just like on DesktopDatePicker for example). But that's a big change on how we open our picker. And I think it depends a lot on people preferences, we could probably allow people to choose at some point.

I do agree that as long as the focus stays on the inputs (a tooltip behavior), we won't have keyboard navigation on the views inside the popover.