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>