title: Listening to onchange function of web component(made with react) within angular component
body: <p>I am using a datepicker web component made of react within angular application. I want to access the value once the user select the date from the date picker.</p>
  
  <p>1) first scenario,I saw few posts and tried the below format but the setSelectedDates function is not at all called when the datepicker is selected.</p>
  
  <p><strong>Within component template file(html)</strong></p>
  
  <pre><code>&lt;dnb-date-picker
            [show_input]="true"
            [start_date]="2019-04-01"
            [end_date]="2019-04-01"
            [range]="true"
            [link]="true"
            [return_format]="dd-MM-yyyy"
            [mask_placeholder]="dd-MM-yyyy"
            (on_change)="setSelectedDates($event)"
        &gt;&lt;/dnb-date-picker&gt;
  </code></pre>
  
  <p><strong>Within component.ts</strong></p>
  
  <pre><code>setSelectedDates(startDate: any, endDate: any): void {
      console.log(startDate);
      console.log(endDate);
    }
  </code></pre>
  
  <p>2) second scenario, tried the below format and setSelectedDates function is getting triggered but value is coming as undefined.</p>
  
  <p><strong>Within component template file(html)</strong></p>
  
  <pre><code>&lt;dnb-date-picker
            show_input="true"
            start_date="2019-04-01"
            end_date="2019-04-01"
            range="true"
            link="true"
            return_format="dd-MM-yyyy"
            mask_placeholder="dd-MM-yyyy"
            [_change]="setSelectedDates(start_date,end_date)"
        &gt;&lt;/dnb-date-picker&gt;
  </code></pre>
  
  <p><strong>Within component.ts</strong></p>
  
  <pre><code> setSelectedDates(startDate: any, endDate: any): void {
      console.log(startDate);
      console.log(endDate);
    }
  </code></pre>
  
  <p>kindly provide some inputs.</p>