title: How to add "floating label" for md-datepicker in angular material design?
body: <p>Please refer to this <a href="https://material.angularjs.org/HEAD/demo/input" rel="nofollow noreferrer">demo of input fields in angular material design</a>. My problem is that while most fields like input passwords have "floating" labels the date input does not show anything, especially when the placeholder is hidden (because the date is pre-filled).</p>
  
  <p>This makes the form very confusing, since there is no prompt on what the date dropdown represents on the form (and what the user is supposed to do).</p>
  
  <p><strong>How can I add a floating label similar to input fields to the md-datepicker?</strong> To make the form filling  more obvious and also give my forms a consistent look?</p>
  
  <p><a href="https://i.stack.imgur.com/gu7ir.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gu7ir.gif" alt="angular material datepicker label"></a></p>