Search results

Multi Selection

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

The following code demonstrates the functionality of IsMultiSelection and Values properties in the Calendar component.

@using Syncfusion.EJ2.Blazor.Calendars

<EjsCalendar IsMultiSelection=true Values="@MultipleValues"></EjsCalendar>

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

The output will be as follows.

calendar