title: Can't bind to 'rangePicker' since it isn't a known property of 'mat-date-range-input'
body: <p>I'm using angular date range picker and getting a issue:</p>
  <p>Can't bind to 'rangePicker' since it isn't a known property of 'mat-date-range-input'.</p>
  <ol>
  <li>If 'mat-date-range-input' is an Angular component and it has 'rangePicker' input, then verify that it is part of this module.</li>
  <li>If 'mat-date-range-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.</li>
  </ol>
  <p>I have added imports, exports, providers in app.module.ts too:</p>
  <pre><code>imports: [
      MatNativeDateModule,
      MatDatepickerModule,
      FormsModule,
      ReactiveFormsModule
  ],
  exports:[
    MatDatepickerModule,
    MatNativeDateModule
  ],
  providers: [
    MatDatepickerModule,
    MatNativeDateModule,
  ]
  </code></pre>
  <p>date range picker in html:</p>
  <pre><code>&lt;mat-form-field appearance=&quot;fill&quot;&gt;
          &lt;mat-label&gt;Enter a date range&lt;/mat-label&gt;
          &lt;mat-date-range-input [rangePicker]=&quot;picker&quot;&gt;
              &lt;input matStartDate placeholder=&quot;Start date&quot;&gt;
              &lt;input matEndDate 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-form-field&gt;
  </code></pre>
  <p>Should I add any thing else in module.ts?</p>