Components reubication and change calendar selected date color

src/css/app.scss

@@ -1,5 +1,6 @@
 // app global css in SCSS form
 @import './icons.scss';
+@import '@quasar/quasar-ui-qcalendar/src/QCalendarMonth.sass';
 
 body.body--light {
     --font-color: black;
@@ -130,4 +131,15 @@ input::-webkit-inner-spin-button {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
-}
+}
+
+// Clases para modificar el color de fecha seleccionada en componente QCalendarMonth
+.q-dark div .q-calendar-mini .q-calendar-month__day.q-selected .q-calendar__button {
+    background-color: $primary !important;
+    color: white !important;
+}
+
+.q-calendar-mini .q-calendar-month__day.q-selected .q-calendar__button {
+    background-color: $primary !important;
+    color: white !important;
+}

src/pages/Worker/Card/WorkerTimeControl.vue

@@ -4,11 +4,11 @@ import { useRoute } from 'vue-router';
 import { onMounted, ref, computed, onBeforeMount, nextTick, reactive } from 'vue';
 
 import FetchData from 'components/FetchData.vue';
-import WorkerTimeHourChip from 'components/WorkerTimeHourChip.vue';
+import WorkerTimeHourChip from 'pages/Worker/WorkerTimeHourChip.vue';
-import WorkerTimeForm from 'components/WorkerTimeForm.vue';
+import WorkerTimeForm from 'pages/Worker/WorkerTimeForm.vue';
-import WorkerTimeReasonForm from 'components/WorkerTimeReasonForm.vue';
+import WorkerTimeReasonForm from 'pages/Worker/WorkerTimeReasonForm.vue';
 import WorkerDateLabel from './WorkerDateLabel.vue';
-import WorkerTimeControlCalendar from 'components/WorkerTimeControlCalendar.vue';
+import WorkerTimeControlCalendar from 'pages/Worker/WorkerTimeControlCalendar.vue';
 
 import useNotify from 'src/composables/useNotify.js';
 import axios from 'axios';

src/pages/Worker/WorkerTimeControlCalendar.vue

@@ -3,7 +3,6 @@ import { ref, computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { QCalendarMonth } from '@quasar/quasar-ui-qcalendar/src/index.js';
-import '@quasar/quasar-ui-qcalendar/src/QCalendarMonth.sass';
 
 const $props = defineProps({
     modelValue: {

src/pages/Worker/WorkerTimeForm.vue

@@ -4,7 +4,7 @@ import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import FormModelPopup from './FormModelPopup.vue';
+import FormModelPopup from 'components/FormModelPopup.vue';
 import VnInputTime from 'components/common/VnInputTime.vue';
 
 const $props = defineProps({

src/pages/Worker/WorkerTimeReasonForm.vue

@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import FormPopup from './FormPopup.vue';
+import FormPopup from 'components/FormPopup.vue';
 
 const $props = defineProps({
     reason: {