Describe the bug
The DateRangePicker spans at 100% width and clicking outside of the component opens the calendar.
Related issue: telerik/kendo-react#2362

To reproduce
Steps to reproduce the behavior:

1. Go to https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/default-value/
2. Click somewhere next to the component (at the right side)
3. The calendar opens

Expected behavior
To not open the calendar when clicking outside of the page.

Screenshots

Affected suites (please remove the unneeded items)

• Kendo UI for React

Possible workaround

.k-daterange-picker, .k-daterangepicker {
    width: auto;
    display: inline-flex;

}