[WIP] Добавил delete, возможность создания события на 1 день, поправил стили, отображение дней при изменении месяца

src/pages/schedule/components/ScheduleBar.vue

@@ -15,13 +15,17 @@
             :style="{minWidth: '190px', minHeight: '43px', border: item.active ? '1.5px solid #5E5E5E' : 'none'}",
             @click="choiceSchedule(item.class)"
           ) {{item.name}}
-      .graph-template.flex
+      .graph-template.flex.flex-col.justify-between
         base-custom-select(
           :items="scheduleList",
           center,
           v-model="schedule",
           placeholder="Шаблоны графиков"
         )
+        base-button.delete-button.font-semibold(
+          :size="40",
+          @click="deleteSchedule"
+        ) Удалить
     .flex.justify-center
       base-button.font-semibold(:size="40", @click="createSchedules") Сохранить
 </template>
@@ -38,6 +42,7 @@ export default {
     buttons: Array,
     times: Object,
     createSchedules: Function,
+    deleteSchedule: Function,
   },
   data() {
     return {
@@ -108,14 +113,15 @@ export default {
     border: none
 
 .button-vacation
-  background: #D7D9FF
+  background: var(--btn-blue-color-2)
   border: none
+  opacity: 1
   &:active
-    background-color: #D7D9FF
+    background: var(--btn-blue-color-2)
     opacity: 1
     border: none
   &:hover
-    background-color: #D7D9FF
+    background: var(--btn-blue-color-2)
     opacity: 0.8
     border: none
 
@@ -133,5 +139,9 @@ export default {
 
 .graph-template
   width: 218px
-  height: 40px
+  height: 102px
+
+.delete-button
+  background-color: var(--bg-event-red-color)
+  border: none
 </style>