title: Angular material datepicker position
body: <p>Im wondering if there is any chance to force material datepicker to always show below input. I dont want the datepicker to open depend on where i am on page (top or bottom). I want the datepicker to always position under the input no matter what. Any suggestions?</p>
  
  <p>example from material page:</p>
  
  <p><a href="https://stackblitz.com/angular/qxybbyroank?file=app%2Fdatepicker-overview-example.ts" rel="nofollow noreferrer">https://stackblitz.com/angular/qxybbyroank?file=app%2Fdatepicker-overview-example.ts</a></p>
  
  <pre><code>&lt;mat-form-field&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>