Disable only calendar modal of <input type = "date">

Question

How to deactivate only the calendar modal that appears when clicking the calendar icon, in input of type date

<input type="date">

enter image description here

Answer 1

Apply the following styles:

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
      display: none;
      -webkit-appearance: none;
  }

 input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }

 <input type="date">