[WIP] Добавил отображение текста на расписании, добавил create

src/pages/schedule/components/ScheduleBar.vue

@@ -4,10 +4,10 @@
       .time-wrapper.flex.justify-between
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.text-smm Начало
-          base-input-date.select(v-model:value="dataSchedule.endTime")
+          base-input-time.select(v-model:value="times.start_time")
         .flex.flex-col.items-center.py-14px.px-4.gap-y-14px
           .text.span.text-smm Конец
-          base-input-date.select(v-model:value="dataSchedule.startTime")
+          base-input-time.select(v-model:value="times.end_time")
       .status-wrapper.flex.flex-col
         .flex.justify-center.items-center.h-10
           span.font-semibold Статусы
@@ -27,7 +27,7 @@
           placeholder="Шаблоны графиков"
         )
     .flex.justify-center
-      base-button.font-semibold(:size="40") Сохранить
+      base-button.font-semibold(:size="40", @click="createSchedule") Сохранить
 </template>
 
 <script>
@@ -38,7 +38,13 @@ import BaseInputDate from "@/components/base/BaseInputDate.vue";
 export default {
   name: "ScheduleBar",
   components: { BaseButton, BaseCustomSelect, BaseInputTime, BaseInputDate },
-  props: { dataSchedule: Object, buttons: Array },
+  props: {
+    dataSchedule: Object,
+    buttons: Array,
+    clearEmployee: Array,
+    times: Object,
+    createSchedule: Function,
+  },
   data() {
     return {
       scheduleList: [
@@ -66,7 +72,6 @@ export default {
   border-radius: 4px
 
 .time-wrapper
-  width: 420px
   height: 102px
   border: 1.5px solid var(--border-light-grey-color-1)
   border-radius: 4px