Migrate to v12

Author: jerekm

admin-frontend/src/components/DateRangeFilter.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script setup lang="ts">
-import VueDatePicker from '@vuepic/vue-datepicker';
+import { VueDatePicker } from '@vuepic/vue-datepicker';
 import { nativeJs, DateTimeFormatter, LocalDate } from '@js-joda/core';
 import { Locale } from '@js-joda/locale_en';
 import ToolTip from './ToolTip.vue';

admin-frontend/src/components/announcements/AnnouncementForm.vue

@@ -366,7 +366,7 @@
 </template>
 
 <script lang="ts" setup>
-import VueDatePicker from '@vuepic/vue-datepicker';
+import { VueDatePicker } from '@vuepic/vue-datepicker';
 import { watch, ref } from 'vue';
 import {
   AnnouncementFormValue,

admin-frontend/src/components/announcements/AnnouncementSearchFilters.vue

@@ -168,7 +168,7 @@ export default {
 import AnnouncementStatusChip from './AnnouncementStatusChip.vue';
 import FilterDateRangeTooltip from './FilterDateRangeTooltip.vue';
 import { ref, onMounted } from 'vue';
-import VueDatePicker from '@vuepic/vue-datepicker';
+import { VueDatePicker } from '@vuepic/vue-datepicker';
 import { useAnnouncementSearchStore } from '../../store/modules/announcementSearchStore';
 import '@vuepic/vue-datepicker/dist/main.css';
 import {