Select all days of week by clicking day name header

1 Answer 18 Views
Calendar MultiViewCalendar
Matt
Top achievements
Rank 1
Matt asked on 01 Apr 2022, 03:59 PM
Is it possible to select all the days of the month by clicking the day name column header?  For example, I want all Mondays to be selected when I click MO in the calendar.  (This is similar to how we can select all the days of a week when the user clicks on the week number.)  I don't see this as being clickable in any of the demos, but am wondering if it can be exposed somehow.

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 06 Apr 2022, 09:09 AM

Hello, Matt,

There is no such built-in functionality, however you can utilize the selectDates method and JavaScript to achieve this functionality.

Attach a click event to the wrapper of the calendar and filter by a column header. When a column header is clicked, retrieve the days of the month that correspond to its title and select them.

The following SO answer explains how you can find all the Mondays in a month:

https://stackoverflow.com/a/9481478 

You can check the following Dojo which contains all of the logic with a slight modification to the method from the thread above:

https://dojo.telerik.com/@gdenchev/OseraKEk 

Best Regards,
Georgi Denchev
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/.

Tags
Calendar MultiViewCalendar
Asked by
Matt
Top achievements
Rank 1
Answers by
Georgi Denchev
Telerik team
Share this question
or