Thank you for reaching out to us.
What could be done in order to achieve the required behavior is to style the input of the DatePicker by applying some custom CSS like the following:
Then the blur() method of the DatePicker component could also be called on the (valueChange) event.
Please check the following example demonstrating both suggestions:
Such approach will disable the input of the DatePicker and will allow to open the popup with the Calendar only when clicking the icon next to the input.
I hope the provided information helps. Feel free to write back in case any further assistance is required for this case. Thank you in advance.
Get quickly onboarded and successful
with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.