fix(all dispatchevent on components): make event propageable to work…

src/datepicker.ts

@@ -463,7 +463,7 @@ export class Datepicker extends Component<DatepickerOptions> {
    */
   setInputValue() {
     this.el.value = this.toString();
-    this.el.dispatchEvent(new CustomEvent('change', {detail: {firedBy: this}}));
+    this.el.dispatchEvent(new CustomEvent('change', {bubbles:true, cancelable:true, composed:true, detail: {firedBy: this}}));
   }
 
   _renderDateDisplay() {

src/forms.ts

@@ -114,7 +114,7 @@ export class Forms {
             filenames.push(files[i].name);
           }
           pathInput.value = filenames.join(', ');
-          pathInput.dispatchEvent(new Event('change'));
+          pathInput.dispatchEvent(new Event('change',{bubbles:true, cancelable:true, composed:true}));
         });
       });
 

src/select.ts

@@ -160,7 +160,7 @@ export class FormSelect extends Component<FormSelectOptions> {
         previousSelectedValues,
         actualSelectedValues
       );
-      if (selectionHasChanged) this.el.dispatchEvent(new Event('change')); // trigger('change');
+      if (selectionHasChanged) this.el.dispatchEvent(new Event('change',{bubbles:true, cancelable:true, composed:true})); // trigger('change');
     }
     if (!this.isMultiple) this.dropdown.close();
   }

src/timepicker.ts

@@ -792,7 +792,7 @@ export class Timepicker extends Component<TimepickerOptions> {
     this.el.value = value;
     // Trigger change event
     if (value !== last) {
-      this.el.dispatchEvent(new Event('change'));
+      this.el.dispatchEvent(new Event('change',{bubbles:true, cancelable:true, composed:true}));
     }
     this.close();
     this.el.focus();