bug(dateRangePicker): model set value called multiple times on init

[mcalmus]

Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/fork/components-issue

This is related to the pre-release date range picker

html:

TypeScript: private _to: Date; private _from: Date; set toDate(newDate: Date) { console.log("set to date"); this._to = newDate; } get toDate(): Date { return this._to; } ...etc.

Steps to reproduce:

1. Create range picker attaching models to the start and end date (partial code included)
2. Load page

Expected Behavior

What behavior were you expecting to see?

setters called once (maybe twice) during startup

Actual Behavior

What behavior did you actually see?

Set is called dozens (maybe hundreds?) of times.

Environment

• Angular: 9.1.3
• CDK/Material: build from date-range branch
• Browser(s): FF
• Operating System (e.g. Windows, macOS, Ubuntu): macOS 10.15.5

[crisbeto]

I'm only seeing the setters being run twice with the provided code running against the latest date-range branch version. Are you sure that you weren't looking at the getters?

[mcalmus]

Turns out my get method was doing something like: return new Date(this._to); so there was a new object every time.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}