MaskedTextBox - word as a mask

[Dusan]

Hi,

I am having problems with setting mask for MaskedTextBox. My mask is something like this: mask={'Days:999 Hours:99 Minutes:99 Seconds:99'}, but letter 'a' is never rendering.

my code: https://stackblitz.com/edit/react-maskedtextbox?file=index.js

Is there any way to render full text?

 

Thank you,

Dusan

 

[Stefan]

Hell0, Dusan,

Thank you for the example.

This occurs because the letter "a" is actually one of the special symbols for the mask:

"a - Alphanumeric or space. Accepts letters, digits and space only."

https://docs.telerik.com/kendo-ui/api/javascript/ui/maskedtextbox/configuration/mask#mask

As I see that this is used for date, I can suggest using the DateInput component with a custom placeholder format:

https://www.telerik.com/kendo-react-ui/components/dateinputs/dateinput/placeholders/#toc-placeholders

https://www.telerik.com/kendo-react-ui/components/dateinputs/api/DateInputCustomFormatPlaceholder/

If the DateInput is not an option, could you please share with us the limitation.

Regards,
Stefan
Progress Telerik