DxCalendar<T>.EnableMultiSelect Property

Specifies whether multiple dates can be selected in the calendar.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

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

YouTube video

See Also

DxCalendar<T> Class

DxCalendar<T> Members

DevExpress.Blazor Namespace