[WIP] Изменил инпуты для даты и ограничил вводимые значения; при наведении на аватар клиента, появляется иконка загрузки

src/pages/clients/components/ClientDetailInfoSection.vue

@@ -157,7 +157,6 @@ export default {
     createDocument: Function,
     addressId: String,
     docId: String,
-    currentYear: Number,
   },
   data() {
     return {

src/pages/clients/components/ClientDetailInfoWrapper.vue

@@ -7,7 +7,6 @@
       :lack-data="lackData",
       :create-document="createDocument",
       :doc-id="docId",
-      :current-year="currentYear"
     )
     .flex.flex-col
       client-detail-info-section(
@@ -51,7 +50,6 @@ export default {
     createDocument: Function,
     addressId: String,
     docId: String,
-    currentYear: Number,
   },
 };
 </script>

src/pages/clients/components/ClientsTable.vue

@@ -16,7 +16,6 @@
           :check="selectedCheck",
           :client="client",
           :fetch-data-clients="fetchDataClients",
-          :current-year="currentYear"
         )
     client-table-pagination(
       v-if="pageCount > 1"
@@ -48,7 +47,6 @@ export default {
   },
   props: {
     openForm: Function,
-    currentYear: Number,
     isOpenForm: Boolean,
     updatedClients: Boolean,
   },

src/pages/clients/components/ClientsTableRow.vue

@@ -84,7 +84,6 @@
       :create-document="postCreateIdentityDocument"
       :address-id="addressId"
       :doc-id="docId"
-      :current-year="currentYear"
     )
 </template>
 
@@ -152,7 +151,6 @@ export default {
     check: Function,
     isCheck: Boolean,
     client: Object,
-    currentYear: Number,
   },
   created() {
     this.dataClient = {

src/pages/clients/components/ClientsWrapper.vue

@@ -3,7 +3,6 @@
     clients-table(
       :open-form="openForm",
       :is-open-form="isOpenForm",
-      :current-year="currentYear",
       :updated-clients="updatedClients",
       @reset-updated-clients="transmitReset"
     )
@@ -16,7 +15,6 @@ export default {
   components: { ClientsTable },
   props: {
     openForm: Function,
-    currentYear: Number,
     isOpenForm: Boolean,
     updatedClients: Boolean,
   },

src/pages/clients/components/FormCreateBasicInfo.vue

@@ -10,12 +10,9 @@
         )
       .flex.flex-col(class="gap-y-1.5")
         span.text-sm Дата рождения
-        base-input.input-info(
+        base-input-date.input-date(
           v-model:value="basicInfo.birth_date",
-          type="date",
-          placeholder="00.00.0000",
-          :width-input="277",
-          :max-date="`${ currentYear }-12-31`"
+          :width-input="277"
         )
       .flex.flex-col(class="gap-y-1.5")
         span.text-sm Номер телефона
@@ -54,6 +51,7 @@
 <script>
 import BaseButton from "@/components/base/BaseButton";
 import BaseInput from "@/components/base/BaseInput";
+import BaseInputDate from "@/components/base/BaseInputDate";
 import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
 import { column } from "@/pages/clients/utils/tableConfig";
 import BaseCustomSelect from "@/components/base/BaseCustomSelect";
@@ -62,6 +60,7 @@ export default {
   name: "FormCreateBasicInfo",
   components: {
     BaseInput,
+    BaseInputDate,
     BaseAddingNetwork,
     BaseButton,
     BaseCustomSelect,
@@ -76,7 +75,6 @@ export default {
     basicInfo: Object,
     saveClient: Function,
     addNetwork: Function,
-    currentYear: Number,
   },
   directives: { mask },
   data() {
@@ -113,4 +111,6 @@ export default {
   height: 100%
   border: 2px solid var(--border-light-grey-color)
   border-radius: 4px
+.input-date
+  border: 1.5px solid var(--border-light-grey-color)
 </style>

src/pages/clients/components/FormCreateIdentityDocuments.vue

@@ -28,12 +28,10 @@
           )
         .flex.flex-col(class="gap-y-1.5")
           span.text-sm Дата выдачи
-          base-input.input-info(
-            type="date",
+          base-input-date.input-date(
             v-model:value="identityDocument.pass.issued_by_date",
             placeholder="Дата",
-            :width-input="277",
-            :max-date="`${currentYear}-12-31`"
+            :width-input="277"
           )
     .flex.flex-col.gap-y-6.px-4
       span.title-info.text-base.font-bold СНИЛС и ИНН
@@ -62,14 +60,14 @@
 <script>
 import BaseButton from "@/components/base/BaseButton";
 import BaseInput from "@/components/base/BaseInput";
+import BaseInputDate from "@/components/base/BaseInputDate";
 import { mask } from "vue-the-mask";
 export default {
   name: "FormCreateIdentityDocuments",
-  components: { BaseInput, BaseButton },
+  components: { BaseInput, BaseInputDate, BaseButton },
   props: {
     identityDocument: Object,
     saveClient: Function,
-    currentYear: Number,
   },
   directives: { mask },
 };
@@ -93,4 +91,6 @@ export default {
   color: var(--font-dark-blue-color)
 .title-info
   color: var(--font-dark-blue-color)
+.input-date
+  border: 1.5px solid var(--border-light-grey-color)
 </style>