jqwidgets-scripts-custom/demos/Angular/scheduler/appointmentrestrictions/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'" #scheduler
              [width]="getWidth()" [height]="600"
              [date]="date"
              [source]="dataAdapter"
              [resources]="resources"
              [showLegend]="true"
              [view]="'monthView'"
              [views]="views"
              [appointmentDataFields]="appointmentDataFields">
</jqxScheduler>
<br />
<jqxButton [theme]="'material'" #showAppointmentsButton
           (onClick)="click()">
  Show Hidden Appointments
</jqxButton>