Hello team,
I'm trying to implement daterangepicker where I want to have a vertical scroll. Kendo daterangepicker by default shows 2 months but I want continuous vertical scroll of months like below image. I could not find any props allowing this view. Please someone help me achieve this
1 Answer, 1 is accepted
Hi Nithya,
The KendoReact DateRangePicker uses MultiViewCalendar by default for the popup and I have to say that there is no setting that can allow having vertical scrollbar for the months. The only option that we can suggest is customizing the calendar as shown in the following example from our documentation:
Hope this helps.
Regards,
Konstantin Dikov
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Iron
Hi Konstantin Dikov,
I had already seen this example but It doesn't allow to select range. It is separate start and end which won't serve my need to select range.
is there possibility to apply range selection to this example provided?
else can we show single calendar with range selection without multiple calendar?
The DateRangePicker value is separated in "start" and "end" values representing the range. The custom calendar example uses the same approach and the only downside is that the range is not represented visually in the calendars.
I do agree that having a scrollable MutliSelectCalendar would be more intuitive and user-friendly. With that in mind, I would suggest creating an issue in our public repository for enhancement for the MultiSelectCalendar and providing scrolling functionality for changing the months:
Another option is to create a feature request in our feedback portal: