New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core MultiViewCalendar Selection
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
The Telerik UI for ASP.NET Core MultiViewCalendar component allows the user to select multiple dates or a range of dates by delivering different the selection modes. To control the selection mode feature, configure the Selectable()
configuration method with the following option values:
- Multiple—The user is able to select multiple dates. The multiple selection functionality of the MultiViewCalendar component can be performed with the
Ctrl
orShift
keys. Ctrl
+ mouse-clicking on a 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 the
Ctrl
key will deselect all previously selected dates (including previously selected dates from other views or months), and select the date of the clicked cell. - Selecting a date that is already selected while holding the
Ctrl
key will remove the date from the selection. Shift
+ mouse-clicking selects all dates between the last selected one (withSpace
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 respectively the
start
andend
of the range that will be selected. If the end is before the start, it becomes the start of the range.
The Ctrl
key allows the user to perform multiple selection:
The Shift
key allows the user to select a range of dates in the same month or between different months:
This example demonstrates how to use both the Range
and Multiple
selection modes on two separate MultiViewCalendar components.