Duration picker alpha-version done

src/app/shared/popover/group-duration/group-duration.page.html

@@ -1,9 +1,19 @@
-<ion-header>
-  <ion-toolbar>
-    <ion-title>group-duration</ion-title>
-  </ion-toolbar>
-</ion-header>
-
 <ion-content>
+  <div class="p-header">
+    <h3>Duração</h3>
+  </div>
+  <div class="picker">
+
+  </div>
+  <div class="p-buttons">
+    <ion-row>
+      <ion-col>
+        <button (click)="close()" full class="btn-cancel" shape="round" >Cancelar</button>
+      </ion-col>
+      <ion-col>
+        <button class="btn-ok" shape="round" >Ok</button>
+      </ion-col>
+    </ion-row>
+  </div>
 
 </ion-content>

src/app/shared/popover/group-duration/group-duration.page.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { PopoverController } from '@ionic/angular';
 
 @Component({
   selector: 'app-group-duration',
@@ -7,9 +8,14 @@ import { Component, OnInit } from '@angular/core';
 })
 export class GroupDurationPage implements OnInit {
 
-  constructor() { }
+  constructor(
+    public popoverController: PopoverController,
+  ) { }
 
   ngOnInit() {
   }
+  close(){
+    this.popoverController.dismiss();
+  }
 
 }