jqwidgets-scripts-custom/demos/Angular/scheduler/events/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxScheduler [theme]="'material'" #myScheduler
    (onAppointmentDelete)="mySchedulerOnAppointmentDelete($event)"  
    (onAppointmentAdd)="mySchedulerOnAppointmentAdd($event)"
    (onAppointmentDoubleClick)="mySchedulerOnAppointmentDoubleClick($event)"  
    (onAppointmentChange)="mySchedulerOnAppointmentChange($event)"
    (onCellClick)="mySchedulerOnCellClick($event)"

    [width]="getWidth()" [height]="600" [source]="adapter" [date]="date"
    [rowsHeight]="40" [appointmentDataFields]="appointmentDataFields" 
    [view]="'weekView'" [views]="views" [ready]="ready">
</jqxScheduler>

<br />

<div>Event Log:</div>

<div #myLog></div>