title: how to pass data to the nested component in Angular 8?
body: <p>In a parent html, I have many components such as chart 1,2,3,4,5. Then whenever I changed the date, I want to send the selected date to all the components. The code below is the implementation of the parent child event emitter. But I am getting no value from this html file when I check <code>&lt;kt-chart1&gt;</code> component? 
  Also, I want to know when I get the data so I can sort chart by date by executing functions.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;!-- ----------------------------------------------------------------------- --&gt;
  &lt;!--                            date range field                             --&gt;
  &lt;!-- ----------------------------------------------------------------------- --&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-xl-4"&gt;
          &lt;mat-form-field class="flex-container"&gt;
              &lt;div [formGroup]="form"&gt;
                  &lt;input
                      matInput
                      placeholder="Choose a date"
                      [satDatepicker]="picker2"
                      formControlName="date"
                      (dateChange)="DateChanged($event)"
                  /&gt;
              &lt;/div&gt;
              &lt;sat-datepicker #picker2 [rangeMode]="true"&gt; &lt;/sat-datepicker&gt;
              &lt;sat-datepicker-toggle
                  matSuffix
                  [for]="picker2"
              &gt;&lt;/sat-datepicker-toggle&gt;
          &lt;/mat-form-field&gt;
          &lt;div class="col-xl-6 chartPadding"&gt;
          &lt;h4 class="text-center"&gt;Cost Per Tonne&lt;/h4&gt;
          &lt;kt-chart1 (sendingDateEmitter)="receivedDate($event)"&gt;&lt;/kt-chart1&gt;
          &lt;kt-chart2 (sendingDateEmitter)="receivedDate($event)"&gt;&lt;/kt-chart2&gt;
          &lt;kt-chart3 (sendingDateEmitter)="receivedDate($event)"&gt;&lt;/kt-chart3&gt;
  
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  </code></pre>
  
  <p><strong>Typescript</strong></p>
  
  <pre><code>    @Output() sendDateEmitter = new EventEmitter&lt;any&gt;();
  
      DateChanged($event) {
          this.sendDateEmitter.emit($event.value);
  
      }
  </code></pre>