Blazor Calendar Example - Date Range

Calendar / Date Range

In the following example, a specific date range from 5th to 27th of a month has been set to select from the Calendar. All the other dates are out of range, and restricted to set or select.

Loading Syncfusion Blazor Server Demos…

November 2025
SMTWTFS
2627282930311
2345678
9101112131415
16171819202122
23242526272829
30123456
Selected date is: 11/5/2025

Date Range example explains the date selection within a specific range in a calendar by using the Min and Max properties. Here, the date selection range was restricted between 5th to 27th.

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