Search code examples
angularangular-materialcalendar

Custom mat calendar header

I am expecting the mat calendar header as customised one like in the below screen shot

enter image description here

Solution

  • It's only create a custom header like the example of the docs

    You can use with a mat-calendar like

      <mat-calendar [headerComponent]="exampleHeader" [(selected)]="date">
  </mat-calendar>

    See the forked stackblitz of the example here