New to Telerik UI for ASP.NET Core? Download free 30-day trial
ASP.NET Core Calendar Multiple 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 Calendar component allows multiple selection to be performed by the end-user by using keyboard combinations for the selection and deselection of dates.
The selection functionality of the Calendar component supports the following options:
- Multiple selection—To select dates, the user utilizes the
Ctrl
key. - Range selection—To select ranges of dates, the user utilizes the
Shift
key. - Week selection—Represents a range selection for a specific week.
This example demonstrates how to perform multiple selection by setting the Selectable
configuration option.
The Ctrl
key allows the user to perform multiple selection:
Ctrl
+ mouse click on a specific date will mark the date as selected. 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.
When the user clicks on a specific week number, the Calendar selects the entire week. This behavior is considered a special case of range selection, starting from first day of the week and selecting all dates until the end of the week.
The multiple selection functionality introduces some new key combinations. For more information, refer to the Keyboard Navigation demo.