jqwidgets-scripts-custom/demos/Angular/numberinput/simpleinputmode/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, 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 [theme]="'material'" #numericInput
                      (onChange)="change($event)"
                      [spinButtons]="true"
                      [inputMode]="'simple'"
                      [width]="250"
                      [height]="25">
      </jqxNumberInput>
    </div>
    <div style='margin-left: 0px; margin-top: 20px; float: left;'>
      <div>
        <span>
          Events:
        </span>
        <jqxPanel [theme]="'material'" #Events
                  [width]="300"
                  [height]="250">
        </jqxPanel>
      </div>
    </div>
  </div>
</div>