Closed
Description
Describe the bug
If user inputs correct dates to text input, vue-datepicker (with auto-apply prop) doesn't emit update:model-value
, but it changes internal-model.
To Reproduce
Steps to reproduce the behavior:
- Make vue-dp like that:
<template>
<div class="wrapper">
selected: {{ selectedDate }}
<Datepicker
v-model="selectedDate"
text-input
range
format="MM.dd.yyyy"
multi-calendars
position="left"
auto-apply
:config="{
setDateOnMenuClose: true,
closeOnClearValue: false,
closeOnAutoApply: false,
keepActionRow: true,
}"
>
<template #dp-input="{ value, onInput }">
<input :value="value" @input="onInput" />
</template>
</Datepicker>
<div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const selectedDate = ref();
</script>
- Select any dates in calendar.
update:model-value
emitted ✅- Change time.
update:model-value
emitted ✅- Change value in input
update:model-value
wasn't emitted ❌update:model-value
emits after close calendar or click Select button.
Expected behavior
If user inputs correct dates, vue-dp emits update:model-value
immediately.
Screencast
2025-02-17.15.50.03.mov
Desktop & mobile:
- Browser all
- Library version 11.0.1