mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.97k stars 32.28k forks source link

[TimePicker] A new Material Design specification #23528

Open ghost opened 4 years ago

ghost commented 4 years ago

Current one

New Material Design Spec:

Two modes - select & enter

Potrait mode:

Landscape mode:

More info: https://material.io/components/time-pickers

Shrirang97 commented 4 years ago

What is the issue?

ghost commented 4 years ago

This issue is about the updated material design spec for time picker. Current implementation of time picker in material-ui is not updated to it.

mbrookes commented 4 years ago

It seems like they totally let the (design) Chaos Monkeys loose on this update 🤕

oliviertassinari commented 4 years ago

Agree, it looks ugly 🙈🤮 (at least with the palette color choices they have used for the demo). It's worrying.

oliviertassinari commented 4 years ago

Linking https://github.com/mui-org/material-ui-pickers/issues/1860. I feel that for a year or so material.io pushed some changes that are used in none of Google's products. In the case of the mobile time picker. We can wait for what they do with Android 12. Until then, I think that we should stick to Android 11 design.

mweber-ak commented 3 years ago

I'll second the issue. Our users on desktop hate the sun dial design. They want a way to input time simpler, easier. The sundial method feels very much like its only meant for touch screens

thanhpd commented 2 years ago

I'm bumping this issue back as the new specs are implemented in Google Keep and Assistant Reminders (I can confirm from my Android phone even though it's only at Android 9). It seems going to be eventually rolled out across all apps then.

Ref: https://9to5google.com/2021/08/09/new-android-material-time-picker/