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.95k stars 1.21k forks source link

[pickers] Offer a prop to start mobile picker in keyboard entry mode #6217

Open asharafshahi opened 1 year ago

asharafshahi commented 1 year ago

Duplicates

Latest version

Summary 💡

In our mobile app we find that users are much quicker able to type in a date in the past (e.g. Date of birth) than going through the MobileDatePicker and having to pick year, then month, then day. But the pencil icon that's in the modal is often missed by users and we would like a prop that switches the 'default' view that first shows up to be this:

image

Examples 🌈

https://mui.com/x/react-date-pickers/date-picker/

We want to be able to have this open first:

image

Then user can switch to this:

image

Motivation 🔦

Dates far in the past are often easier to just type in on mobile and some less tech savvy users often miss the pencil icon to switch from the calendar entry view.

Order ID 💳 (optional)

No response

flaviendelangle commented 1 year ago

We are currently discussing internally about mobile and keyboard edition I agree that the current approach is not great

asharafshahi commented 1 year ago

Thanks @flaviendelangle and team! I think a date of birth picker is a unique use case that a lot of folks have challenges with. Anything the team comes up with will be awesome!

Good article: https://icapps.com/blog/ux-dateofbirth

flaviendelangle commented 1 year ago

Thanks for your words !

For the date of birth picker, we agree and even have a dedicated issue (https://github.com/mui/mui-x/issues/5021) to discuss this problem.