title: Set value angular material datepicker, from input outside
body: <p>I want to set value of angular material datepicker, but from input outside material datepicker input</p>
  
  <p>Please see this for more information: <a href="https://stackblitz.com/edit/angular-material-datepicker-example-es8kiu" rel="nofollow noreferrer">angular-material-datepicker</a></p>
  
  <pre><code>&lt;mat-form-field&gt;
      &lt;input matInput placeholder="set date picker on blur 
      (blur)="setDatepicker()"&gt;
  &lt;/mat-form-field&gt; &lt;br&gt;
  &lt;mat-form-field class="example-full-width"&gt;
      &lt;input matInput  [matDatepicker]="picker" placeholder="Choose a date"&gt;
      &lt;mat-datepicker-toggle matSuffix [for]="picker"&gt;&lt;/mat-datepicker-toggle&gt;
      &lt;mat-datepicker #picker&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  </code></pre>