Q:

angular-calendar not rendering events when comming from database

I'm using Angular 5 and mattlewis92/angular-calendar.
when events are defined manually in code i have no issue. However when i query my database and try to bind the result to the calender, there seem to be som kind of sync issue on first load. 
when i do an 'onlick', everything gets up to date.
It seems that the calendar is not that reactive. My guess is that it the observable returns the objects to late.
please se the gif that illustrates the problem http://gph.is/2ELyvDs
Thanks

A:

I commented out changeDetection and everything seems to work fine now.
@Component({
   selector: 'mwl-demo-component',
   // changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: 'bookingcalendar.component.html'
})

