Pending Review
Last Updated: 12 Nov 2019 09:17 by ADMIN
Maikel
Created on: 05 Nov 2019 08:49
Category: DateRangePicker
Type: Bug Report
2
Selection bug DateRangePicker

Hi,

I've implemented the DateRangePicker in our software and I noticed that the selection of the DateRangePicker has a slide different behavior to the Angular DateRangePicker.
This behavior is also reproducible in the demo website.

Scenario:
Select a range. Alter range to the new values. First, update '03-11-2019' -> '04-11-2019'. Second, update '09-11-2019' -> ''

First selection:
Start date: 03-11-2019
End date: 09-11-2019

Now I want to update this range to:

Expectation:
Start date: 04-11-2019
End date: 16-11-2019

Result:
Start date: 16-11-2019
End date: null
When I select the start date, it's updated as expected (04-11-2019) but selecting the new end date (16-11-2019), sets the a new start date instead of the end date. As described by the result values.

1 comment
ADMIN
Alex Hajigeorgieva
Posted on: 12 Nov 2019 09:17

Hello, Maikel,

The jQuery Kendo UI DateRangePicker does have a different behaviour than the Angular component and also it differs from the React component. For example in React once selected the range cannot be extended - a new click starts a fresh range:

https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/

Whilst the Angular component alternates start and end clicks to extend or shrink the range.

The Kendo UI widget on the other hand alternates the clicks inside the range - first click is start, second is end. If the click is outside the range a new range is started (the end date becomes the start).

I will discuss this behaviour with the team and get back to you if we intend to change it in the future but I will need a little more time than usual and can get back to you next Tuesday. 

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.