Quando si inserisce un evento, su giunge alla fine, si salva, NON SI MEMORIZZANO foto, data e orario!

src/components/CDateTime/CDateTime.vue

@@ -27,33 +27,106 @@
       color="blue-6"
       :bg-color="bgcolor"
       debounce="500"
-      :input-class="getclass()">
-
+      :input-class="getclass()"
+    >
       <template v-slot:control>
         <div style="">
-          <div class="self-center full-width no-outline" :style="mystyle()" tabindex="0">
+          <div
+            class="self-center full-width no-outline"
+            :style="mystyle()"
+            tabindex="0"
+          >
             {{ getstrDate(myvalue) }}
           </div>
         </div>
       </template>
       <template v-slot:append>
-        <q-icon v-if="canEdit" name="event" class="cursor-pointer">
-          <q-popup-proxy transition-show="flip-up" v-model="showDateTimeScroller" @before-show="Opening" @before-hide="Closing">
-
-            <div class="q-gutter-md row items-start">
+        <q-btn
+          dense
+          color="primary"
+          v-if="canEdit"
+          icon="fas fa-calendar-day"
+          class="cursor-pointer"
+          @click="mydate = !mydate"
+        >
+        </q-btn>
+        <q-btn
+          dense
+          color="primary"
+          v-if="canEdit"
+          icon="fas fa-clock"
+          class="cursor-pointer"
+          @click="mytime = !mytime"
+        >
+        </q-btn>
+        <q-popup-proxy
+          v-if="mydate"
+          transition-show="flip-up"
+          v-model="showDateTimeScroller"
+          @before-show="Opening"
+          @before-hide="Closing"
+        >
+          <q-card class="justify-center">
+            <div class="q-gutter-md justify-center">
               <q-date
-                v-model="myvalue" mask="YYYY-MM-DD HH:mm" color="purple"
+                v-model="myvalue"
+                mask="YYYY-MM-DD HH:mm"
+                color="purple"
                 @update:model-value="changeval"
-                @close="() => { savetoclose();  }"
-              />
-              <q-time
-                v-model="myvalue" mask="YYYY-MM-DD HH:mm" color="purple"
-                @update:model-value="changeval"
-                @close="() => { savetoclose();  }"
+                @close="
+                  () => {
+                    savetoclose();
+                  }
+                "
               />
+              <div class="row justify-center">
+                <q-btn
+                  :label="$t('dialog.cancel')"
+                  @click="replacevalue"
+                ></q-btn>
+                <q-btn
+                  :label="'Imposta a ' + tools.getstrDateLong(myvalue)"
+                  color="primary"
+                  v-close-popup
+                ></q-btn>
+              </div>
             </div>
-          </q-popup-proxy>
-        </q-icon>
+          </q-card>
+        </q-popup-proxy>
+        <q-popup-proxy
+          v-if="mytime"
+          transition-show="flip-up"
+          v-model="showDateTimeScroller"
+          @before-show="Opening"
+          @before-hide="Closing"
+        >
+          <q-card class="justify-center">
+            <div class="q-gutter-md justify-center">
+              <q-time
+                v-model="myvalue"
+                mask="YYYY-MM-DD HH:mm"
+                color="purple"
+                @update:model-value="changeval"
+                @close="
+                  () => {
+                    savetoclose();
+                  }
+                "
+              />
+              <div class="row justify-center">
+                <q-btn
+                  :label="$t('dialog.cancel')"
+                  @click="replacevalue"
+                ></q-btn>
+                <q-btn
+                  :label="'Imposta a ' + tools.getstrTime(myvalue)"
+                  color="primary"
+                  v-close-popup
+                ></q-btn>
+              </div>
+            </div>
+          </q-card>
+        </q-popup-proxy>
       </template>
     </q-field>
   </div>