Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

bug(timepicker): Timepicker integration with datepicker does not work when Reactive forms are used #58522

Copy link
Copy link
Open
@Totati

Description

@Totati
Issue body actions

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

The new timepicker component does not integrate well with datepicker when Reactive forms are used because of Angular's bad support of binding a FormControl to multiple inputs.

Related issues:
#58300
#51239
#50957

Reproduction

StackBlitz link
Steps to reproduce:

  1. Set time input in the "Reactive" fieldset and blur it.
  2. Date does not update

Expected Behavior

Should behave like the [(ngModel)] version.

Actual Behavior

Date input does not update.

Environment

Angular CLI: 19.0.0-rc.0
Node: 18.20.3
Package Manager: npm 10.2.3
OS: linux x64

Angular: 19.0.0-rc.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, localize, material, material-moment-adapter
... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1900.0-rc.0
@angular-devkit/build-angular 19.0.0-rc.0
@angular-devkit/core 19.0.0-rc.0 (cli-only)
@angular-devkit/schematics 19.0.0-rc.0
@schematics/angular 19.0.0-rc.0
rxjs 7.4.0
typescript 5.5.4
zone.js 0.15.0

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      Morty Proxy This is a proxified and sanitized view of the page, visit original site.