How to hide the popup calendar of <input type="date"> in Firefox?

user_14183101 0
Viewed 2431

In Firefox, input type="date" brings a calendar popup on click.Apart from preventing the default behaviour on click, I haven't found a way to hide the calendar. I don't want to use type='text' either.

Is there any way to hide this popup calendar in Firefox?

popup Image

calendar firefox popup css html
2 Answers

If you prevent the default action for the onClick handler, the popup is not shown on Firefox.

<input type="date" onClick="event.preventDefault()" />

user_4549720 

input::-webkit-calendar-picker-indicator{
    display: none;
}
<input type="date" />

user_72264860
Related