Calendar / Date Range

Blazor Calendar Example - Date Range

Loading Syncfusion Blazor Server Demos…

February 2026
SMTWTFS
1234567
891011121314
15161718192021
22232425262728
Selected date is: 2/17/2026

This sample demonstrates date range selection in the Calendar component, where a specific date range from the 5th to 27th of a month has been set. All other dates are out of range and restricted from selection.

The Date Range example explains how to enable date selection within a specific range in the Calendar using the Min and Max properties.

In this example, the date selection range is restricted between the 5th and 27th of the month, providing a practical approach to limiting selectable dates.

See also:

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE