jqwidgets-framework/demos/Angular/src/numberinput/events/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div id='jqxWidget'>
  <div style='float: left;'>
    <div style='margin-top: 10px;'>
      Number
    </div>
    <div style='margin-top: 3px;'>
      <jqxNumberInput #numericInput
                      (onChange)="change($event)"
                      (onTextchanged)="textchanged($event)"
                      [spinButtons]="true"
                      [width]="250"
                      [height]="25">
      </jqxNumberInput>
    </div>
    <div style='margin-left: 0px; margin-top: 20px; float: left;'>
      <div>
        <span>
          Events:
        </span>
        <jqxPanel #Events
                  [width]="300"
                  [height]="250">
        </jqxPanel>
      </div>
    </div>
  </div>
</div>