How to Access the Scheduler navigation datepicker

[Grant]

Hi, 

Is there a way to access the DatePicker widget (and description text) that is used for navigation in the kendoScheduler? I'd like to change a few of its options.

Thanks,
Grant

[Veselin Tsvetanov]

Hello Grant,

You could get the Scheduler calendar text elements (there are two of them, one for narrow screens and one for wide) in the following way:

var descriptionTexts = $('.k-i-calendar').siblings();

While you could access the Scheduler embedded Calendar:

var calendar = scheduler.calendar;

Note that in order to obtain a reference to that Calendar, it needs to be initialized. This happens, when its pop-up is opened for the first time. Therefore, if you want to initially get reference to this widget, you will have to manually open and close the pop-up:

$( document ).ready(function() {
    var scheduler = $("#scheduler").data("kendoScheduler");
    scheduler._showCalendar();
  $('.k-animation-container').css('display', 'none');
    scheduler.popup.close();
    var calendar = scheduler.calendar;
  // Customize calendar here
});

You could find a simple implementation in the following Dojo example.

Regards,
Veselin Tsvetanov
Telerik by Progress