bug(mat-date-range-picker): mat-date-range-picker does not correctly extend the selected date range when adding additional days

[usmanBashir-QA]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Description:
When using the Angular Material mat-date-range-picker, extending an already selected date range by selecting a later date does not behave as expected. Instead of increasing the range, the component resets the previous selection, leading to poor user experience and unnecessary extra clicks.

Impact:
•Results in a poor user experience.
•Increases user effort due to repeated interactions.
•Not aligned with standard date range picker behavior expectations.

Severity:
Medium (UX-related functional issue)

Reproduction

Steps to Reproduce:
Open the mat-date-range-picker.
Select a valid start date and end date (initial date range).
Attempt to extend the range by selecting a date later than the currently selected end date.

Expected Behavior

•The date range should update by extending the end date to the newly selected date.
•The previously selected start date should remain unchanged.

Actual Behavior

•The previous date range selection is reset.
•The user is required to reselect the date range, increasing the number of clicks and causing UX friction.

Environment

Environment:

• Angular: 17
• CDK/Material: 17
• Browser(s): Chrome
• Operating System (e.g. Windows):
• Component: Angular Material mat-date-range-picker

2026-01-21_16-40-30.mp4

Platform: Web