how to show datepicker in input focus or entire area click

 Your input should be position:relative> and the input DATE type :

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

Posted in: datepicker