Estoy teniendo problemas para incluir el datepicker de angular material en mi aplicación.
En mi app.module.ts lo importo así:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { MatFormFieldModule, MatCheckboxModule, MatDatepickerModule } from '@angular/material';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
NgbModule.forRoot(),
FormsModule,
AppRoutingModule,
RoutingAppointment,
MatFormFieldModule,
MatCheckboxModule,
MatDatepickerModule
],
exports:[
MatDatepickerModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Y posteriormente en mi componente en el html lo llamo de la siguiente forma (copy pasteado de la doc de angular material):
<mat-form-field>
<input matInput [matDatePicker]="picker" placeholder="DD/MM/YYYY">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
Sin embargo me está dando el error:
Can't bind to 'matDatePicker' since it isn't a known property of 'input'
¿Alguién sabe que estoy haciendo mal?