Hello,
I want to append the DatePickerPopup to the div#app component in Vue, in order to style it and prevent some bugs, but I can't get it to work.
This is the Datepicker component, contains popupSettings:
<k-datepicker
:id="id"
ref="datepickerInstance"
v-model="dateObj"
:name="name"
:placeholder="''"
:popup-settings="popupSettings"
:label="labelText"
:required="required"
...
This is in <script> in data()
data() {
return {
popupSettings: {
animate: false,
appendTo: document.getElementById('app'),
popupClass: 'k-datepicker-popup-test',
},
animate and popupClass do work, but appendTo gives the following warning and doesn't work:
[Vue warn]: Invalid prop: type check failed for prop "appendTo". Expected String with value "[object HTMLDivElement]", got HTMLDivElement
Looking at the API documentation, appendTo needs a HTMLElement, am I missing something? Thanks