how to show only current year in mat-datepicker

Question

I'm using angular material datepicker.But in that datepicker I want o show only current year .. any idea how do I do that ?

You can refer the provided link
https://material.angular.io/components/datepicker/overview

Answer 1

You can use matDatepickerFilter to filter your date range.

<input matInput [matDatepickerFilter]="dateFilter" [matDatepicker]="picker">

And you can filter the date range you wants in the dateFilter method.

  dateRange = [new Date(new Date().getFullYear(), 0, 1),
               new Date(new Date().getFullYear(), 11, 31)]

  dateFilter= (d: Date): boolean => {
    return (d >= this.dateRange[0] && d <= this.dateRange[1])
  }