title: MDL date placeholder
body: <p>I am using MDL - getmdl.io version 1.3.0</p>
  
  <p>I am having a problem getting the date form field to do what I want. instead of only showing the label field, it is showing the placeholder from the default <code>&lt;input type="date"&gt;</code>.</p>
  
  <p>I ideally don't want to show this. But if I have to, how can I put the label next to the form field?</p>
  
  <p>code</p>
  
  <pre><code>&lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label mdl-cell mdl-cell--6-col"&gt;
      &lt;input class="mdl-textfield__input" type="date" id="date"&gt;
      &lt;label class="mdl-textfield__label" for="date"&gt;Date&lt;/label&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>My CSS attempt to hide the default placeholder.</p>
  
  <pre><code>::-webkit-datetime-edit-year-field:not([aria-valuenow]),
  ::-webkit-datetime-edit-month-field:not([aria-valuenow]),
  ::-webkit-datetime-edit-day-field:not([aria-valuenow]),
  ::-webkit-datetime-edit-text {
    color: transparent;
  }
  </code></pre>