Include a timepicker into server

[raimund-schluessler]

I think it would be reasonable to also have a timepicker similar to the datepicker directly in server. A timepicker is used in multiple apps, such as @nextcloud/calendar, @nextcloud/deck and @nextcloud/tasks and currently looks different in all three apps. Also, the timepicker https://github.com/fgelinas/timepicker currently used in these apps has not been updated for nearly 4 years and should therefore be replaced.

Calendar:

Tasks:

Hence, I think it would be a good idea to have a timepicker in server in order to have a maintained one that looks equal in all apps, especially with the redesigned datepicker #5713.

What do you think @nextcloud/designers ?

[juliusknorr]

It would absolutely make sense to have components like that in the server. @raimund-schluessler Do you have any suggestion of an alternative timepicker library? I searched a bit when integrating it into deck, but did not came up with something nice, so i ended up using the outdated one as well.

[dartcafe]

And there ist another one in the polls app. Having a server wide default option would be a good idea.

[tcitworld]

At some point it would be nice to detect if the browser offers a native datetime picker : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local

[georgehrke]

Eventually we should definitely use the HTML5 inputs, but right now the implementation is still very rudimentary. Speaking about Chromium 61 on macOS, it offers a really bad UX.

• It doesn't actually offer a time selector although its datetime
• If I use the cursor keys to go from 12h to 1h it doesn't toggle AM/PM
• etc ...

[dartcafe]

Seems to be quite flexible.
http://amsul.ca/pickadate.js/

[tcitworld]

Android build-in support is just fine though.

[juliusknorr]

Seems to be quite flexible.
http://amsul.ca/pickadate.js/

That also seems to be unmaintained at the moment.

[pixelipo]

Support for datetime-local is very bad at the moment:
http://caniuse.com/#search=datetime-local

[raimund-schluessler]

I also don't have a good replacement to propose at the moment.

The one that shows up when you look for jquery-timepicker on NPM (https://github.com/wvega/timepicker) seems to be maintained still, but not very flexible (it seems that it can only show a list of times, but not a table for selection).

[jancborchardt]

Oh yes – holy hell the current timepicker is bad. Should I make a mockup akin to the datepicker or does some other @nextcloud/designers want to take a stab at it? :)

[raimund-schluessler]

I think a mockup for a new design would be nice.

But before implementing this in CSS we need to decide on the underlying javascript library.