title: Can't bind to 'rangePicker' since it isn't a known property of 'mat-date-range-input' & 'mat-date-range-input' is not a known element
body: <p>I installed Angular Material datepicker in my project and used date range picker and got the following error:</p>
  <pre><code>    compiler.js:2175 Uncaught Error: Template parse errors:
      Can't bind to 'rangePicker' since it isn't a known property of 'mat-date-range-input'.
  1. If 'mat-date-range-input' is an Angular component and it has 'rangePicker' input, then verify that it is part of this module.
  2. 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.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (&quot;mat-label&gt;Enter a date range&lt;/mat-label&gt;
                  &lt;mat-date-range-input [formGroup]=&quot;range&quot; [ERROR -&gt;][rangePicker]=&quot;picker&quot;&gt;
                      &lt;input matStartDate formControlName=&quot;start&quot; placeholder=&quot;): ng:///AppModule/UploadPostComponent.html@40:58
  'mat-date-range-input' is not a known element:
  1. If 'mat-date-range-input' is an Angular component, then verify that it is part of this module.
  2. 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. (&quot;       &lt;mat-form-field&gt;
                  &lt;mat-label&gt;Enter a date range&lt;/mat-label&gt;
                  [ERROR -&gt;]&lt;mat-date-range-input [formGroup]=&quot;range&quot; [rangePicker]=&quot;picker&quot;&gt;
                      &lt;input matStar&quot;): ng:///AppModule/UploadPostComponent.html@40:16
  'mat-date-range-picker' is not a known element:
  1. If 'mat-date-range-picker' is an Angular component, then verify that it is part of this module.
  2. If 'mat-date-range-picker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (&quot;          &lt;mat-datepicker-toggle matSuffix [for]=&quot;picker&quot;&gt;&lt;/mat-datepicker-toggle&gt;
                  [ERROR -&gt;]&lt;mat-date-range-picker #picker&gt;&lt;/mat-date-range-picker&gt;
  
                  &lt;mat-error *ngIf=&quot;range.co&quot;): ng:///AppModule/UploadPostComponent.html@45:16
      at syntaxError (compiler.js:2175)
      at TemplateParser.parse (compiler.js:11388)
      at JitCompiler._parseTemplate (compiler.js:25963)
      at JitCompiler._compileTemplate (compiler.js:25951)
      at compiler.js:25895
      at Set.forEach (&lt;anonymous&gt;)
      at JitCompiler._compileComponents (compiler.js:25895)
      at compiler.js:25808
      at Object.then (compiler.js:2166)
      at JitCompiler._compileModuleAndComponents (compiler.js:25807)
  </code></pre>
  <p>I have seen in the forum and in several other sources that the use of mat-date-range-picker only works from version 10.
  I updated my version and I still get the same error</p>
  <p>This is my module code:</p>
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { MatDatepickerModule } from '@angular/material/datepicker';
  import { MatFormFieldModule } from '@angular/material/form-field';
    
  imports: [
      MatFormFieldModule,
      MatDatepickerModule,
      MatNativeDateModule,
   ],
  </code></pre>
  <p>Does anyone have an answer for me?
  Thanks.</p>