`filters` not working with `month-picker` enabled

[tmahamadou01]

Describe the bug When using month-picker together with filters the filter does not respect the set filters.

To Reproduce Stackblitz

code:

<template>
  <div>
    <Datepicker v-model="date" month-picker :filters="filters" />
  </div>
</template>

<script setup>
import { ref, computed } from 'vue';
import Datepicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';

import { getMonth, addMonths } from 'date-fns';

const date = ref();

const filters = computed(() => {
  const currentDate = new Date();
  return {
    months: Array.from(Array(3).keys()).map((item) =>
      getMonth(addMonths(currentDate, item + 1))
    ),
  };
});
</script>

Expected behavior The datePicker should deactivate the dates that are defined in the filters, but in my case, when the month-picker props is activated, the filter doesn't work.

Screenshots

Desktop & mobile (please complete the following information):

• Browser: Tested with chrome and firefox but probably all browsers.
• Library version: 8.2.0

[Jasenkoo]

Duplicate of #769