fix(material/timepicker): don't mark as touched when blurred while dr…

…opdown is open

Fixes that the timepicker was marking itself as touched too early when clicking on an item in the dropdown.

Fixes #30223.

src/material/timepicker/timepicker-input.ts

@@ -285,7 +285,9 @@ export class MatTimepickerInput<D> implements ControlValueAccessor, Validator, O
       this._formatValue(value);
     }
 
-    this._onTouched?.();
+    if (!this.timepicker().isOpen()) {
+      this._onTouched?.();
+    }
   }
 
   /** Handles the `keydown` event. */

src/material/timepicker/timepicker.spec.ts

@@ -955,6 +955,18 @@ describe('MatTimepicker', () => {
       fixture.detectChanges();
       expect(fixture.componentInstance.control.touched).toBe(false);
 
+      getInput(fixture).click();
+      fixture.detectChanges();
+      dispatchFakeEvent(getInput(fixture), 'blur');
+      fixture.detectChanges();
+      expect(fixture.componentInstance.control.touched).toBe(false);
+    });
+
+    it('should mark the control as touched on blur while dropdown is open', () => {
+      const fixture = TestBed.createComponent(TimepickerWithForms);
+      fixture.detectChanges();
+      expect(fixture.componentInstance.control.touched).toBe(false);
+
       dispatchFakeEvent(getInput(fixture), 'blur');
       fixture.detectChanges();
       expect(fixture.componentInstance.control.touched).toBe(true);