microsoft / microsoft-ui-xaml

Windows UI Library: the latest Windows 10 native controls and Fluent styles for your applications

MIT License

6.35k stars 678 forks source link

Proposal: DateTimePicker Control #2380

Open colinkiama opened 4 years ago

colinkiama commented 4 years ago

Proposal: DateTimePicker Control

Summary

A control that allows the user to select both a date and time.

Rationale

Simple data binding when working with both date and time
Easier developer workflow as they no longer need to combine the results of multiple controls to retrieve a combined date and time.
Easier transition from other operating systems (e.g. iOS and Android)

mdtauk commented 4 years ago

Just a quick mockup...

ranjeshj commented 4 years ago

@mdtauk can you share the iOS and android versions and typically where they are used ?

mdtauk commented 4 years ago

Android Fluent Date and Time Picker

iOS Fluent Date and Time Pickers

iOS Default

Android Default

robloo commented 4 years ago

Pulling this concept into WinUI would be great. I've already had to make my own control for this. Some additional suggestions are:

Support a vertical orientation (Although the different date/time views of the android picker are nice instead)
Allow selecting a windows time zone (This is a must-have for me)

Side note, I know @mdtauk won't like the comboboxes -- always go with his mock-ups over mine 😁

clipme

robloo commented 3 years ago

I've noticed a lot of other platforms have an actual analog clock representation for time pickers. This is useful to set times faster in most cases. This control would benefit from that idea as well. It might also be necessary to split this out and, similar to CalendarDatePicker, have a ClockTimePicker control.