DxCalendar<T>.EnableMultiSelect Property

Specifies whether multiple dates can be selected in the calendar.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.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 or keyboard.

To add individual dates to a selection, select dates with the Ctrl key pressed.

To select a range of dates, select the initial date, press the Shift key, navigate to the last date, and select it.

Run Demo: Calendar - Multi Select

Watch Video