datepicker-timepicker.md

<input type="date" oninput="inputHandler(this)">

<!-- Это для передачи placeholder в ::after псевдокласс чтобы эмитировать placeholder -->
input[type='date']::after,
input[type='time']::after {
  content: attr(placeholder);
  height: 100%;
  display: flex;
  align-items: center;
  background: white;
  pointer-events: none;
  position: absolute;
}

<!-- Это невидимая плёнка для того чтобы datepicker/timepicker всплывал при нажатии в любом месте -->
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}