Stuck on an issue?
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.
Timepicker in 24h mode not according to material design
See original GitHub issueSteps to reproduce
Include a timepicker component with format="24h".
Versions
0.12.5
What is expected ?
A timepicker like in Material Design should appear with 2 circles of hours and minutes. Here is an example of what it should look like (and what it looks like on Android): http://www.materialdoc.com/time-pickers/
What is actually happening ?
Just one circle of hours and minutes is shown, also the time at top is right aligned instead of centred.
Reproduction Link
Issue Analytics
- State:
- Created 6 years ago
- Comments:11 (5 by maintainers)
Top Results From Across the Web
The 24-hour Clock Design Challenge - Material Design
The 24-hour Clock Design Challenge. Design and research create an accessible and user-friendly time picker.
Read more >How to change material-ui timepicker to 24 hour format
I would like to have my picker with a 24-hour format which would remove the AM/PM option.
Read more >Google on the difficulty of designing a 24-hour time picker
The Material Design team has an interesting blog post into what it calls the “24-hour Clock Design Challenge” that chronicles Google's work ...
Read more >Android TimePicker with Examples - Tutlane
In android, TimePicker is a widget for selecting the time of day, in either 24-hour or AM/PM mode. If we use TimePicker in...
Read more >TimePicker - Android Developers
This class is a widget for selecting time and displays it according to the ... In 24-hour mode, TimePicker displays only the hour...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Aside from there not being a clear consensus about whether stock android should be considered default canon, that approach is much clearer.
The current implementation is quite counter-intuitive for our less technical users, since 24h clocks don’t look anything like that, but they aren’t quite used to the AM/PM approach either.
So here’s my +1 to this enhancement.
No, the spec does not have an official example. I’ve spoke with some of the team and I don’t have an issue doing this, but it will be low priority for now.