Custom mat calendar header

Issue

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

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

Answered By - Eliseo