The DevExpress Blazor Calendar component allows users to select dates and navigate through months, years, decades, and centuries.

The Calendar supports keyboard navigation (list of supported keyboard shortcuts), allowing users to navigate through root UI elements and within the month/year/decade/century view.

The DevExpress Blazor Calendar component allows users to select multiple dates: individual dates, date ranges, or a combination of both.

Set the EnableMultiSelect property to true to enable multiple date selection. The SelectedDates collection stores selected dates. To handle selection changes, use the SelectedDatesChanged event.

Users can select dates using the mouse or keyboard.

To add dates to a selection, select the dates while pressing the Ctrl key.

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

Use MinDate and MaxDate properties to specify a range of available dates. The calendar disables dates that are out of this range and hides navigation buttons for them.

In this demo, the Calendar component allows you to select dates in the current year.

In this demo module, a few Calendar dates are grayed out (disabled) and cannot be selected. The CustomDisabledDate event allows you to disable selection of specific dates based on custom logic.

The DevExpress Blazor Calendar component allows users to select/specify date values (day, month, and/or year). Thanks to its flexibility, you can control available calendar "views" to address the following requirements:

• Disable Day selection: Users can only select/specify a year and month value.
• Disable Day and Month selection: Users can only select/specify a year value.

To customize/control views available to users, use the ViewMode property.

To explore various usage scenarios within this demo, select a view using the View Mode combo box.

Use the calendar's DayCellTemplate property to customize day cells.