Исправил позиционирование всплывающих окон, ограничение года календаря, бордеры сайдбара, фикс карточек ивентов, изменил стили карточки клиента

src/components/base/BaseClientFormCreate.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  .wrapper-create.flex.flex-col.fixed.right-0.bottom-4.px-4.py-7.gap-y-8
+  .wrapper-create.flex.flex-col.fixed.right-6.bottom-6.px-4.py-7.gap-y-8
     .icon-cancel.close.absolute.top-5.right-5.cursor-pointer(@click="closeForm")
     span.title.text-xl.font-bold.px-4 Создание клиента
     .flex.gap-x-4.h-fit.px-4
@@ -65,6 +65,7 @@ export default {
   },
   props: {
     closeForm: Function,
+    currentYear: Number,
   },
   data() {
     return {
@@ -165,7 +166,6 @@ export default {
           label: "-",
         },
       ],
-      currentYear: 2022,
     };
   },
   computed: {
@@ -287,19 +287,13 @@ export default {
       }
       return true;
     },
-    printCurrentYear() {
-      return new Date().getFullYear();
-    },
-  },
-  mounted: function () {
-    this.currentYear = this.printCurrentYear();
   },
 };
 </script>
 
 <style lang="sass" scoped>
 .wrapper-create
-  z-index: 1
+  z-index: 5
   background-color: var(--default-white)
   border-radius: 4px
   width: 634px

src/components/base/BaseInput.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
-    :class="{'border-none': borderNone}",
+    :class="{'border-none': borderNone, 'date-input': dateInput}",
     :style="{ minWidth: widthInput + 'px' }"
   )
     input.input.w-full.outline-0.not-italic(
@@ -39,6 +39,7 @@ export default {
     borderNone: Boolean,
     disabled: Boolean,
     maxDate: String,
+    dateInput: Boolean,
   },
 };
 </script>
@@ -61,4 +62,7 @@ export default {
   border: none
 .input
   background-color: inherit
+.date-input
+  // padding: 8px 12px
+  // max-height: 40px
 </style>