Disabling of Click on TopHeader of DatePicker for changing Years

[Nikhil Kashyap]

Hi,
    I want to disable the click functionality on the header of the datepicker from where we directly select the year after opening the datepicker control. I want that disabled. Screenshot attached for reference.
Could you plz tell how to do this?

Regards,
Customer ID : JT359876
Nikhil Kashyap

[Georgi Krustev]

Hi Nikhil Kashyap,

To achieve your goal you need to overried show method in the telerik.datepicker.js file like so:
[OLD]

show: function () {
    $t.trigger(this.element, 'open');
    this.showPopup();
},

[NEW]

show: function () {
    this.showPopup();
    $t.trigger(this.element, 'open');
},

Thus you can wire OnOpen event of the datepicker and set 't-state-disabled' to disabled clicking on the year:
[Event handler]

function OnOpen(e) {
            $(this).data('tDatePicker').$calendar().find('.t-nav-fast').addClass('t-state-disabled');
        }

I confirm that change to the show() method will be included in the next official release of the Telerik Components for ASP.NET MVC.

Kind regards,
Georgi Krustev
the Telerik team