1. Feedback
  2. Angular
  3. 42764

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

The mask support is not functioning correctly on the DateTimePicker and TimePicker

When the user enables the [enableMask] property and has a [(ngModel)] with an empty value, the mask is not visible in the control. It only appears when the user starts typing something in the control. Additionally, as a result of this, focusing on the next control using Tab does not work.


Sample : https://stackblitz.com/edit/angular-qmuu9r?file=src%2Fapp.component.html,src%2Fapp.component.ts


Replication Procedure: 

Case : 1

·       Run the sample.

·       Now you can see that the mask is not visible.

·       Type the value (mask is visible).

Case 2 :

·       Run the sample.

·       Click on the browser page.

·       press the tab (focus on the DatePicker)

·       Again, press the TAB. The focus does not move to the next element.

Current Behavior : The mask support doesn't work properly when using the ngModel as a null.

Expected Behavior : The mask support needs to work properly when using the ngModel as a null.