Ion-grid with ion-datetime

Ionic Framework ionic-v3
1

Hello i am trying to create a tabel view using ion-grid layout columns i having five column with datetime picker how to allign and how to append the start time and end time input to next row when i click on add button.



Days
Start
End
Add

<ion-row *ngFor=“let name of daysAvailable;let i=index”>

<ion-checkbox [(ngModel)]=“name.isChecked”>


{{name.day}}

<ion-row *ngFor=“let di of name.hours”>


<ion-datetime displayFormat=“HH:mm A” pickerFormat=“HH:mm a” [(ngModel)]=“di.fromTime”>




<ion-datetime displayFormat=“HH:mm A” pickerFormat=“HH:mm a” [(ngModel)]=“di.toTime”>




<button class=“button” (click)=“add(i)”>Add

Selection_021