TimePicker update design

[Derranion]

I have a few suggestions on how to improve TimePicker:

• Move user selection to the center. (because it's commonly used like this in a lot of widgets and just feels right)

Currently we focus second element from the top after clicking on time, example:

• User selection should stay centered and fixed all the time. (this way users will select time even just by scrolling, faster and smoother - one less click is needed)

Right now it gets centered only after selecting a number and you can not see the selection at all sometimes, for example: :

Here is the common example of suggested behavior:

[Derranion]

@xx13 Please remove current tags and add ready for implementation when you will approve it.

Thank you.

[asvae]

Here's another piece of feedback from reddit:

ime pickers aren't very good UX. Scrolling to find a minute/hour or multiple needless clicks for date picking. Just way too clunky/clicky to justify use vs direct typing

[untael]

IMHO the selected hour/time should be tied to the center of the container, not to the top, and the numbers should be looped to avoid empty space.

[xx13]

@asvae @untael @Derranion surely, we'll allow direct input. other options would be (1) dropdown selects and (2) scroll controls.

• alignment might be an option, like centered, top or bottom
• looped valued might be an option, as having an looped list of am pm am pm am pm for 10 value dropdown would be quite a meh :D

[Derranion]

I've created new tasks to summarize our goals:

• [ ] TimePicker centered and auto selected time #1549
• [ ] TimePicker add infinite loop option #1550

Feel free to add anything or close this when they will be done.

Thanks a lot.

[asvae]

@Derranion assuming we can close this issue? It served its purpose as a discussion platform of sorts from what I see.

[Derranion]

Yeah thanks.