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

Question

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?

Answer 1

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

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