Angular Material Datepicker throwing error with input element

Make sure you have the following in your module file (e.g., app.module.ts):

import { MatInputModule } from '@angular/material/input';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatIconModule } from '@angular/material/icon';
import { MatNativeDateModule } from '@angular/material/core';

// Other imports...

@NgModule({
  declarations: [
    // Your components and directives...
  ],
  imports: [
    // Other modules...

    MatInputModule,
    MatDatepickerModule,
    MatIconModule,
    MatNativeDateModule,
  ],
  // ...
})
export class YourAppModule {}
 

Also make sure you have imported MatDatepickerModule, MatInputModule, MatIconModule, and MatNativeDateModule from '@angular/material', and they are added to the imports array of your module.