WIP Распарсила полученные данные

src/components/base/BaseInput.vue

@@ -1,7 +1,17 @@
 <template lang="pug">
-  .input-wrapper.flex.gap-x-2.px-4.box-border(class="py-2.5" :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")
-    .slot(v-if="withIcon" :class="iconPosition")
+  .input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
+    :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"
+    )
+    .slot(v-if="withIcon", :class="iconPosition")
       slot.cursor-pointer
 </template>
 
@@ -24,6 +34,7 @@ export default {
       default: "Поиск",
     },
     widthInput: Number,
+    borderNone: Boolean,
   },
 };
 </script>
@@ -42,4 +53,6 @@ export default {
   background: url("../../assets/icons/calendar-input.svg") no-repeat 100% 50%
   &::-webkit-calendar-picker-indicator
     opacity: 0
+.border-none
+  border: none
 </style>