select only year in date picker angular material

 1.using angular material only year should select for this i have written this.

TS

openDatePicker(dp:any) {

  dp.open();

}

closeDatePicker(D: any, dp ? : any) {debugger

 

  // get month and year from eventData and close datepicker, thus not allowing user to select date

  dp.close();

  var date = new Date(D);

  var year = date.getFullYear();

  alert(year);

}

}

check this

HTML

 <mat-form-field>

   <input matInput [matDatepicker]="dp2" [(ngModel)]="tripInformations.productionYear" name="productionYear" placeholder="Select a Date" (click)="openDatePicker(dp2)" />

  <mat-datepicker-toggle matSuffix [for]="dp2"></mat-datepicker-toggle>

  <mat-datepicker #dp2 startView="multi-year" (yearSelected)="closeDatePicker($event, dp2)"></mat-datepicker>

         </mat-form-field>

check this

date pipe

 <input matInput type="text" placeholder="PU DATE" [ngModel]="tripInformations.requiredDate | date:'yyyy-MM-dd'" (ngModelChange)="tripInformations.requiredDate = $event"

                                              name="requiredDate" readonly />