EventEmitter on customEditor components

I have a custom editor component

```
memberDOB: {
title: 'Date Of Birth',
type: 'html',
valuePrepareFunction: (cell, row) => { return this.datePipe.transform(row.memberDOB, 'dd/MM/yyyy'); },
editor: {
type: 'custom',
component: DatePickerComponent,
},
},
```
In the custom component, I am emitting an event

```
export class DatePickerComponent extends DefaultEditor implements AfterViewInit {

@Output() dateChange: EventEmitter = new EventEmitter();

constructor() {
super();
}

ngAfterViewInit() {}

onChange(event) {
this.dateChange.emit(event);
}
}
```
And then in the parent component html -

``

I have been trying to detect this event in the parent component but it is not working. On logging the DatePickerComponent in the log, it shows zero subscribers. How do I subscribe emitter from the custom child component in the parent?