Is it possible to have a kendo-multiview calendar drop from a DatePicker

1 Answer 111 Views
DatePicker DateRange
Aaron
Top achievements
Rank 1
Iron
Aaron asked on 14 Jun 2022, 09:04 PM

I am attempting to functionally create a week picker, but I would like it to dropdown like the standard kendo DatePicker does. Is there a way to do this exclusively with Kendo UI components, or will I need to create my own dropdown button with the selected data as a label for it? Essentially I am attempting to create something like this  below. That will collapse to just the selected range bar when not clicked on

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 17 Jun 2022, 06:16 AM

Hi Aaron,

From the provided screenshot, it looks like the DateRange component is used. The developer can define the number of views (months) rendered in the DateRange popup, by rendering a custom MultiViewCalendar following the steps from this article:

https://www.telerik.com/kendo-angular-ui-develop/components/dateinputs/daterange/popup/#toc-rendering-the-content

Then the views options of the MultiViewCalendar could be set to 1:

https://www.telerik.com/kendo-angular-ui-develop/components/dateinputs/multiviewcalendar/multiple-views/

Here is an example:

https://stackblitz.com/edit/angular-xwnngk?file=src%2Fapp%2Fapp.component.ts

This could render a classic DatePicker:

https://www.telerik.com/kendo-angular-ui-develop/components/dateinputs/datepicker/calendar-type/#toc-calendar-types

However, rendering the infinite type (default) is not supported.

I hope this helps.

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
DatePicker DateRange
Asked by
Aaron
Top achievements
Rank 1
Iron
Answers by
Martin
Telerik team
Share this question
or