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

@@ -55,6 +55,7 @@
             ref="theTimePicker"
             scrollable
             ampm-in-title
+            :format="ampmFormat"
             v-model="timeOnly"
           >
             <v-spacer></v-spacer>
@@ -103,7 +104,8 @@ export default {
     oldDate: null,
     dlgdate: false,
     dlgtime: false,
-    defaultLocale: window.$gz.locale.getFirstBrowserLanguage().split("-", 1)[0]
+    defaultLocale: window.$gz.locale.getFirstBrowserLanguage().split("-", 1)[0],
+    ampmFormat: window.$gz.locale.format().hour12 ? "ampm" : "24hr"
   }),
   props: {
     label: String,

ayanova/src/components/gz-data-table.vue

@@ -445,7 +445,7 @@ function buildRecords(listData, columndefinitions, filters) {
       var display = column.v;
       switch (dataType) {
         case 1: //datetime format to shortdatetime
-          display = filters.shortdatelocalized(display);
+          display = filters.shortdateandtimelocalized(display);
           break;
         case 2: //date only
           display = filters.shortdateonlylocalized(display);