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

ASP.NET Core MultiViewCalendar 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 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 or Shift keys.

  • The Ctrl key allows the user to perform multiple selection:

    1. Ctrl + mouse-clicking on a specific date will mark the date as selected, and other previously selected dates will remain selected as well.
    2. 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.
    3. Selecting a date that is already selected while holding the Ctrl key will remove the date from the selection.

    The Shift key allows the user to select a range of dates in the same month or between different months:

    1. Shift + mouse-clicking selects all dates between the last selected one (with Space or mouse click) and the clicked cell.
    2. 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 and end of the range that will be selected. If the end is before the start, it becomes the start of the range.

This example demonstrates how to use both the Range and Multiple selection modes on two separate MultiViewCalendar components.

Additional Apps

This MultiViewCalendar 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