Microsoft-ui-xaml: Proposal: DateTimePicker Control

Created on 4 May 2020  ·  5Comments  ·  Source: microsoft/microsoft-ui-xaml

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)
area-DateTimePickers feature proposal team-Controls

Most helpful comment

Just a quick mockup...

image

All 5 comments

Just a quick mockup...

image

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

Android Fluent Date and Time Picker
image


iOS Fluent Date and Time Pickers
image


iOS Default
image
image

Android Default
image

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

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.

Was this page helpful?
0 / 5 - 0 ratings