feature request to have a TimePicker that presents in a more visual way (user clicks vs types the time). #7477
armyofda12mnkeys
started this conversation in
Feature requests
Replies: 1 comment 2 replies
-
It will be added in 8.0 release |
Beta Was this translation helpful? Give feedback.
2 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I really like how the time picker of MUI you have to click on the hour/minute/pm/am parts.
![image](https://private-user-images.githubusercontent.com/77403323/412661621-39971934-1887-4385-8d2f-f15edb80b0e7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1OTk5ODQsIm5iZiI6MTczOTU5OTY4NCwicGF0aCI6Ii83NzQwMzMyMy80MTI2NjE2MjEtMzk5NzE5MzQtMTg4Ny00Mzg1LThkMmYtZjE1ZWRiODBiMGU3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDA2MDgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI1ZGRlMzNmNzNkOThhNGFmMDNjMzQwYjlmODQ3NzFmYTNhZWUyNGI2ZDlkODBhMWQ4OTQ3NDdiNzVlOGZjZDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.knERHQsrLkl4yzFQwN2dFlNAB1mHDXs-IGwLwAWigw4)
I love Mantine, just thought I'd try to get Mantine devs to see if its possible to get on a roadmap.
I feel like type 1:30 pm... alot of older users won't know to type a 0 before to make their life easier (or that pressing up/down can increase the time if they typed slightly wrong). I believe there is a option in the regular TimeInput field to do this (showPicker) but would like to request adding to the DateTimePicker (for scheduling appointments with older patients, could be useful).
They also have another way to collect time input (seems like they have a time renderer that you can choose which way you want to collect the info)... instead of a picker you can choose a visual clock:
![image](https://private-user-images.githubusercontent.com/410112/412663784-df7d572e-648f-4321-a12f-6f80a3a61b57.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1OTk5ODQsIm5iZiI6MTczOTU5OTY4NCwicGF0aCI6Ii80MTAxMTIvNDEyNjYzNzg0LWRmN2Q1NzJlLTY0OGYtNDMyMS1hMTJmLTZmODBhM2E2MWI1Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQwNjA4MDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00MzhlMjliYmYxZjhlOWQ4N2E2Njc5ZTkzOTIzMzVhNjhlOGQ1MjJmNTQzMjNjYjQ5MjkyNDhiMzBlYmFjM2VhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.rK6H8Wxidc3a-ef72Z2z1IMxtu8a728tgl_X7KaYzbw)
For us this style would also be useful for older people.
Also would be nice to have a DateRangePicker component as well (they even have a DateTimeRangePicker as well):
![image](https://private-user-images.githubusercontent.com/77403323/412662045-13cd8011-b3d9-45c7-9586-91ff450d4d24.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1OTk5ODQsIm5iZiI6MTczOTU5OTY4NCwicGF0aCI6Ii83NzQwMzMyMy80MTI2NjIwNDUtMTNjZDgwMTEtYjNkOS00NWM3LTk1ODYtOTFmZjQ1MGQ0ZDI0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE1VDA2MDgwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc3N2ExOTgwNDdlNTJjYjEyZTIwMDBlMGRhYTI2ZmMwMWQ4YWVlMTFmMGRhNDAyZmJmNzBiYzIwYzkwN2NkMzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.6q9ENA39fKVXViIudkIZq_i9XJ3R53e8KkwmjDRyH80)
Thanks,
Ari
Beta Was this translation helpful? Give feedback.
All reactions