From 98807916014be22874e44a34c21f99e65af1ede2 Mon Sep 17 00:00:00 2001
From: Tiago Kayaya <tiago.kayaya@equilibrium.local>
Date: Thu, 27 Aug 2020 16:48:35 +0100
Subject: [PATCH] Added changes on view-event-details

---
 .../events/event-detail/event-detail.page.html     | 14 +++++++++++---
 src/app/pages/events/events.page.scss              |  2 ++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/app/pages/events/event-detail/event-detail.page.html b/src/app/pages/events/event-detail/event-detail.page.html
index f5858bb17..61acfe115 100644
--- a/src/app/pages/events/event-detail/event-detail.page.html
+++ b/src/app/pages/events/event-detail/event-detail.page.html
@@ -36,12 +36,20 @@
       <ion-input [(ngModel)]='loadedEvent.EventType'></ion-input>
     </ion-item>
     <ion-item>
+      <ion-label>Data Início</ion-label>
+      <ion-datetime value="{{loadedEvent.StartDate}}" [(ngModel)]="loadedEvent.StartDate" min="2020" max="2100"
+        displayFormat="D MMM YYYY H:mm"
+        monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
+    </ion-item>
+    <!-- <ion-item>
       <ion-label position="stacked">Data Início: </ion-label>
       <ion-input [(ngModel)]='loadedEvent.StartDate'></ion-input>
-    </ion-item>
+    </ion-item> -->
     <ion-item>
-      <ion-label position="stacked">Data Fim</ion-label>
-      <ion-input [(ngModel)]='loadedEvent.EndDate'></ion-input>
+        <ion-label>Data Fim</ion-label>
+        <ion-datetime value="{{loadedEvent.EndDate}}" [(ngModel)]="loadedEvent.EndDate" min="2020" max="2100"
+          displayFormat="D MMM YYYY H:mm"
+          monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
     </ion-item>
     <!-- <ion-item-sliding>
       <ion-item
diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss
index b20412480..57503a21e 100644
--- a/src/app/pages/events/events.page.scss
+++ b/src/app/pages/events/events.page.scss
@@ -56,6 +56,7 @@
       background: #cab0dc;
       border-radius: 20px;
       padding: 10px;
+      /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
     }
     .div-item-Pessoal{
       width: 100%;
@@ -65,6 +66,7 @@
       background: #cbeecb;
       border-radius: 20px;
       padding: 10px;
+      /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
     }
     .div-up{
       width: 100%;