Default highlighted range

[Peter]

Current Month August:

                @(Html.Kendo().DateRangePicker()

                                                      .Name("daterangepicker3")
                                                      .Format("MM/dd/yyyy")
                                                      .Range(r => r.Start(DateTime.Now.AddMonths(-1)).End(DateTime.Now.AddMonths(-1).AddDays(10)))
                                                      .HtmlAttributes(new { style = "width: 100%", title = "daterangepicker3" })
                )

When the default Range is last month, clicking the date boxes, shows August, not July where the highlighted range is.   Is there away to set the start month?

[Denitsa]

Hello Peter,
You could set the start month in the calendar by using the navigate method of the calendar.

In your example that could be done by adding the following:

@(Html.Kendo().DateRangePicker()
....
<script>
    $(function () {
        var today = new Date();
        var shownStartDate = new Date(today.getFullYear(),(today.getMonth() - 1),today.getDate())
        var picker = $('#daterangepicker3').data('kendoDateRangePicker')

        picker.dateView._calendar()
        picker.dateView.calendar.navigate(shownStartDate)
    })
</script>

Regards,
Denitsa
Progress Telerik

[Peter]

Thanks, that got me to closer to this:

    var picker = $('#daterangepicker3').data('kendoDateRangePicker');
    picker.dateView._calendar();
    picker.dateView.calendar.navigate(picker.range().start);