jqwidgets-framework/demos/Angular/src/maskedinput/righttoleftlayout/app.component.html

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

<div #jqxWidget style="font-size: 13px; font-family: Verdana; float: left;">
  <div style='margin-top: 10px;'>
    Numeric
  </div>
  <jqxMaskedInput #numericInput
                  [rtl]="true"
                  [width]="250"
                  [height]="25">
  </jqxMaskedInput>
  <div style='margin-top: 10px;'>
    Zip Code
  </div>
  <jqxMaskedInput #zipCodeInput
                  [mask]="'#####-####'"
                  [rtl]="true"
                  [width]="250"
                  [height]="25">
  </jqxMaskedInput>
  <div style='margin-top: 10px;'>
    SSN
  </div>
  <jqxMaskedInput #ssnInput
                  [mask]="'###-##-####'"
                  [rtl]="true"
                  [width]="250"
                  [height]="25">
  </jqxMaskedInput>
  <div style='margin-top: 10px;'>
    Date
  </div>
  <jqxMaskedInput #dateInput
                  [mask]="'##/##/####'"
                  [rtl]="true"
                  [width]="250"
                  [height]="25">
  </jqxMaskedInput>
</div>