[WIP] Заменил BaseInputTime на BaseInput, исправил стили

src/pages/schedule/components/FormChangeShift.vue

@@ -10,9 +10,10 @@
       base-input(label="Дата", type="date")
       base-custom-select(v-model="currentEmployee", label="Текущий сотрудник")
       base-custom-select(v-model="currentEmployee", label="Замена сотрудника")
-      .time-wrapper.flex.justify-center
-        base-input-time.px-4.item-input.text-base(label="Начало", v-model="timesShift.start_time")
-        base-input-time.px-4.item-input.text-base(label="Конец", v-model="timesShift.end_time")
+      .time-wrapper.flex.justify-center.gap-x-6
+        base-input(type="time", label="Начало", v-model="timesShift.start_time")
+        .flex.items-center.mt-4 —
+        base-input(type="time", label="Конец", v-model="timesShift.end_time")
       .flex.justify-center
         base-button.font-semibold(:size="40") Сохранить
 </template>
@@ -20,12 +21,11 @@
 <script>
 import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
-import BaseInputTime from "@/components/base/BaseInputTime.vue";
 import BaseButton from "@/components/base/BaseButton.vue";
 
 export default {
   name: "FormChangeShift",
-  components: { BaseCustomSelect, BaseInput, BaseInputTime, BaseButton },
+  components: { BaseCustomSelect, BaseInput, BaseButton },
   props: { closeForm: Function, timesShift: Object },
   data() {
     return {

src/pages/schedule/components/ScheduleBar.vue

@@ -1,12 +1,15 @@
 <template lang="pug">
   .wrapper-bar.flex.flex-col.gap-y-4.p-5.justify-between
     .flex.w-full.justify-around.gap-x-4
-      .time-wrapper.flex.justify-between
-        base-input-time.py-14px.px-4.justify-around.items-center(
+      .time-wrapper.flex.justify-between.p-7
+        base-input(
+          type="time",
           v-model="times.start_time",
           label="Начало"
         )
-        base-input-time.py-14px.px-4.justify-around.items-center(
+        .flex.items-center.mt-6 —
+        base-input(
+          type="time",
           v-model="times.end_time",
           label="Конец"
         )
@@ -46,7 +49,6 @@
 <script>
 import BaseButton from "@/components/base/BaseButton.vue";
 import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
-import BaseInputTime from "@/components/base/BaseInputTime.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
 
 export default {
@@ -55,7 +57,6 @@ export default {
     BaseButton,
     BaseInput,
     BaseCustomSelect,
-    BaseInputTime,
   },
   props: {
     buttons: Array,
@@ -91,6 +92,7 @@ export default {
   width: calc(100vw - 136px)
 
 .time-wrapper
+  min-width: 320px
   height: 120px
   border: 1.5px solid var(--border-light-grey-color-1)
   border-radius: 4px