Multi Selection in Blazor Calendar

14 Aug 20261 minute to read

A Blazor Calendar provides an option to select single or multiple dates by using the IsMultiSelection property. By default, IsMultiSelection is false (single-selection mode).

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) };
}