title: How to disable past date on angular material datepicker range
body: <p>Below are samples for both template and component file. Using [min] property does not bind to the form input on the template. Any help will be very much appreaciated.</p>
  <pre><code>&lt;mat-form-field&gt;
    &lt;mat-label&gt;Enter a date range&lt;/mat-label&gt;
    &lt;mat-date-range-input [formGroup]=&quot;range&quot; [rangePicker]=&quot;picker&quot;&gt;
      &lt;input matStartDate formControlName=&quot;start&quot; placeholder=&quot;Start date&quot; [min]=&quot;minDate&quot;&gt;
      &lt;input matEndDate formControlName=&quot;end&quot; placeholder=&quot;End date&quot;&gt;
    &lt;/mat-date-range-input&gt;
    &lt;mat-datepicker-toggle matSuffix [for]=&quot;picker&quot;&gt;&lt;/mat-datepicker-toggle&gt;
    &lt;mat-date-range-picker #picker&gt;&lt;/mat-date-range-picker&gt;
  
    &lt;mat-error *ngIf=&quot;range.controls.start.hasError('matStartDateInvalid')&quot;&gt;Invalid start date&lt;/mat-error&gt;
    &lt;mat-error *ngIf=&quot;range.controls.end.hasError('matEndDateInvalid')&quot;&gt;Invalid end date&lt;/mat-error&gt;
  &lt;/mat-form-field&gt;
  
  
  import {Component} from '@angular/core';
  import {FormGroup, FormControl} from '@angular/forms';
  
  /** @title Date range picker forms integration */
  @Component({
    selector: 'date-range-picker-forms-example',
    templateUrl: 'date-range-picker-forms-example.html',
  })
  export class DateRangePickerFormsExample {
    minDate: Date;
    range = new FormGroup({
      start: new FormControl(),
      end: new FormControl()
    });
  
   constructor() {
      const currentYear = new Date().getFullYear();
      this.minDate = new Date(currentYear - 0, 0, 1);
    }
  }
  </code></pre>