Facing difficulties with: Input. Suggestions welcome.

[emily.thorne91]

How do I handle two-way binding with Smart.DateRangeInput in Vue? Are Vue’s reactive data bindings sufficient?

[Markov]

Hi,

You can achieve this with a custom v-model wrapper for Vue:

<template>
  <smart-date-range-input
    :value="modelValue"
    @change="$emit('update:modelValue', $event.detail.value)"
  ></smart-date-range-input>
</template>

<script>
export default {
  name: "DateRangeInputWrapper",
  props: {
    modelValue: String
  }
};
</script>

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts