Kendo datepicker

[Mihail]

Hi,

When use datepicker on mobile device browser the calendar and keyboard show on device.

I see that in jquery version we can make datepicker readonly that prevent keyboard to show on mobile, but in angular version when i set readonly attribute the compoment is readonly and calendar pick is not show too.

Is there any way to fix this?

 

Thanks

[Svet]

Hello Mihail,

We indeed had a similar issue, but it was resolved. Can you please try installing the latest versions of our packages and check whether the problem is resolved?

The current expected behavior is as follows:

1) When the date input within the DatePicker is not focused, and the Calendar is opened, the mobile keyboard does not pop up

2) The keyboard pops up only if the focus is in the date input (as the user might want to type in the date instead of selecting it from the calendar)

If you would like to prevent the user from interacting with the input altogether and force him to use the Calendar only, you can prevent user interaction via CSS, e.g.:

https://plnkr.co/edit/OwKLLD6ns56TrsbtwwBJ?p=preview

The DatePicker component, like other input components, is designed to make whole component readonly, hence making just part of it readonly is not supported out-of-the-box.

What I can suggest is casting your vote for the required functionality in our UserVoice portal.

http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-feedback/suggestions/19197673-disable-user-input-on-datepicker
(note that the thread is for disabled input, but it will be applied to `readonly` behavior too)

If more people аре interested in this functionality, then we will schedule it for further investigation.

Regards,
Svetlin
Progress Telerik