Set min property dynamically

[dgroh]

How do I set the min property dynamically?

I have a Date from and a Date to - The min of Date to must be the selected value of Date from I tried to achieve this by setting the component.config.min but nothing happens.

This stackblitz demonstrates this: Change min date dynamically

[vlio20]

In order to change the configuration (and min is part of it) you need to pass a new reference to this.dateToDp.config:

    this.filterForm.get("dateFrom").valueChanges.subscribe(value => {
      console.log(this.dateToDp);
      this.dateToDp.config = {
        min: value,
        ...this.dateToDp
      };
    });
  }

here is a working stackblitz: https://stackblitz.com/edit/angular-3h4a7c

[dgroh]

The rule of showing the min date when the picker opens should be applied, too. Means, the picker should start from the min date, what is not happening when changing the configuration.

[miyolou]

You can bind the value changes from 'Date from' to the displayDate attr on the 'Date to' input element.

[dgroh]

@miyolou yes, this would be a workaround tho. this feature has been implemented in 2.6.0, so this should work also in this scenario imo, but yes, for now I'm using displayDate as workaorund.

[dgroh]

@vlio20 using ...this.dateToTop is overriding the format configuration, note that the format is DD.MM.YYYY but fater overriding it it gets MM-DD-YYYY

[vlio20]

1. @dgroh it is a bug that the min display date is not changing after the config update.
2. I will check why the format is being changed.

[vlio20]

@dgroh, here is a better configuration: https://stackblitz.com/edit/angular-3h4a7c?file=app%2Fapp.component.ts

There is still some issue with the min date in the "to" calendar.

[dgroh]

Thanks for your help

[vlio20]

resolved in 969eb01