title: angular material 2 date picker auto open on focus
body: <p>How angular material 2 date picker can be configured to be opened automatically on focus? I didn't find anything in the documentation at <a href="https://material.angular.io/components/datepicker/overview" rel="noreferrer">https://material.angular.io/components/datepicker/overview</a>.</p>
  
  <p>Current html is like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;input [mdDatepicker]="myDatepicker" id="inputWeekEnding" name="inputWeekEnding" type="text" class="form-control" show-button-bar="false"
        [(ngModel)]="weekEnding" [mdDatepickerFilter]="weekEndingPickerFilter" (ngModelChange)="weekEndingChanged()"
                required&gt;
  &lt;span class="input-group-btn"&gt;
    &lt;button type="button" class="btn btn-default" [mdDatepickerToggle]="myDatepicker"&gt;
      &lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;              
    &lt;/button&gt;
  &lt;/span&gt;
  &lt;md-datepicker #myDatepicker md-open-on-focus &gt;&lt;/md-datepicker&gt;</code></pre>
  </div>
  </div>
  </p>