drag/extend ui-wise is working, now needs to actually do it

ayanova/src/views/home-schedule.vue

@@ -1,8 +1,8 @@
 <template>
   <div v-if="formState.ready" v-resize="onResize" class="my-n8">
     <!-- `{{ "focus:" + focus }}` {{ diagInfo() }}
-    {{ evInfo }}-->
-    {{ events }}
+    {{ evInfo }}
+    {{ events }}-->
     <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
     <v-sheet height="64">
@@ -363,7 +363,8 @@ export default {
       const mouse = this.toTime(tms);
 
       if (this.dragEvent && this.dragTime === null) {
-        const start = new Date(this.dragEvent.start).getTime();
+        //const start = new Date(this.dragEvent.start).getTime();
+        const start = this.dragEvent.start;
 
         this.dragTime = mouse - start;
         //console.log("startTime dragTime is", this.dragTime);
@@ -397,10 +398,10 @@ export default {
       //console.log("mouseMove got time:", mouse);
 
       if (this.dragEvent && this.dragTime !== null) {
-        console.log("mosueMove:A", {
-          dragEvent: JSON.stringify(this.dragEvent),
-          dragTime: JSON.stringify(this.dragTime)
-        });
+        // console.log("mosueMove:A", {
+        //   dragEvent: JSON.stringify(this.dragEvent),
+        //   dragTime: JSON.stringify(this.dragTime)
+        // });
         //new Date(this.dragEvent.start).getTime();
         const start = this.dragEvent.start;
         const end = this.dragEvent.end;
@@ -420,7 +421,7 @@ export default {
         this.dragEvent.start = newStart;
         this.dragEvent.end = newEnd;
       } else if (this.createEvent && this.createStart !== null) {
-        console.log("mosueMove:B");
+        //  console.log("mosueMove:B");
         const mouseRounded = this.roundTime(mouse, false);
         //console.log("mouseMove mouseRounded:", mouseRounded);
         const min = Math.min(mouseRounded, this.createStart);