I am using a beautiful date picker in my project to retrieve the value deliveryDate. The date is displayed with an option to clear it using a button that sets the date to null when clicked. However, I am encountering errors related to prop types in the console. Below is the setup of my datepicker:
<b-datepicker
v-model="deliveryDate"
expanded
:min-date="minDate"
placeholder="Click to select"
:mobile-native="false"
@input="updateDeliveryDate"
></b-datepicker>
<b-button
icon-left="close"
type="is-primary"
@click="clearDeliveryDate"
></b-button>
The deliveryDate is stored in my vuex store and calling updateDeliveryDate dispatches the date to my store. Similarly, clearDeliveryDate dispatches null as the value to my store. However, upon refreshing the page, I encounter a console error stating: [Vue warn]: Invalid prop: type check failed for prop "value". Expected Date, Array, got String with value "2020-08-14T07:00:00.000Z". Initially, the deliveryDate is set to null in the store. If I remove the v-model completely, the value updates correctly but the datepicker fails to display the change from a date to null (the placeholder). I would appreciate any suggestions on resolving this issue.