ayanova/src/components/date-time-control.vue

@@ -72,12 +72,14 @@
           </v-col>
         </template>
         <template v-else>
-          <v-text-field
-            :value="readonlyFormat()"
-            :label="label"
-            readonly
-            prepend-icon="$ayiCalendarAlt"
-          ></v-text-field>
+          <v-col>
+            <v-text-field
+              :value="readonlyFormat()"
+              :label="label"
+              readonly
+              prepend-icon="$ayiCalendarAlt"
+            ></v-text-field>
+          </v-col>
         </template>
       </v-row>
     </div>
@@ -102,7 +104,7 @@ export default {
   }),
   props: {
     label: { type: String, default: null },
-    rules: { type: Array, default: undefined},
+    rules: { type: Array, default: undefined },
     errorMessages: { type: Array, default: null },
     value: { type: String, default: null },
     readonly: { type: Boolean, default: false },