How to select multiple dates with datepicker

[Jerry]

I have a VueJS app that uses the kendo controls.

Is there a way to use the datepicker or another kendo control to select multiple dates? For example by holding the Ctrl+clicking on each date?

Is there an example?

 

[Petar]

Hi Jerry,

The component I can recommend for multiple Dates selection is the Calendar. By setting its mode property to "multiple" or "range" you can select multiple dates.

Here are two examples that demonstrate the usage of the different mode options:

• Calendar with "mode" set to "multiple" - https://stackblitz.com/edit/asqkmb-8qepr5?file=src/main.vue - With this approach, you can select/deselect dates in the Calendar by clicking on a single date.
• Calendar with "mode" set to "range" - https://stackblitz.com/edit/asqkmb?file=src/main.vue - With this approach, you can select date ranges by clicking on two dates.

Please check the above details and let me know if the provided examples help you achieve what you need in your application. If you need further assistance with the current thread, I will be happy to help you.

Regards,
Petar
Progress Telerik