MDBDatepicker not clearing when v-model is set to an empty s

Topic: MDBDatepicker not clearing when v-model is set to an empty string

LHanny pro premium priority asked 2 years ago

Expected behavior: When I set the date v-model back to an empty string using the removeDate() function, the MDBDatepicker should clear so it is ready for something else to be entered.

Actual behavior: When I set the date v-model back to an empty string using the removeDate() function, the MDBDatepicker stays populated with the previous date, even though the v-model is an empty string.

Resources (screenshots, code snippets etc.)

<template>
  <div>Current v-model: {{date}}</div>
  <MDBDatepicker 
    v-model="date"
    label="DatePicker"
  />

  <MDBBtn @click="removeDate">Remove date</MDBBtn>
</template>
<script setup>
import { ref } from 'vue'
import { MDBDatepicker, MDBBtn } from 'mdb-vue-ui-kit'
const date = ref('')
const removeDate = () => {
  date.value = ''
}
</script>

Add comment

Bartosz Cylwik staff answered 2 years ago