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/