diff --git a/src/css/app.scss b/src/css/app.scss
index 540fad175..2466c70b8 100644
--- a/src/css/app.scss
+++ b/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;
-}
\ No newline at end of file
+}
+
+// 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;
+}
diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 8b89a8ede..09e5539c8 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/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 WorkerTimeForm from 'components/WorkerTimeForm.vue';
-import WorkerTimeReasonForm from 'components/WorkerTimeReasonForm.vue';
+import WorkerTimeHourChip from 'pages/Worker/WorkerTimeHourChip.vue';
+import WorkerTimeForm from 'pages/Worker/WorkerTimeForm.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';
diff --git a/src/components/WorkerTimeControlCalendar.vue b/src/pages/Worker/WorkerTimeControlCalendar.vue
similarity index 98%
rename from src/components/WorkerTimeControlCalendar.vue
rename to src/pages/Worker/WorkerTimeControlCalendar.vue
index 582da3406..4b4edb90e 100644
--- a/src/components/WorkerTimeControlCalendar.vue
+++ b/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: {
diff --git a/src/components/WorkerTimeForm.vue b/src/pages/Worker/WorkerTimeForm.vue
similarity index 97%
rename from src/components/WorkerTimeForm.vue
rename to src/pages/Worker/WorkerTimeForm.vue
index 5a70108f5..530406a5a 100644
--- a/src/components/WorkerTimeForm.vue
+++ b/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({
diff --git a/src/components/WorkerTimeHourChip.vue b/src/pages/Worker/WorkerTimeHourChip.vue
similarity index 100%
rename from src/components/WorkerTimeHourChip.vue
rename to src/pages/Worker/WorkerTimeHourChip.vue
diff --git a/src/components/WorkerTimeReasonForm.vue b/src/pages/Worker/WorkerTimeReasonForm.vue
similarity index 95%
rename from src/components/WorkerTimeReasonForm.vue
rename to src/pages/Worker/WorkerTimeReasonForm.vue
index 354d53f16..23bdba15e 100644
--- a/src/components/WorkerTimeReasonForm.vue
+++ b/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: {