How to pass Event emitter’s value from child component to parents component’s function as an argument?

I am getting ‘date’ returned from child event emitter, I am trying to pass the returned ‘date’ as an argument to a function to my parent’s component, and that function needs to be initialized when the page loads so that I can crate the template view. I attempted the following but I couldn’t find a way to pass the value as an argument of my "getData()" function on page load. Any help will be appreciated, thanks!

parentComponent.html

<child (todaysDate)="getTodaysDate($event)"></child>

parentComponent.ts


import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './parentComponent.component.html',
  styleUrls: [ './parentComponent.component.css' ]
})
export class parentComponent implements OnInit  {
 getTodaysDate(todaysDate){
 this.getData(todaysDate)

}

  ngOnInit(): void {

  }

getData(todaysDate){
///subscribe data from api
}

Source: Angular Questions