add margin

src/app/pages/agenda/edit-event/edit-event.page.html

@@ -243,6 +243,7 @@
                     [(ngModel)]="postEvent.StartDate"
                     [max]="maxDate"
                     [disabled]="disabled"
+                    (ngModelChange)="onDateChange($event)"
                   >
                   <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1"></mat-datepicker-toggle>
                   <ngx-mat-datetime-picker #picker1
@@ -273,6 +274,7 @@
                     [(ngModel)]="postEvent.StartDate"
                     [max]="maxDate"
                     [disabled]="disabled"
+                    (ngModelChange)="onDateChange($event)"
                   >
                   <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1"></mat-datepicker-toggle>
                   <ngx-mat-datetime-picker #picker1

src/app/pages/agenda/edit-event/edit-event.page.ts

@@ -427,6 +427,19 @@ export class EditEventPage implements OnInit {
     }
   }
 
+
+  onDateChange(e) {
+
+    const cloneDateStartDate = new Date(this.postEvent.StartDate);
+    const cloneDateEndDate = new Date(this.postEvent.EndDate);
+
+    if(cloneDateStartDate.getTime() >= cloneDateEndDate.getTime()) {
+      cloneDateStartDate.setHours(cloneDateStartDate.getHours() + 1);
+      this.postEvent.EndDate = cloneDateStartDate
+    }
+
+  }
+
   @XTracerAsync({name:'mobile/create-event', bugPrint: true, daley: 4000})
   async save_v2(tracing?: TracingType) {
     this.injectValidation()
@@ -674,7 +687,7 @@ export class EditEventPage implements OnInit {
   }
 
   onCheckboxChange(event: any) {
-    console.log(this.postEvent.CalendarId)
+
     if (this.allDayCheck) {
       this.postEvent.IsAllDayEvent = this.allDayCheck;
       this.postEvent.StartDate = this.setAlldayTime(this.postEvent.StartDate)

src/app/pages/agenda/new-event/new-event.page.html

@@ -196,6 +196,7 @@
               placeholder="Data Inicio*"
               [(ngModel)]="postEvent.StartDate"
               [disabled]="disabled"
+              (ngModelChange)="onDateChange($event)"
             >
             <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1" ></mat-datepicker-toggle>
             <ngx-mat-datetime-picker #picker1
@@ -220,6 +221,7 @@
               placeholder="Data Inicio*"
               [(ngModel)]="postEvent.StartDate"
               [disabled]="disabled"
+              (ngModelChange)="onDateChange($event)"
             >
             <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1" ></mat-datepicker-toggle>
             <ngx-mat-datetime-picker #picker1

src/app/pages/agenda/new-event/new-event.page.ts

@@ -340,6 +340,19 @@ export class NewEventPage implements OnInit {
     }
   }
 
+
+  onDateChange(e) {
+
+    const cloneDateStartDate = new Date(this.postEvent.StartDate);
+    const cloneDateEndDate = new Date(this.postEvent.EndDate);
+
+    if(cloneDateStartDate.getTime() >= cloneDateEndDate.getTime()) {
+      cloneDateStartDate.setHours(cloneDateStartDate.getHours() + 1);
+      this.postEvent.EndDate = cloneDateStartDate
+    }
+
+  }
+
   onSelectedRecurringChanged(ev: any) {
 
     this.calculetedLastOccurrence(ev);