title: Remove default text/placeholder present in html5 input element of type=date
body: <p>I am using html input element with type as date,</p>
  
  <pre><code>&lt;input type="date"&gt;
  </code></pre>
  
  <p>When I use above element it creates a default date format i.e. mm/dd/yyyy text within that input element. How do I remove this default text?</p>
  
  <p>I tried adding below style on my page but it is hiding the selected date value as well,</p>
  
  <pre><code>input[type=date]::-webkit-datetime-edit-text {
      -webkit-appearance: none;
      display: none;
  }
  input[type=date]::-webkit-datetime-edit-month-field{
      -webkit-appearance: none;
      display: none;
  }
  input[type=date]::-webkit-datetime-edit-day-field {
      -webkit-appearance: none;
      display: none;
  }
  input[type=date]::-webkit-datetime-edit-year-field {
      -webkit-appearance: none;
      display: none;
  }
  </code></pre>