title: add name to input generated with md-datepicker from Angular Material
body: <p>I'm using md-datepicker from Angular Material <a href="https://material.angularjs.org/latest/demo/datepicker" rel="nofollow">https://material.angularjs.org/latest/demo/datepicker</a> to generate an input with a datepicker.
  It works properly, but I've noticed the input doesn't have a name:</p>
  
  <p>This is my HTML code:</p>
  
  <pre><code>&lt;div ng-app="angApp" ng-controller="ScheduleController" style='padding: 40px;' ng-cloak&gt;
      &lt;md-content&gt;
        &lt;md-datepicker ng-model="myDate" md-placeholder="Enter date"&gt;&lt;/md-datepicker&gt;
      &lt;/md-content&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>This is my Javascript:</p>
  
  <pre><code>var app = angular.module('angApp', ['ngMaterial']);
  app.controller('ScheduleController', function($scope) {
    $scope.myDate = new Date();
  });
  </code></pre>
  
  <p>Note: I've added the correct css and js files needed to get this working.</p>
  
  <p>And this is the generated HTML result:</p>
  
  <pre><code>&lt;div style="padding: 40px;" ng-controller="ScheduleController" class="ng-scope"&gt;
    &lt;md-content class="_md"&gt;
      &lt;md-datepicker name="starting_date" md-placeholder="Enter date" ng-model="myDate" class="ng-valid ng-isolate-scope ng-valid-mindate ng-valid-maxdate ng-valid-filtered ng-valid-valid ng-touched ng-dirty ng-valid-parse ng-not-empty" tabindex="-1" aria-invalid="false" style=""&gt;
  
        &lt;button ng-transclude="" type="button" class="md-datepicker-button md-icon-button md-button md-ink-ripple" ng-click="ctrl.openCalendarPane($event)" aria-hidden="true" tabindex="-1"&gt;
          &lt;md-icon md-svg-src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTkgM2gtMVYxaC0ydjJIOFYxSDZ2Mkg1Yy0xLjExIDAtMS45OS45LTEuOTkgMkwzIDE5YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMTZINVY4aDE0djExek03IDEwaDV2NUg3eiIvPjwvc3ZnPg==" aria-label="md-calendar" class="md-datepicker-calendar-icon ng-scope" aria-hidden="true"&gt;
            &lt;svg viewBox="0 0 24 24" height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" fit="" preserveAspectRatio="xMidYMid meet" focusable="false"&gt;
              &lt;path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/&gt;
            &lt;/svg&gt;
          &lt;/md-icon&gt;
          &lt;div class="md-ripple-container"&gt;&lt;/div&gt;
        &lt;/button&gt;
  
        &lt;div ng-class="{'md-datepicker-focused': ctrl.isFocused}" class="md-datepicker-input-container" style=""&gt;
          &lt;input ng-blur="ctrl.setFocused(false)" ng-focus="ctrl.setFocused(true)" aria-haspopup="true" class="md-datepicker-input" placeholder="Enter date" size="11"&gt;
          &lt;button ng-transclude="" type="button" class="md-datepicker-triangle-button md-icon-button md-button" aria-label="Open calendar" ng-click="ctrl.openCalendarPane($event)" md-no-ink=""&gt;
            &lt;div class="md-datepicker-expand-triangle ng-scope"&gt;&lt;/div&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/md-datepicker&gt;
    &lt;/md-content&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I give that generated input a name?</p>