title: Set range for mat-datepicker
body: <p>I have two date pickers: start date and end date. I want to check which dates are selected in order to deny the user to select a start date greater then the end date and an end date smaller than the start date. </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-form-field class="my-datepicker"&gt;
    &lt;input matInput [matDatepicker]="pickerstart" placeholder="Choose start date" [max]="today" [formControl]="startDate"&gt;
    &lt;mat-datepicker-toggle matSuffix [for]="pickerstart"&gt;&lt;/mat-datepicker-toggle&gt;
    &lt;mat-datepicker #pickerstart&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  
  &lt;mat-form-field class="my-datepicker"&gt;
    &lt;input matInput [matDatepicker]="pickerend" placeholder="Choose end date" [max]="today"  [formControl]="endDate"&gt;
    &lt;mat-datepicker-toggle matSuffix [for]="pickerend"&gt;&lt;/mat-datepicker-toggle&gt;
    &lt;mat-datepicker #pickerend&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>How can I set programmatically the dates in order to achive this result?</p>