Remove default text/placeholder present in html5 input element of type=date

Question

I am using html input element with type as date,

When I use above element it creates a default date format i.e.

Answer 1

This should be transparent only when value is not set.

input[value="0000-00-00"]::-webkit-datetime-edit {
     color: transparent; 
}