bug(DatePicker): Range DatePicker Input updates take some delay

[Choppi]

trafficstars

Description

When I try to manually update input value from ts files for a DateRangePicker component, like adding slashes when users types a day or a month (or more complex cases), it does not update the mirrorring value of the span.

It works well with a simple DatePicker (probably because it does not have any mirrorring value)

Reproduction

StackBlitz link: https://stackblitz.com/edit/daterange-picker-refresh?file=src%2Fapp%2Fapp.component.ts Steps to reproduce:

1. Focus the first date of the DateRangePicker
2. Type "01"

Expected Behavior

As per the typescript method (keyupEvent), I should see slashes added at the end of the input.

Actual Behavior

No slashes added for the DateRangePicker, only if I type any other number

Environment

• Angular: 18
• CDK/Material: 18