From 0ccfef324e19b29733e04568e54026490c7a4c91 Mon Sep 17 00:00:00 2001
From: Nicolas Drolet <nicolasd@targointernet.com>
Date: Fri, 22 Aug 2025 11:35:23 -0400
Subject: [PATCH] fix(date-picker): minor fixes to components due to components
 refactor.

---
 .../shared/components/utils/table-filters.vue     |  2 +-
 .../pages/timesheet-approval.vue                  | 15 ++++-----------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/modules/shared/components/utils/table-filters.vue b/src/modules/shared/components/utils/table-filters.vue
index 5295a2a..3c4dc23 100644
--- a/src/modules/shared/components/utils/table-filters.vue
+++ b/src/modules/shared/components/utils/table-filters.vue
@@ -25,11 +25,11 @@ const emit = defineEmits<{
         dense 
         rounded
         debounce="300"
-        v-model="props.searchModel"
         :label="$t('shared.searchBar')" 
         label-color="primary" 
         bg-color="white" 
         color="primary"
+        :model-value="props.searchModel"
         @update:model-value="value => emit('onSearchValueUpdated', value)" 
     >
         <template v-slot:append>
diff --git a/src/modules/timesheet-approval/pages/timesheet-approval.vue b/src/modules/timesheet-approval/pages/timesheet-approval.vue
index 72bd89d..8c00a74 100644
--- a/src/modules/timesheet-approval/pages/timesheet-approval.vue
+++ b/src/modules/timesheet-approval/pages/timesheet-approval.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
-    import TimesheetApprovalEmployeeOverviewList from '/src/modules/timesheet-approval/\
-            components/timesheet-approval-employee-overview-list.vue';
+    import TimesheetApprovalEmployeeOverviewList from '../components/timesheet-approval-employee-overview-list.vue';
     import { computed } from 'vue';
     import { useI18n } from 'vue-i18n';
     import { useTimesheetStore } from 'src/stores/timesheet-store';
@@ -17,16 +16,10 @@
 
     const pay_period_label = computed(() => {
         const dates = timesheet_store.current_pay_period.label.split('.');
-        const start_date = new Intl.DateTimeFormat(locale.value, date_options); 
-        const end_date = new Intl.DateTimeFormat(locale.value, date_options); 
-        
-        start_date.format(date.extractDate(dates[0] as string, 'YYYY-MM-DD'));
-        end_date.format(date.extractDate(dates[1] as string, 'YYYY-MM-DD'));
+        const start_date = new Intl.DateTimeFormat(locale.value, date_options).format(date.extractDate(dates[0] as string, 'YYYY-MM-DD'));
+        const end_date = new Intl.DateTimeFormat(locale.value, date_options).format(date.extractDate(dates[1] as string, 'YYYY-MM-DD'));
 
-        return {
-            start_date: start_date, 
-            end_date: end_date,
-        };
+        return { start_date, end_date };
     });
 </script>