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!

2
Votes

When using the timepicker with the enableMask set as true, the component shows an inconsistent behaviour (similar to Inconsistent behaviour while filling a masked Datepicker starting with zero). 

If you start filling a time that starts with a zero (i.e. 02), it first ignores the number (by typing "0") and leaves the initial value. By typing the second number (i.e. by typing "2"), it changes either the initial number to the previously typed number ("2"). Subsequently, the highlight is not moved to the next time part as expected, but puts the following numbers in the same position as the second number has been (if it fits the right time format).

I would expect the highlight to move to the next mask field if I entered two valid numbers (such as "02" or even "00"). As for now it is not possible to enter a time smaller than 10 without using the tab-key.

The behaviour is present at your demo page (Mask Support in Angular TimePicker component).


Thank you for your support!