jqwidgets-scripts-custom/demos/Angular/numberinput/righttoleftlayout/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' style="font-size: 13px; font-family: Verdana; float: left;">
  <div style='margin-top: 10px;'>
    Number
  </div>
  <div style='margin-top: 3px;'>
    <jqxNumberInput [theme]="'material'" #numericInput
                    [rtl]="true"
                    [spinButtons]="true"
                    [inputMode]="'simple'"
                    [width]="250"
                    [height]="25">
    </jqxNumberInput>
  </div>
  <div style='margin-top: 10px;'>
    Percentage
  </div>
  <div style='margin-top: 3px;'>
    <jqxNumberInput [theme]="'material'" #percentageInput
                    [rtl]="true"
                    [spinButtons]="true"
                    [digits]="3"
                    [symbolPosition]="'right'"
                    [symbol]="'%'"
                    [width]="250"
                    [height]="25">
    </jqxNumberInput>
  </div>
  <div style='margin-top: 10px;'>
    Currency
  </div>
  <div style='margin-top: 3px;'>
    <jqxNumberInput [theme]="'material'" #currencyInput
                    [rtl]="true"
                    [spinButtons]="true"
                    [symbol]="'$'"
                    [width]="250"
                    [height]="25">
    </jqxNumberInput>
  </div>
</div>