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

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

<jqxDateTimeInput [theme]="'material'" style="float: left; margin-top: 3px"
    (onValueChanged)="onValueChanged($event)" (onOpen)="onOpen()" (onClose)="onClose()"
    [width]="270" [height]="25">
</jqxDateTimeInput>

<div style="margin-left: 20px; float: left">
    <div>
        <span>Events:</span>
        <jqxPanel [theme]="'material'" #myPanel [width]="300" [height]="250"></jqxPanel>
    </div>
</div>