Topic: MDBDateTimePicker v-model not updating

NoahConn pro asked 1 month ago


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>

Bartosz Cylwik staff answered 1 month ago


Hello, unfortunately this is not possible. If you wish you can create new feature request and our team will decide if that should be implemented. Best regards!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 2.0.0
  • Device: Macbook Pro 2021
  • Browser: Chrome
  • OS: MacOS Monterey
  • Provided sample code: No
  • Provided link: No