Day view dynamic color change does it only for the first half an hour #665
Description
I change colors of various events dynamically in my day view. However, the color change shows up only for the first half an hour of the appointment. In the attached screenshot each appointment is is 2.5 hours long however only the first half an hour is covered. If I don't use ngStyle and just leave calendar-event-inner css class then I can see the whole 2.5 hours covered but not dynamic.
<ng-template #dayviewNormalEventTemplate let-displayEvent="displayEvent">
<div *ngIf="displayEvent.event.event_type =='Appointment'">
<div [ngStyle]="appointmentColor" >{{displayEvent.event.title}}</div>
</div>
<div *ngIf="displayEvent.event.event_type =='Visit'">
<div [ngStyle]="visitColor"> {{displayEvent.event.title}}</div>
</div>
</ng-template>
