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

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

<div #jqxWidget>
    <div>
        <div style='font-size: 13px; font-family: verdana; margin-top: 10px;'>
            Phone Number
        </div>
        <jqxMaskedInput [theme]="'material'" style='margin-top: 3px;' #numericInput
                        (onChange)="change($event)" (onValueChanged)="change($event)"
                        [mask]="'(###)###-####'"
                        [width]="250"
                        [height]="25">
        </jqxMaskedInput>
        <div style='margin-left: 0px; margin-top: 20px;'>
            <div>
                <span>
                    Events:
                </span>
                <jqxPanel [theme]="'material'" #Events [height]="250" [width]="300">
                </jqxPanel>
            </div>
        </div>
    </div>
</div>