selectedDateRangeChanged event emitter is called at the time of page load

[hardikhm-inexture]

Describe the bug
<ngx-mat-drp (selectedDateRangeChanged)="updateRange($event)" [options]="options" #dateRangePicker>
While adding this in my component html file in angular 6. updateRange($event) function is triggered at the time of initial page load. This should not be happen.

Expected behavior
On a page load updateRange($event) this function should not be called. It should only called at the time of updating the daterange.

[rogeroliveira84]

I've fixed this issue in my project by putting this:

init: boolean;

// handler function that receives the updated date range object
  updateRange(range: Range): void {

    // init will prevent the double call in the initialization
    if (this.init) {
          this.range = range;
    }
    else {
      this.init = true;
    }
  }