Input Mask

[taylor]

Is there anyway to set an input mask on the Kendo date picker?

[Georgi Krustev]

Hello taylor,

In general, the DatePicker widget allows different input formats, hence it does not restrict user input and the best way to validate the value is using a client validation framework. Here is a demo that demonstrates how to accomplish this.

If the mask is a must, then you can try to combine Kendo UI MaskedTextBox and Kendo UI DatePicker, but note that they are not intended and designed to work together and there could be undesired behaviors. Here is a demo that shows a proof-of-concept implementation (use on your own responsibility).

Regards,
Georgi Krustev
Telerik

 

 

[taylor]

Thanks for the advice. We will not be using an input mask. Adding parse formats is what I really needed to do.

[Ruben]

On 2016 is this still true?

[quote]

If the mask is a must, then you can try to combine Kendo UI MaskedTextBox and Kendo UI DatePicker, but note that they are not intended and designed to work together and there could be undesired behaviors

[/quote]

[Georgi Krustev]

Hello,

Combining them is still not officially supported. Nevertheless, you can check our how-to demo for details about the implementation:

http://docs.telerik.com/kendo-ui/controls/editors/datepicker/how-to/date-masking-using-maskedtextbox

Regards,
Georgi Krustev
Telerik by Progress

 

 

[Marie-Claude]

Hello, 

I'm using this demo to put a mask on my date.

But with the datePicker control, when there is an invalid, it clears th text.

With the mask, there  is no validation. Is there a simple way to mimic the datepicker behaviour?

And in 2019, is there a better way to do this?

 

[Alex Hajigeorgieva]

Hi, Marie-Claude,

I am pleased to let you know that indeed, there is - the functionality is now built-in and can be enabled by adding a dateInput:true to the configuration:

https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker/configuration/dateinput

Kind Regards,
Alex Hajigeorgieva
Progress Telerik