Change color of Chrome's calendar icon in HTML Date Input

Question

I am having some difficulty styling the HTML 5 Date input in Chrome.

Using mark up such as

Answer 1

Another example is;

input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  border-radius: 4px;
  margin-right: 2px;
  opacity: 0.6;
  filter: invert(0.8);
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1
}