Angular 5 Scheduler Event cssClass

Hi,

We want to change the appearance of scheduler events in the way show below:

https://doc.daypilot.org/scheduler/event-customization/

However, this does not appear to be working within Angular 5, as follows:

@Component({
selector: 'scheduler-component',
styles: ['.test {font-weight: bold;}'],
templateUrl: 'scheduler.component.html'
})
export class ActivitySchedulerComponent implements AfterViewInit {

ngAfterViewInit(): void {

this.scheduler.control.onBeforeEventRender = args => {
if (args) {
args.data.cssClass = "test";
}
}
}
}

Is this valid for Angular 5? It appears to be finding the CSS in the componenet decorator.