Approved
Last Updated: 11 Apr 2019 08:47 by ADMIN
Pedro
Created on: 08 May 2017 12:49
Category: Kendo UI for Angular 2+
Type: Feature Request
12
Disable user input on Datepicker
It should be possible to disable the user input on the Datepicker and the calendar pop-up only shows up if the user clicked on the "calendar button".
3 comments
ADMIN
Dimiter Topalov
Posted on: 11 Apr 2019 08:47
Hello,

Thank you for the feedback. We will track the customer demand for this feature here, and prioritize accordingly based on the interest.

Meanwhile you can implement some custom logic to achieve the desired functionality. For example, to disable user interaction with the component only partially (e.g. INPUT element is disabled, but dates can be selected from the Calendar after clicking the respective icon), you can do so like so:

ngAfterViewChecked(): void {
      this.element.nativeElement.querySelector('.k-dateinput input').disabled = true;
    }

Additional logic that will disable the INPUT element based on the viewport width can be added like in the following example:

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

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Imported User
Posted on: 15 May 2018 16:55
Please! This is unusable on a mobile device otherwise. How can you pick a date if you lose half your screen?
Kelum
Posted on: 06 Dec 2017 15:25
also should be able to 'allow only picker option, and disable edit typing option in kendo-timepicker'