Expected behavior When DateTImePicker v-model is updated programmatically, the value is updated within the component.

Actual behavior When DateTImePicker v-model is updated programmatically, the value is NOT updated within the component.

Resources (screenshots, code snippets etc.)

<template>
  <div>Current v-model: {{dateTime}}</div>
  <MDBDateTimePicker 
    v-model="dateTime"
    label="DatePicker"
  />
  <MDBBtn @click="addDateTime">Add dateTime</MDBBtn>
  <MDBBtn @click="removeDateTime">Remove dateTime</MDBBtn>
</template>
<script setup>
import { ref } from '@vue/reactivity'
import { MDBDateTimePicker, MDBBtn } from 'mdb-vue-ui-kit'
const dateTime = ref('')
const addDateTime = () => {
  dateTime.value = '17/08/2022, 05:30 AM'
}
const removeDateTime = () => {
  dateTime.value = ''
}
</script>