стиль календаря syncfusion (управление расписанием)

Question

Я пытаюсь стилизовать встречу в календаре с помощью класса css

      <ejs-schedule #scheduleObj width="auto" cssClass="xxx" [eventSettings]="{ ...
                    

и CSS

      .xxx.e-schedule .e-vertical-view .e-all-day-appointment-wrapper .e-appointment,
.xxx.e-schedule .e-vertical-view .e-day-wrapper .e-appointment,
.xxx.e-schedule .e-month-view .e-appointment{
    background: #006400;
    border-radius: 10px;
  }

Я знаю, что можно изменить стиль и в событии (и это работает), но я не могу сделать это с помощью свойства cssClass

Я наверное ошибаюсь в иерархии классов

Всем, кто знает управление расписанием syncfusion