ayanova/src/components/date-control.vue

@@ -17,7 +17,9 @@
           </template>
           <v-date-picker :locale="defaultLocale" v-model="dateOnly">
             <v-spacer></v-spacer>
-            <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
+            <v-btn text color="primary" @click="dlgdate = false">{{
+              lt("OK")
+            }}</v-btn>
           </v-date-picker>
         </v-dialog>
       </v-col>
@@ -67,6 +69,11 @@ export default {
       required: false
     }
   },
+  methods: {
+    lt(ltKey) {
+      return window.$gz.locale.get(ltKey);
+    }
+  },
   watch: {
     date() {
       //this tortuous fuckery is required so that the input and change events only fire on a real change, not initial page load

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

@@ -27,7 +27,9 @@
             :locale="defaultLocale"
           >
             <v-spacer></v-spacer>
-            <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
+            <v-btn text color="primary" @click="dlgdate = false">{{
+              lt("OK")
+            }}</v-btn>
           </v-date-picker>
         </v-dialog>
       </v-col>
@@ -56,7 +58,9 @@
             v-model="timeOnly"
           >
             <v-spacer></v-spacer>
-            <v-btn text color="primary" @click="dlgtime = false">OK</v-btn>
+            <v-btn text color="primary" @click="dlgtime = false">{{
+              lt("OK")
+            }}</v-btn>
           </v-time-picker>
         </v-dialog>
       </v-col>
@@ -71,7 +75,6 @@
     <p v-show="error" class="form__error v-messages theme--light error--text">
       {{ error }}
     </p>
-    {{ defaultLocale }}
   </div>
 </template>
 <script>
@@ -112,6 +115,11 @@ export default {
       required: false
     }
   },
+  methods: {
+    lt(ltKey) {
+      return window.$gz.locale.get(ltKey);
+    }
+  },
   watch: {
     date() {
       //this tortuous fuckery is required so that the input and change events only fire on a real change, not initial page load

ayanova/src/components/time-control.vue

@@ -16,7 +16,9 @@
           </template>
           <v-time-picker scrollable ampm-in-title v-model="timeOnly">
             <v-spacer></v-spacer>
-            <v-btn text color="primary" @click="dlgtime = false">OK</v-btn>
+            <v-btn text color="primary" @click="dlgtime = false">{{
+              lt("OK")
+            }}</v-btn>
           </v-time-picker>
         </v-dialog>
       </v-col>
@@ -61,6 +63,11 @@ export default {
       required: false
     }
   },
+  methods: {
+    lt(ltKey) {
+      return window.$gz.locale.get(ltKey);
+    }
+  },
   watch: {
     date() {
       //this tortuous fuckery is required so that the input and change events only fire on a real change, not initial page load