Для рабочего стола (и мобильного) поместите ввод в div с относительным позиционированием и значок со вводом, следующим образом:
input {
position: absolute;
opacity: 0;
&::-webkit-calendar-picker-indicator {
position: absolute;
width: 100%;
}
}
Это растягивает индикатор выбора по полному родительскому div, так что он всегда показывает контроль даты, когда вы нажимаете значок родительского div и / или текст.
Это связано с тем, что выходной слой является узлом с сигмовидной активацией, который возвращает значения от 0 до 1. Поэтому результат никогда не будет 1 (или 0), поэтому код всегда будет возвращать «cat». ]