SASS Themes
LESS Themes
MultiViewCalendar / Selection
Multiple Date Selection
Range Date Selection
Description
By default the Kendo UI MultiViewCalendar performs single date selection. The widget also allows the user to select multiple dates or a range of dates. This is controlled by the selectable option of the Kendo UI MultiViewCalendar with the following option values:
- Multiple - user is able to select multiple dates. The multiple selection functionality of the calendar widget can be performed with Ctrl or Shift keys.
- Ctrl + Mouse Click on specific date will mark the date as selected and other previously selected dates will remain selected as well.
- Selecting a date from a specific view without using Ctrl key will deselect all previously selected dates (including previously selected dates from other views/months) and select the date of the clicked cell.
- Selecting a date that is already selected while hulding the Ctrl key will remove the date from the selection.
- Shift + Mouse Click selects all dates between the last selected one (with SPACE or Mouse Click) and the clicked cell.
- Shift + Mouse Click when there is no previous selection will select all dates from the beginning to the clicked cell.
- Range - each subsequent mouse click sets respectevely start and end of the range to be selected. In case that the end is before the start it becomes start of the range
The Ctrl key allows user to perform multiple selection:
The Shift key allows user to select a range of dates in the same month or between different months:
HTML5/JavaScript source
Also available for:
- selection.html
- Sample service
- Widget configuration