start all day on event

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

@@ -112,6 +112,16 @@
       </div>
     </div>
 
+    <div class="container-div">
+        <div>
+          <ion-item>
+            <ion-label>Todo dia</ion-label>
+            <ion-checkbox [(ngModel)]="recursoAtivado" (ionChange)="onCheckboxChange($event)"></ion-checkbox>
+          </ion-item>
+        </div>
+    </div>
+    
+
 
     <div class="container-div">
       <div class="ion-item-class-2 d-flex" >
@@ -141,7 +151,7 @@
       </div>
     </div>
 
-    <div class="container-div">
+    <div *ngIf="!allDayCheck" class="container-div">
       <div class="ion-item-class-2 d-flex">
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>

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

@@ -222,3 +222,8 @@ ion-content{
 .icon-time{
   color: #797979b0;
 }
+
+.checkbox{
+  width: auto;
+  height: 30px;
+}

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

@@ -98,6 +98,7 @@ export class NewEventPage implements OnInit {
   environment = environment
   eventPersons: EventPerson[];
   contacts: EventPerson[];
+  allDayCheck: boolean = false;
 
 
   constructor(
@@ -877,4 +878,29 @@ export class NewEventPage implements OnInit {
       );
     }
   }
+
+  onCheckboxChange(event: any) {
+    if (this.allDayCheck) {
+      this.allDayCheck = !this.allDayCheck
+      this.postEvent.IsAllDayEvent = this.allDayCheck;
+    
+      console.log('Recurso desativado');
+    } else {
+      this.allDayCheck = !this.allDayCheck
+      this.postEvent.IsAllDayEvent = this.allDayCheck;
+      this.postEvent.StartDate = this.setAlldayTime(this.CalendarDate)
+      console.log('Recurso ativado!!');
+    }
+  }
+
+  setAlldayTime(timeToReturn) {
+    let date: any = new Date(timeToReturn) || new Date();
+    let newdate = new Date();
+    date.setHours(0)
+    date.setMinutes(0)
+    date.setSeconds(0);
+
+
+    return date
+  }
 }