Form group readonly and disabled feature added

resources/assets/js/components/AkauntingDate.vue

@@ -1,18 +1,25 @@
 <template>
     <base-input :label="title"
-            :name="name"
-            :class="formClasses"
-            :error="formError"
-            :prependIcon="icon"
-            >
+        :name="name"
+        :class="[
+            {'readonly': readonly},
+            {'disabled': disabled},
+            formClasses
+        ]"
+        :error="formError"
+        :prependIcon="icon"
+        :readonly="readonly"
+        :disabled="disabled"
+        >
         <flat-picker slot-scope="{focus, blur}"
-                     @on-open="focus"
-                     @on-close="blur"
-                     :config="config"
-                     class="form-control datepicker"
-                     v-model="real_model"
-                     @input="change"
-                     :disabled="disabled">
+            @on-open="focus"
+            @on-close="blur"
+            :config="config"
+            class="form-control datepicker"
+            v-model="real_model"
+            @input="change"
+            :readonly="readonly"
+            :disabled="disabled">
         </flat-picker>
     </base-input>
 </template>
@@ -39,6 +46,11 @@ export default {
             default: '',
             description: "Modal header title"
         },
+        readonly: {
+            type: Boolean,
+            default: false,
+            description: "Input readonly status"
+        },
         disabled: {
             type: Boolean,
             default: false,