Hi, 

It will be a good addition to the component if the ability to disable dates is added like the disabledDates input of the DatePicker or jQuery DateRangePicker widget.

It will be nice to have a single input field for daterangepicker. As of now the user has to open it in two different boxes which is very confusing.

Currently is not possible to focus the End DateInput, using keyboard shortcuts.

So far the Tab focuses the first input which automatically opens the popup then continues on the next focusable elements on the page skipping the End input.

This is not correct in terms of another component that has a popup in it. The popup should be opened on Alt+Down arrow, while the Tab should go through the Start and End DateInputs fields only.

Please improve and provide built-in keyboard navigation shortcuts for the DateRange component.

 

Please provide the following layout for a DateRange Picker:

Thank you

The date range picker is not closing when tabbing through inputs when the picker is appended to the 'component'. It also seems that once the date range picker loses focus, it does not close by clicking anywhere else in the document until it regains focus again or the document loses focus.

 

I reproduced it in Stackblitz and attached a video. In the video there is a button after the date picker that logs to the console when it gains focus. Focus starts at the top of the document, start tabbing until the date range picker pops up, then continue tabbing through the date range picker until the button below the picker gains focus. As you can see the date range picker does not close. Here is the Stackblitz editor link to this: https://stackblitz.com/edit/kendo-daterange-bug?file=app/app.component.ts

 

Thanks!

Mitchell

Hi,

I set start = year and depth = year.

I know that regarding documentation:

Note the option will not be applied if start option is lower than depth. Always set both start and depth options. In order to be able to select dates for the range you need to set the depth to month.

Is it possible to select range with months? I would like to select range for instance from Oct 2019 to Jan 2020. How it can be implemented using DateRangePicker ?

Thanks.

This component is AWESOME! One thing missing is it doesn't fit on mobile at all. It needs to break vertically on smaller devices.