ayanova/src/components/date-control.vue

@@ -1,4 +1,6 @@
 <template>
+  <div>
+    <template v-if="!readonly">
       <v-text-field
         ref="dateField"
         :value="dateControlFormat()"
@@ -12,6 +14,16 @@
         :data-cy="!!$ay.dev ? 'dateinput:' + testId : false"
       ></v-text-field>
     </template>
+    <template v-else>
+      <v-text-field
+        :value="readonlyFormat()"
+        :label="label"
+        readonly
+        disabled
+      ></v-text-field>
+    </template>
+  </div>
+</template>
 <script>
 /*  Xeslint-disable */
 export default {
@@ -50,6 +62,14 @@ export default {
       }
       return ret;
     },
+    readonlyFormat() {
+      return window.$gz.locale.utcDateToShortDateLocalized(
+        this.internalValue,
+        this.timeZoneName,
+        this.languageName,
+        this.hour12
+      );
+    },
     dateControlFormat() {
       //yyyy-mm-dd
       return window.$gz.locale.utcDateStringToLocal8601DateOnlyString(

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

@@ -1,5 +1,6 @@
 <template>
   <v-row>
+    <template v-if="!readonly">
       <v-col cols="6">
         <v-text-field
           ref="dateField"
@@ -25,6 +26,15 @@
           :data-cy="!!$ay.dev ? 'timeinput:' + testId : false"
         ></v-text-field>
       </v-col>
+    </template>
+    <template v-else>
+      <v-text-field
+        :value="readonlyFormat()"
+        :label="label"
+        readonly
+        disabled
+      ></v-text-field>
+    </template>
   </v-row>
 </template>
 <script>
@@ -66,6 +76,14 @@ export default {
       }
       return ret;
     },
+    readonlyFormat() {
+      return window.$gz.locale.utcDateToShortDateAndTimeLocalized(
+        this.internalValue,
+        this.timeZoneName,
+        this.languageName,
+        this.hour12
+      );
+    },
     dateControlFormat() {
       //yyyy-mm-dd
       return window.$gz.locale.utcDateStringToLocal8601DateOnlyString(

ayanova/src/components/time-control.vue

@@ -1,4 +1,6 @@
 <template>
+  <div>
+    <template v-if="!readonly">
       <v-text-field
         ref="timeField"
         :value="timeControlFormat()"
@@ -12,6 +14,17 @@
         :data-cy="!!$ay.dev ? 'timeinput:' + testId : false"
       ></v-text-field>
     </template>
+    <template v-else>
+      <v-text-field
+        :value="readonlyFormat()"
+        :label="label"
+        readonly
+        disabled
+      ></v-text-field>
+    </template>
+  </div>
+</template>
+
 <script>
 //==========================================
 //==========================================
@@ -51,6 +64,14 @@ export default {
       }
       return ret;
     },
+    readonlyFormat() {
+      return window.$gz.locale.utcDateToShortTimeLocalized(
+        this.internalValue,
+        this.timeZoneName,
+        this.languageName,
+        this.hour12
+      );
+    },
     timeControlFormat() {
       //hh:mm:ss in 24 hour format
       return window.$gz.locale.utcDateStringToLocal8601TimeOnlyString(

ayanova/src/views/adm-user.vue

@@ -133,7 +133,16 @@
                 @click:append-outer="reveal = !reveal"
               ></v-text-field>
             </v-col>
-
+            <v-col cols="12" sm="6" lg="4" xl="3">
+              <gz-date-time-picker
+                :label="$ay.t('LastLogin')"
+                v-model="obj.lastLogin"
+                readonly
+                disabled
+                ref="lastLogin"
+                testId="lastLogin"
+              ></gz-date-time-picker>
+            </v-col>
             <v-col v-if="form().showMe(this, 'Notes')" cols="12">
               <v-textarea
                 v-model="obj.notes"