Sample code:
<kendo-maskedtextbox id="txteef610884cad733d72d8" name="txteef610884cad733d72d8" mask="(0000)-(00000)" (change)="update($event)" [(ngModel)]="contact" #txteef610884cad733d72d8="ngModel"></kendo-maskedtextbox>
4 Answers, 1 is accepted
Hi Sushant,
Thank you for the provided code snippet.
It should work when using valueChange event on KendoMaskedTextBoxComponent, as demonstrated in this stackblitz sample.
Please do not hesitate to ask further questions if any appear.
Regards,
Martin
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Hi Martin,
Thanks for your replied.
change event will only fire once you blur away from that input field. But valueChange will fire each input change.
Actually i need change event's feature which will fire only once.
Thanks,
Sushant
Hi Sushant,
For that purpose, the developer can utilize the built-in blur event of the MaskedTextbox component:
https://www.telerik.com/kendo-angular-ui/components/inputs/api/MaskedTextBoxComponent/#toc-events.
https://stackblitz.com/edit/angular-z1qxme?file=app/app.component.ts
I hope this helps.
Regards,
Martin
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Hi Martin,
Thanks for your valuable replied, it's working as expected.
Thanks & regards,
Sushant