xxxxxxxxxx1
<template>2
<div id="dateTimePickerContainer">3
<MDBDateTimepicker id="dateTimePicker" 4
label="Select a time" 5
v-model="picker1"6
inputToggle7
container="#testDiv"8
/>9
</div>10
<div id="testDiv">11
I want the modal element to be in this div12
</div>13
</template>xxxxxxxxxx1
<style>2
#app {3
font-family: Roboto, Helvetica, Arial, sans-serif;4
}5
6
#dateTimePickerContainer {7
margin: 50px;8
width: 30%;9
font-family: cursive;10
}11
12
#testDiv {13
margin: 50px;14
}15
16
</style>xxxxxxxxxx1
<script>2
import { MDBDateTimepicker } from "mdb-vue-ui-kit";3
import { ref } from "vue";4
5
export default {6
components: {7
MDBDateTimepicker8
},9
setup() {10
const picker1 = ref("");11
12
return {13
picker114
};15
}16
};17
</script> Console errors: 0