duetds/date-picker

dueChange event for duet picker not working with Ionic 5 / Vue 3

adityasharma7 opened this issue · 1 comments

Describe the bug
I am using Duet Date Picker in the Ionic 5/ Vue 3 application. The event listener for the duetChange is not working for me.

Here is my code snippet:

<duet-date-picker @duetChange="handleInput($event)"identifier="date" :localization.prop="localisation" direction="left"></duet-date-picker>


handleInput(e: any) {
      console.log("e", e);
      this.$emit("input", this.content);
    }

I have even tried following listeners:

v-on:duetChange="handleInput($event)" 

v-on:change="handleInput($event)" 

@change="handleInput($event)"

Is this the right way to add an event listener or am I missing something?

Here is the code sandbox link:
https://codesandbox.io/s/old-silence-1f0nx?file=/src/App.vue

To Reproduce
Steps to reproduce the behavior:
Add Date Picker to Ionic 5/ Vue 3 application and add an event listener for duetChange event

Expected behavior
A clear and concise description of what you expected to happen.
Event listener should work

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

I am seeing the following warnings in the codesandbox console...

[Vue warn]: The `isCustomElement` config option is only respected when using the runtime compiler.
If you are using the runtime-only build, `isCustomElement` must be passed to `@vue/compiler-dom` 
in the build setup instead- for example, via the `compilerOptions` option in vue-loader: 
https://vue-loader.vuejs.org/options.html#compileroptions. 


[Vue warn]: Failed to resolve component: duet-date-picker 
  at <App> 

Seems like it might be related to the issue you have? I don't know vue at all, so I am taking a bit of a guess here, but it seems relevant