From f91a664a92dfaf0b6d71efdaf0466bffbc9a279d Mon Sep 17 00:00:00 2001
From: Nicolas Drolet <nicolasd@targointernet.com>
Date: Mon, 22 Sep 2025 15:49:53 -0400
Subject: [PATCH] refactor(approvals): send pay period picker to shared util
 components

---
 .../components/utils/pay-period-calendar-picker.vue}      | 0
 .../timesheet-approval-employee-overview-list.vue         | 8 ++++----
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename src/modules/{timesheet-approval/components/timesheet-approval-period-picker.vue => shared/components/utils/pay-period-calendar-picker.vue} (100%)

diff --git a/src/modules/timesheet-approval/components/timesheet-approval-period-picker.vue b/src/modules/shared/components/utils/pay-period-calendar-picker.vue
similarity index 100%
rename from src/modules/timesheet-approval/components/timesheet-approval-period-picker.vue
rename to src/modules/shared/components/utils/pay-period-calendar-picker.vue
diff --git a/src/modules/timesheet-approval/components/timesheet-approval-employee-overview-list.vue b/src/modules/timesheet-approval/components/timesheet-approval-employee-overview-list.vue
index 67494a5..af09ff4 100644
--- a/src/modules/timesheet-approval/components/timesheet-approval-employee-overview-list.vue
+++ b/src/modules/timesheet-approval/components/timesheet-approval-employee-overview-list.vue
@@ -2,13 +2,13 @@
     /* eslint-disable */
     import { computed, onMounted, ref } from 'vue';
     import { useI18n } from 'vue-i18n';
+    import { date, type QTableColumn } from 'quasar';
     import { useTimesheetStore } from 'src/stores/timesheet-store';
     import { useTimesheetApprovalApi } from '../composables/use-timesheet-approval-api';
-    import TimesheetApprovalPeriodPicker from '../components/timesheet-approval-period-picker.vue';
+    import PayPeriodCalendarPicker from 'src/modules/shared/components/utils/pay-period-calendar-picker.vue';
     import TimesheetApprovalEmployeeOverviewListItem from './timesheet-approval-employee-overview-list-item.vue';
     import TimesheetApprovalEmployeeDetails from 'src/modules/timesheet-approval/pages/timesheet-approval-employee-details.vue';
-    import { date, type QTableColumn } from 'quasar';
-    import type { PayPeriodOverviewEmployee } from '../types/timesheet-approval-pay-period-overview-employee-interface';
+    import { type PayPeriodOverviewEmployee } from '../types/timesheet-approval-pay-period-overview-employee-interface';
 
     const { t } = useI18n();
     const timesheet_store = useTimesheetStore();
@@ -177,7 +177,7 @@
             <template #top>
                 <div class="full-width" :class="$q.screen.lt.md ? 'text-center q-gutter-sm' : 'row'">
                     <!-- Date Picker -->
-                    <TimesheetApprovalPeriodPicker 
+                    <PayPeriodCalendarPicker 
                         :is-disabled="timesheet_store.is_loading"
                         :is-previous-limit="is_calendar_limit"
                         @date-selected="onDateSelected"