<div class="cell cell-first cell-day-of-week"></div>
<div class="cell cell-day-of-week">M</div>
<div class="cell cell-day-of-week">D</div>
<div class="cell cell-day-of-week">M</div>
<div class="cell cell-day-of-week">D</div>
<div class="cell cell-day-of-week">F</div>
<div class="cell cell-day-of-week">S</div>
<div class="cell cell-day-of-week">S</div>

<ng-container *ngFor="let week of weeks$ | async">
  <div class="cell cell-first cell-calendar-week center">KW {{ week.week }}</div>
  <div class="cell cell-calendar-day center" [uiCalendarCell]="date" *ngFor="let date of week.dates" (click)="selectDate(date)">
    <div class="day center">{{ date | date: 'd' }}</div>
    <div class="indicators">
      <div
        class="indicator"
        *ngFor="let indicator of indicators$ | async | uiFilterIndicatorsByDate: date"
        [style.backgroundColor]="indicator.color"
      ></div>
    </div>
  </div>
</ng-container>
