ayanova/src/views/home-user-settings.vue

@@ -113,6 +113,17 @@
             ></v-checkbox>
           </v-col>
 
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-checkbox
+              v-model="nativeDateTimeInput"
+              :readonly="formState.readOnly"
+              :label="$ay.t('NativeDateTimeInput')"
+              ref="nativeDateTimeInput"
+              @change="nativeDateTimeInputChanged()"
+              data-cy="nativeDateTimeInput"
+            ></v-checkbox>
+          </v-col>
+
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-text-field
               v-model="obj.currencyName"
@@ -230,6 +241,7 @@ export default {
       },
       activeTranslationId: null,
       darkMode: this.$store.state.darkMode,
+      nativeDateTimeInput: this.$store.state.nativeDateTimeInput,
       obj: {
         id: 0,
         concurrency: 0,
@@ -306,6 +318,12 @@ export default {
         vm.darkMode ? "$ayiSun" : "$ayiMoon"
       );
     },
+    nativeDateTimeInputChanged() {
+      console.log("Setting native date time input now");
+      const vm = this;
+      //vm.nativeDateTimeInput = !vm.nativeDateTimeInput;
+      vm.$store.commit("setNativeDateTimeInput", vm.nativeDateTimeInput);
+    },
     mapUrlSelectionChanged(val) {
       this.obj.mapUrlTemplate = val;
       this.fieldValueChanged("mapUrlTemplate");
@@ -498,7 +516,8 @@ async function fetchTranslatedText(vm) {
     "UserPhone1",
     "UserPhone2",
     "UserPageAddress",
-    "AuthTwoFactor"
+    "AuthTwoFactor",
+    "NativeDateTimeInput"
   ]);
 }