Added toggle button and edited event-detail view

src/app/pages/events/event-detail/event-detail.page.html

@@ -29,11 +29,19 @@
     </ion-item>
     <ion-item>
       <ion-label position="stacked">Calendário</ion-label>
-      <ion-input [(ngModel)]='loadedEvent.CalendarName'></ion-input>
+      <ion-select placeholder="{{loadedEvent.CalendarName}}" [(ngModel)]="loadedEvent.CalendarName" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
+        <ion-select-option Pessoal="Reunião">Pessoal</ion-select-option>
+        <ion-select-option Oficial="Viagem">Oficial</ion-select-option>
+      </ion-select>
     </ion-item>
     <ion-item>
       <ion-label position="stacked">Tipo do evento</ion-label>
-      <ion-input [(ngModel)]='loadedEvent.EventType'></ion-input>
+      <ion-select placeholder="{{loadedEvent.EventType}}" [(ngModel)]="loadedEvent.EventType" interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
+        <ion-select-option value="Reunião">Reunião</ion-select-option>
+        <ion-select-option value="Viagem">Viagem</ion-select-option>
+        <ion-select-option value="Conferência">Conferência</ion-select-option>
+        <ion-select-option value="Encontro">Encontro</ion-select-option>
+      </ion-select>
     </ion-item>
     <ion-item>
       <ion-label>Data Início</ion-label>
@@ -147,7 +155,7 @@
 <ion-footer class="ion-no-border">
   <div class="event-detail-buttons">
     <!-- <ion-button shape="round" fill="outline" class="ion-button-left" (click)="deleteConfirm()">Apagar</ion-button> -->
-    <ion-button shape="round" class="ion-button-right" (click)="Save()">Gravar</ion-button>
+    <ion-button shape="round" (click)="Save()">Gravar</ion-button>
   </div>
 </ion-footer>