New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core Calendar Multiple Selection

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
selection.cshtml
SelectionController.cs
Selection_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

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.

Additional Apps

This Calendar example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources