How to handle event in parent?

[meron1122]

Hi, i would like make a component with nested 2 anoter components with this same type:

export class Widget extends MinzeElement {
  // html template
  html = () => 
          <input-datepicker placeholder="ZZZZZ"></input-datepicker>
          <input-datepicker placeholder="YYYY"></input-datepicker>
 
}

I need bubble out a value from each component and handle in diffrently in Widget component.
How to reach this? I saw a dispach way, but if i had this same type of components it's ugly way....
ideal way will be:

//...
<input-datepicker placeholder="XXX" on:changeDate="MyEventHandlerA"></input-datepicker>
 <input-datepicker on:changeDate="MyEventHandlerB"></input-datepicker>

MyEventHandlerA = (event) => {
    console.log(event.date);
 }
//..

But i dont know how to bubble out event form child.