ashishgkwd/ngx-mat-daterange-picker

<div>

  <!-- <mat-divider></mat-divider> -->
  <div class="ngx-mat-drp-date-header">
    <div>
      <span class="ngx-mat-drp-date-label">
        <label>{{prefixLabel}}</label>
        <label class="ngx-mat-drp-selected-date-label">{{selectedDate | date:dateFormat}}</label>
      </span>
    </div>
    <button mat-button class="ngx-mat-drp-date-clear" (click)="clear()">{{clearLabel}}</button>
  </div>
  <!-- <mat-divider></mat-divider> -->

  <mat-calendar 
    [startAt]="selectedDate"
    [selected]="selectedDate"
    [minDate]="minDate"
    [maxDate]="maxDate"
    (selectedChange)="onSelectedChange($event)"
    (yearSelected)="onYearSelected($event)"
    (_userSelection)="onUserSelection($event)"
    [dateFilter]="weekendFilter">
  </mat-calendar>

</div>