Calendar icon

As seen in https://dev.to/codeclown/styling-a-native-date-input-into-a-custom-no-library-datepicker-2in

by juberti

HTML

<span class="datepicker-toggle">
  <span class="datepicker-toggle-button">XX</span>
  <input type="date" class="datepicker-input">
</span>

CSS

.datepicker-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
}
.datepicker-input::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.datepicker-toggle {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 19px;
}

JavaScript

x = new Date("2021-02-16")
s = "2021-02-16"
t = s.split('-');
window.alert(new Date(t[0], t[1] - 1, t[2]));