Add disabled attribute to fields

ui/components/controls/Check.vue

@@ -1,7 +1,12 @@
 <template>
     <div class="form-group">
         <div class="custom-control custom-checkbox">
-            <input class="custom-control-input" type="checkbox" :id="id" v-model="checkboxValue" @change="emitChange">
+            <input class="custom-control-input" type="checkbox"
+              :id="id"
+              v-model="checkboxValue"
+              @change="emitChange"
+              :disabled="disabled"
+            >
             <label class="custom-control-label" :for="id">{{ docfield.label }}</label>
         </div>
     </div>

ui/components/controls/Date.vue

@@ -1,19 +1,12 @@
 <template>
-  <div class="form-group" v-if="!onlyInput">
-    <label>{{ docfield.label }}</label>
+  <div :class="{'form-group': !onlyInput}">
+    <label v-if="!onlyInput">{{ docfield.label }}</label>
     <flat-pickr
       :value="value"
       class="form-control"
       @on-change="emitChange">
     </flat-pickr>
   </div>
-  <flat-pickr
-    v-else
-    :value="value"
-    class="form-control"
-    @on-change="emitChange"
-  >
-  </flat-pickr>
 </template>
 <script>
 import flatPickr from 'vue-flatpickr-component';

ui/components/controls/File.vue

@@ -38,7 +38,8 @@ export default {
         id: this.id,
         type: 'file',
         value: this.value,
-        required: this.docfield.required
+        required: this.docfield.required,
+        disabled: this.disabled
       }
     }
   }

ui/components/controls/Password.vue

@@ -10,7 +10,8 @@ export default {
         id: this.id,
         type: 'password',
         value: this.value,
-        required: this.docfield.required
+        required: this.docfield.required,
+        disabled: this.disabled
       };
     },
   }

ui/components/controls/Select.vue

@@ -9,7 +9,8 @@ export default {
         getInputAttrs() {
             return {
                 id: this.id,
-                required: this.docfield.required
+                required: this.docfield.required,
+                disabled: this.disabled
             };
         },
         getInputChildren(h) {