Multi Selection in Blazor Calendar Component

13 Nov 20251 minute to read

A Blazor Calendar provides an option to select single or multiple dates by using the IsMultiSelection properties. By default, the IsMultiSelection property will be in disabled state.

The following code demonstrates enabling multi-selection and preselecting multiple dates using the IsMultiSelection and Values properties.

@using Syncfusion.Blazor.Calendars

<SfCalendar TValue="DateTime?" IsMultiSelection=true Values="@MultipleValues"></SfCalendar>

@code {
public DateTime[] MultipleValues { get; set; } = new DateTime[] { new DateTime(DateTime.Now.Year, DateTime.Now.Month, 10),
        new DateTime(DateTime.Now.Year, DateTime.Now.Month, 15),
        new DateTime(DateTime.Now.Year, DateTime.Now.Month, 25) };
}