close #1453 Fixed: Style problem with date field after validation

public/css/custom.css

@@ -826,3 +826,7 @@ table .align-items-center td span.badge {
 .navbar-vertical .navbar-nav .nav-link:not(.active) {
     color: #fff !important;
 }
+
+.form-group.has-error .el-input__inner {
+    border-color: #ef3232 !important;
+}

resources/assets/js/components/AkauntingDate.vue

@@ -6,7 +6,7 @@
             {'disabled': disabled},
             formClasses
         ]"
-        :error="formError"
+        :footer-error="formError"
         :prependIcon="icon"
         :readonly="readonly"
         :disabled="disabled"

resources/assets/js/components/Inputs/BaseInput.vue

@@ -52,6 +52,11 @@
         </div>
       </slot>
     </div>
+    <slot name="error">
+      <div v-if="footerError" class="invalid-feedback d-block"
+          v-html="footerError">
+      </div>
+    </slot>
   </div>
 </template>
 <script>
@@ -84,6 +89,10 @@
         type: String,
         description: "Input error (below input)"
       },
+      footerError: {
+        type: String,
+        description: "Input error (below input)"
+      },
       successMessage: {
         type: String,
         description: "Input success message",

resources/views/partials/form/date_group.blade.php

@@ -9,6 +9,8 @@
         :form-classes="[{'has-error': form.errors.get('{{ $name }}') }]"
         @endif
 
+        :group_class="'{{ $group_class }}'"
+
         icon="fa fa-{{ $icon }}"
         title="{{ $text }}"
         placeholder="{{ trans('general.form.select.field', ['field' => $text]) }}"
@@ -47,6 +49,10 @@
         @interface="form.{{ $name }} = $event"
         @endif
 
+        @if (isset($attributes['required']))
+        :required="{{ ($attributes['required']) ? 'true' : 'false' }}"
+        @endif
+
         @if (isset($attributes['readonly']))
         :readonly="{{ $attributes['readonly'] }}"
         @endif