WIP Переделала inputs в agreement и medical

src/pages/clients/components/FormsAgreementCreate/AgreementServices.vue

@@ -1,62 +1,41 @@
 <template lang="pug">
-  .flex-col
+  .flex.flex-col.gap-y-6
     span.font-bold Общая информация
-    .flex-col
-      .flex-col.my-6
-        .counter.font-semibold.text-smm Категория
-        base-custom-select.select.text-sm(
-          placeholder="Категория договора",
-          v-model="category",
-          :items="categories",            
-        )
-      .flex.w-full.my-6
-        .flex-col
-          .font-semibold.text-smm Дата подписания 
-          .input-date.flex.h-10.justify-center
-            base-input-date(
-              :width-input="200",
-              v-model="signedDate"
-            )
-        .flex-col
-          .font-semibold.text-smm Начало оказания услуг
-          .input-date.flex.h-10.justify-center
-            base-input-date(
-              :width-input="200",
-              v-model="startDate"
-            )
-        .flex-col
-          .font-semibold.text-smm Окончание оказания услуг
-          .input-date.flex.h-10.justify-center
-            base-input-date(
-              :width-input="200",
-              v-model="endDate"
-            )
-      
-      .flex-col.w-full.my-6
-        .font-semibold.text-smm Исполнитель             
-        base-custom-select.select.text-sm(
-          placeholder="Поручить",
-          v-model="employee",
-          :items="employees",
-        )
+    base-custom-select(
+      placeholder="Категория договора",
+      v-model="category",
+      :items="categories",
+      label="Категория"   
+    )
+    .flex.gap-x-4
+      base-input-date.w-48(
+        v-model="signedDate",
+        label="Дата подписания"
+      )
+      base-input-date.w-48(
+        v-model="startDate",
+        label="Начало оказания услуг"
+      )
+      base-input-date.w-48(
+        v-model="endDate",
+        label="Окончание оказания услуг"
+      )         
+    base-custom-select(
+      placeholder="Поручить",
+      v-model="employee",
+      :items="employees",
+      label="Исполнитель"
+    )
 </template>
 
 <script>
-import BaseButton from "@/components/base/BaseButton";
-import BaseStepper from "@/components/base/BaseStepper";
-import BaseSelect from "@/components/base/BaseSelect";
 import BaseInputDate from "@/components/base/BaseInputDate";
-import BaseInput from "@/components/base/BaseInput";
 import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";
 
 export default {
   name: "AgreementServices",
   components: {
-    BaseButton,
-    BaseStepper,
-    BaseSelect,
     BaseInputDate,
-    BaseInput,
     BaseCustomSelect,
   },
   data() {