
    <nz-calendar>
      <ul *nzDateCell="let date" class="events">
        @switch (date.getDate()) {
          @case (8) {
            @for (item of listDataMap.eight; track $index) {
              <li>
                <nz-badge [nzStatus]="item.type" [nzText]="item.content"></nz-badge>
              </li>
            }
          }
          @case (10) {
            @for (item of listDataMap.ten; track $index) {
              <li>
                <nz-badge [nzStatus]="item.type" [nzText]="item.content"></nz-badge>
              </li>
            }
          }
          @case (11) {
            @for (item of listDataMap.eleven; track $index) {
              <li>
                <nz-badge [nzStatus]="item.type" [nzText]="item.content"></nz-badge>
              </li>
            }
          }
        }
      </ul>
      <ng-container *nzMonthCell="let month">
        @if (getMonthData(month); as monthData) {
          <div class="notes-month">
            <section>{{ monthData }}</section>
            <span>Backlog number</span>
          </div>
        }
      </ng-container>
    </nz-calendar>
  