Angular Material 7 Datepicker: Disable multi year view

Question

I\'m using the MatDatepicker from @angular/material ^7.0.0-rc.0, and I made a little complex filter that compares every visible day in the timepicker with every day of an array

Answer 1

You can pass a customized component as the calendar header, this will allow you to override the button currently allowing the user to select multi year view.

This example does not have the ability to select multi year.

https://material.angular.io/components/datepicker/overview#customizing-the-calendar-header

---

HTML

reference the custom component on the mat-datepicker

<mat-datepicker #picker [calendarHeaderComponent]="exampleHeader"></mat-datepicker>