DxCalendar<T>.EnableMultiSelect Property

Specifies whether multiple dates can be selected in the calendar.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool EnableMultiSelect { get; set; }

Property Value

Type	Description
Boolean	true if multiple date selection is enabled; otherwise, false.

Remarks

Set the EnableMultiSelect property to true to enable multiple date selection in the calendar. The SelectedDates collection stores the selected dates.

<DxCalendar EnableMultiSelect="true" 
            SelectedDates="@GetSelectedDates()" />

@code {
    List<DateTime> GetSelectedDates() {
        DateTime baseDate = DateTime.Today;

        return new List<DateTime>() { baseDate.AddDays(-9), baseDate.AddDays(-5), baseDate.AddDays(-4), 
                                      baseDate.AddDays(6), baseDate.AddDays(12), baseDate.AddDays(13), 
                                      baseDate.AddDays(15) };
    }
}

Users can navigate through dates and select them using the mouse, keyboard, or touch devices.

To add individual dates to a selection, select dates with:

• The Ctrl key pressed
• Long tap on touch devices

To select a range of dates:

• Select the initial date, press the Shift key, navigate to the last date, and select it.
• Select the initial date, drag across the calendar to the last date, and release the selection.

Run Demo: Calendar - Multi Select