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

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

<div style="float: left">
  <jqxCalendar [theme]="'material'" #myCalendar style="margin-top: 3px" (onChange)="myCalendarEvent($event)" (onViewChange)="myCalendarEvent($event)"
               [width]="220" [height]="220">
  </jqxCalendar>
  <div style="margin-left: 0; margin-top: 20px; float: left">
    <div>
      <span>Events:</span>
      <jqxPanel [theme]="'material'" #myPanel [width]="600" [height]="250"></jqxPanel>
    </div>
  </div>
</div>