Как грамотно сделать date- и timepicker?

Question

[Evanre]

Стоит задача - сделать в форме обратной связи раздельные datepicker и timepicker. Чтобы выглядели как на картинке. Уже перекопал пару плагинов в сети, по дизайну подходит лишь несколько из них. И оба они очень плохо работают с html5 инпутами date/time, а они нужны чтобы использовать нативные инструменты ввода на мобильных устройствах. Т.е. Плагин нужен только на десктопе.

Подскажите пожалуйста, как лучше реализовать это дело? Или посоветуйте хороший плагин. Спасибо.

Answer 1

[Evanre]

Решил проблему с помощью отличного плагина Flatpickr. Он делает именно то что мне было нужно: плагин детектит мобильные устройства и для них подставляет нативный инпут. Очень гибкие настройки, поддерживает и пикер дат и времени.
Надеюсь, кому-то пригодится.

Answer 2

[dummyman]

Datepicker по картинке прямо взят отсюда.
А вот по поводу времени у вас все правильно нарисовано кроме самого поля.
Я бы делал как то так:


И в html оформлял бы двумя простыми select/option без какого либо js. - одинакого круто работает и на десктопе и на мобиле. Значение вводи хоть с клавиатуры. Если селекты будут скрыты и исчезать по удалению ховера, это будет менее удобно чем они бы отображались сразу.