It will be good to have a selected event in the DateRangePicker. I would like to have an event to trigger when the entire range is selected. That is the same as the change event when both start and end are not null. If there was a selected event it would overcome the need to check if the end date is null. 

I would like to have a maxRange configuration option. For example a max 'range' as in a limit to how far from the start date the end date can be.  If the maxRange is set to 2 weeks (14 days) then no matter what the start date is the end date would not be able to be greater than 2 weeks from the start date.

Dear Kendo Support Team,

When we use DateRangePicker, we would like to show empty inputs, if the values aren't set. (They're filled with date format placeholder by default.)
Is there any solution to hide the placeholder text?

Regards,
Peter

When you spin up a DateRangePicker it looks like there are two independent date picker controls but unfortunately they act as a set.  the user selects the first (from) date picker and it forces them to select the to range as well.

It would be much better for users if the datepickers were independent of each other with built in range verification logic.

for some users the other way might make more sense but for alot it is confusing.

 

Something like this with at least these options and/or configurable options 

I guess these date range are used thoroughly by users in any application for filtering large set of records 

We would love to use the date range picker to do a month/year range, but from API documentation:
"In order to be able to select dates for the range you need to set the depth to month"

Why not allow depth to be year and the selection range based on months?

https://dojo.telerik.com/@joshua.hamman@one10marketing.com/urugoKOH

Thank you!

Dear Kendo Support Team,

We use kendo jQuery DateRangePicker component, and would like to achive the following:

• If we open the range picker by clicking the range begin value input, we would like to change the beginning of the range.
• If we open it by clicking the end value input, we would like to change the end of the range.

Actually the control always changes the date range start value no matter which input is used.
Is it possible to achive the above described behavior?

Regards,
Peter

When a range is pre-selected in the DateRangePicker the popup will open todays date view by default. 

Include an option that enables navigating to the selected range initially.

Like the DatePicker - let the DateRangePicker use pre-existing inputs instead of it creating the input markup it itself. Via options or just use the 2 inputs inside a container as the code does right now (`that._endInput = that.wrapper.find('input').eq(1);`).

Assuming the DateRangePicker as a date range set already like this by the model

@(Html.Kendo().DateRangePicker()
                            .Name("daterangepicker")
                            .Min(DateTime.UtcNow.AddYears(-25))
                            .Max(DateTime.UtcNow.AddYears(25))
                            .HtmlAttributes(new { style = "width: 100%", title = "Event's Date" })
                            .Range(r => r.Start(Model.StartDate).End(Model.EndDate))
                            .Events(e => e.Change("onChange"))
                        )

 

@Html.HiddenFor(model => model.StartDate

@Html.HiddenFor(model => model.EndDate)

<script>

function onChange() {
        var range = this.range();
        if (range.start && range.end) {
            $("#StartDate").val(kendo.toString(range.start, 'd'));
            $("#EndDate").val(kendo.toString(range.end, 'd'));
            //$("#StartDate").val(range.start);
            //$("#EndDate").val(range.end);
            $("#StartDate").trigger("change");
            $("#EndDate").trigger("change");
        }
    }

</script>

When opening the dataview to change the selection (range) it should open at the set range instead of today's date which might be years apart. We shouldn't have to create a script which BTW is not opening the dataview_current on theproper date either.

$(document).ready(function () {
        $("#daterangepicker").data("kendoDateRangePicker").dateView._current = new Date(@Model.StartDate.Year, @Model.StartDate.Month,@Model.StartDate.Day);
    });

I am trying to configure the new DateRangePicker to chose ranges of months.  I tried the dojo in this reference document, but the dojo does not work.  I select the Month, but nothing happens.  https://docs.telerik.com/kendo-ui/api/javascript/ui/daterangepicker/configuration/depth

I want the result to show April 2019 to April 2019.  The control should return 4/1/2019 and 4/30/2019, if possible.