Почему свойство WeekDay cssClass не работает?

Question

Я пытаюсь стилизовать выбранный день в представлении недели, используя angular-calendar.

Из документов , используя dayHeaderClicked ($ event), можно добавитьСвойство cssClass для $ event.day, однако, мне кажется, что оно не работает.

Мой код выглядит следующим образом:

setDate(day: WeekDay): void {
    if (!day.isPast) {
      this.viewDate = day.date;
      this.requestForm.get('date').setValue(day.date);
      if (this.previousDate) {
        delete this.previousDate.cssClass;
      }
      day.cssClass = 'cal-day-selected';
      console.log(day);
      this.previousDate = day;
    }
}

.cal-day-selected {
  background-color: deeppink!important;
}

<mwl-calendar-week-view class="col-7" (dayHeaderClicked)="setDate($event.day)" [locale]="'es'"[viewDate]="viewDate">
</mwl-calendar-week-view>

Если код вводится правильно, console.log (день) отображает объект со свойством cssClass, но проверяет с помощью инспектора HTMLкласс элемента не меняется.Я попытался использовать только $ event в качестве параметра, и он тоже не работает.

Этот плункер достигает моей цели, но я не могу понять, почему он работает там, а не в моем проекте.Может быть, версии библиотеки?Я был бы очень признателен за любые идеи.

Answer 1

Попробуйте

1) добавить ViewEncapsulation.None <- может потребоваться или не потребоваться </p>

::ng-deep .cal-day-selected {
  background-color: deeppink!important;
}