SfDateRangePicker - How to keep dual calendars showing adjacent months when navigating?

Product: Syncfusion Blazor DateRangePicker

Version: 32.x (latest)

Framework: .NET 10 / Blazor Server

---

Description:

I'm using SfDateRangePicker in my Blazor application. In desktop view, the component displays two calendar panels side by side (e.g., June 2025 and July 2025).

Current Behavior: When I click the navigation arrow on one calendar panel to move to another month, only that specific calendar changes. For example, if I click "next" on the left calendar, it might show August while the right calendar still shows July. This results in non-adjacent months being displayed.

Expected/Desired Behavior: I want both calendars to always show adjacent months (consecutive months). When navigating, both calendars should move together - similar to how Airbnb's date picker works. For example:

• Left calendar shows June → Right calendar shows July

• Click "next" on left → Left shows July, Right shows August

• Click "prev" on right → Left shows May, Right shows June

Question:

1. Is there a built-in property to enforce adjacent/consecutive months in the dual calendar view?

2. If not, is there a recommended approach using the Navigated event and a method like NavigateTo() to programmatically sync both calendars?

3. Is this feature planned for a future release?


Thank you for your assistance.


1 Reply

KN Kundurthi Naga Siddartha Kundurthi Vennela Prasad Syncfusion Team February 2, 2026 12:20 PM UTC

The requirement to display two consecutive months in the Blazor DateRangePicker is regarded as a feature; however, there are currently no immediate plans to implement it.

The progress of this implementation can be monitored via the feedback portal link provided below: Provide the support for two consecutive months in Blazor DateRangePicker in Blazor | Feedback Portal

Any pertinent updates concerning the feature's development will be communicated through the aforementioned feedback link.


Loader.
Up arrow icon