Как стилизовать input number как настройка часов в Android?

Question

[Никита]

Здравствуйте! Как на сайте сделать выбор количества в поле input таким образом:
Нажимаем на поле input, выходит такое модальное окно:

Свайпаем вниз/вверх, выбирается нужное число, при этом должна пониматься скорость свайпа, чем быстрее свайпаем, тем быстрее меняются цифры.
Наверное можно стилизовать какой-нибудь карусель/слайдер, типа Owl carousel (но у него нет вертикальной прокрутки), а потом оттуда получать данные и подставлять в поле input.
Или может есть готовые плагины?
Буду рад любой помощи!

Comments

[archelon]

вот что-то похожее:
https://www.cssscript.com/number-picker-swiper/

[Никита]

archelon, прикольно, кажется то что нужно, если получится оставить только один столбик для свайпа, иначе да, пользователи возненавидят)

[Antony Bark]

у него нет вертикальной прокрутки

p.s. вертикальность-горизонтальность легко решить с помощью CSS rotate всего блока и обратного rotate цифр

[Никита]

Antony Bark, но некорректно будут работать свайпы