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/
4.51k stars 1.31k forks source link

[pickers] MultiSectionDigitalClock - iOS Style #12181

Open johnsonav1992 opened 8 months ago

johnsonav1992 commented 8 months ago

Summary

It would be nice to have a variant of this component that works similarly to the iOS style timepicker where the "selected" values always stay in the middle of the picker and the numbers rotate around in a sort of "dial" motion.

Right now the component keeps selected values at the top of the picker and autoscrolls them to the top each time a value changes.

Examples

An idea of the style I am referring to (but with the MUI styling on top of this):

timepicker-ios

Motivation

Our company is currently build a feature where we want to have a similar looking timepicker on both the mobile apps as well as the browser portal.

Search keywords: ios, style, timepicker Order ID: #73086

michelengelen commented 8 months ago

Hey @johnsonav1992 ... I have added it to our board and applied the "waiting for 👍🏼" label for now.

johnsonav1992 commented 8 months ago

Hey @johnsonav1992 ... I have added it to our board and applied the "waiting for 👍🏼" label for now.

Thank you!!