fix(date-input): inherit props and events (epicmaxco#4285)

untael · May 25, 2024 · 0ffdb22 · 0ffdb22
1 parent 2827911
commit 0ffdb22
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/packages/ui/src/components/va-date-input/VaDateInput.stories.ts b/packages/ui/src/components/va-date-input/VaDateInput.stories.ts
@@ -234,3 +234,21 @@ export const NullValue = () => ({
   <VaDateInput v-model="value" clearable manual-input clear-value="null" />
   `,
 })
+
+export const EventListeners = () => ({
+  components: { VaDateInput },
+  data () {
+    return {
+      value: null,
+    }
+  },
+  methods: {
+    onKeydown () {
+      console.log('onKeydown')
+    },
+  },
+  template: `
+  [[value]]: {{ value === null ? 'null' : value }}
+  <VaDateInput v-model="value" @keydown="onKeydown" manual-input />
+  `,
+})
diff --git a/packages/ui/src/components/va-date-input/VaDateInput.vue b/packages/ui/src/components/va-date-input/VaDateInput.vue
@@ -115,7 +115,6 @@ const VaDatePickerPropsDeclaration = extractComponentProps(VaDatePicker)
 <script lang="ts" setup>
 defineOptions({
   name: 'VaDateInput',
-  inheritAttrs: false,
 })
 
 const props = defineProps({

diff --git a/packages/ui/src/utils/headless.ts b/packages/ui/src/utils/headless.ts
@@ -42,7 +42,7 @@ const toNode = (v: any, attrs: NodeAttributes): VNode | null => {
   }
 
   if (typeof v.type.render === 'function') {
-    const component = h(v)
+    const component = h(v, attrs)
 
     if (Array.isArray(component.children) && component.children.length > 1) {
       return h('div', attrs, component.children)