TimePicker alternative - click position on clock image

[bsdRuf]

Hello there,

I wasnt able to find much alternatives to the default TimePicker.

Thats why I made a flyout containing a image of a clock. Where I calculate the angle from middle to clicked position. The image has to be a square to get the correct time.

Hour wheel

Minute wheel

If you optimize anything, I would be glad if you let me know
Repo: GitHub

Thanks for the great work
Avalonia team and devs

[robloo]

This is great! Would you be willing to polish it up and merge it into Avalonia itself if the core team allows it? I also think it should be renamed to ClockTimePicker which aligns with CalendarDatePicker and also doesn't conflict with existing control names.

Looking at the source code it would need to be re-architected though. It should not use an image and needs to be drawn graphics both for performance and size. It's also not structured as a templated control so would need to be re-thought from the ground up. However, the concept is good and the visual design is a great start.

This is a fundamental missing piece in Xaml frameworks I've talked about before. The full summary is here: microsoft/microsoft-ui-xaml#3605 over on the WinUI repository.

Basically there are 6 controls that are needed to cover all cases and we only have three. I think most people, like you, intuitively know we are missing the 4th. It's also in used in Android quite a bit. It would be great to start filling in gaps here.

DatePicker : A control for fast numerical input of dates
TimePicker : A control for fast numerical input of times
CalendarDatePicker : A control for visual (skeuomorphic) selection of a date on a calendar
ClockTimePicker : A control for visual (skeuomorphic) selection of a time on a clock

The other two missing controls combine both Date/Time selection together. Those would have to be a different conversation but basically a DateTimePicker would allow selection of BOTH a date and time in the same control. There would also be a variant of the DateTimePicker that has both a calendar and a clock -- probably in separate tabs like the ColorPicker. Some OSes have this type of control already but it is more rare.