Ограничение календаря для года

src/components/base/BaseClientFormCreate.vue

@@ -21,13 +21,27 @@
           :choose-option="chooseOptionNetworks"
           :choose-priority="choosePriority"
           :priority-list="getPriorityList"
+          :current-year="currentYear"
           )
       .flex(:style="{display :'none'}" ref="doc")
-        form-create-identity-documents(:identity-document="infoClient.identity_document" :save-client="saveClient")
+        form-create-identity-documents(
+          :identity-document="infoClient.identity_document",
+          :save-client="saveClient",
+          :current-year="currentYear"
+        )
       .flex(:style="{display :'none'}" ref="address")
-        form-create-addresses(:addresses="infoClient.addresses" :save-file="saveDocFile" :save-client="saveClient")
+        form-create-addresses(
+          :addresses="infoClient.addresses",
+          :save-file="saveDocFile",
+          :save-client="saveClient"
+        )
       .flex(:style="{display :'none'}" ref="additional")
-        form-create-additional(:additional-info="infoClient.additional" :add-new-additional="addNewAdditionalInfo" :save-file="saveAdditionalFiles" :save-client="saveClient")
+        form-create-additional(
+          :additional-info="infoClient.additional",
+          :add-new-additional="addNewAdditionalInfo",
+          :save-file="saveAdditionalFiles",
+          :save-client="saveClient"
+        )
 </template>
 
 <script>
@@ -148,6 +162,7 @@ export default {
           label: "-",
         },
       ],
+      currentYear: 2022,
     };
   },
   computed: {
@@ -269,6 +284,12 @@ export default {
       }
       return true;
     },
+    printCurrentYear() {
+      return new Date().getFullYear();
+    },
+  },
+  mounted: function () {
+    this.currentYear = this.printCurrentYear();
   },
 };
 </script>

src/components/base/BaseInput.vue

@@ -1,15 +1,16 @@
 <template lang="pug">
   .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
-    :class="{'border-none': borderNone}"
+    :class="{'border-none': borderNone}",
     :style="{ minWidth: widthInput + 'px' }"
   )
     input.input.w-full.outline-0.not-italic(
-      :class="{date:type === 'date'}"
-      :value="value"
-      :type="type"
-      @input="$emit('update:value', $event.target.value)"
-      :placeholder="placeholder"
-      :maxlength="maxLength"
+      :class="{date:type === 'date'}",
+      :value="value",
+      :type="type",
+      @input="$emit('update:value', $event.target.value)",
+      :placeholder="placeholder",
+      :maxlength="maxLength",
+      :max="maxDate",
       :disabled="disabled"
     )
     .slot(v-if="withIcon", :class="iconPosition")
@@ -37,6 +38,7 @@ export default {
     widthInput: Number,
     borderNone: Boolean,
     disabled: Boolean,
+    maxDate: String,
   },
 };
 </script>