#6: Add ability to create whole-day events

src/app/components/event/event.component.html

@@ -8,13 +8,16 @@
 	<td>
 		<input type="text" [(ngModel)]="event!.description">
 	</td>
+	<td>
+		<input type="checkbox" [(ngModel)]="event!.wholeDay">
+	</td>
 	<td class="{{showDateError || requiredFieldsMissing? 'has-error' : ''}}">
 		<input type="date" [(ngModel)]="newStartDate" (change)="setStartDateTime()">
-		<input type="time" [(ngModel)]="newStartTime" (change)="setStartDateTime()">
+		<input type="time" [(ngModel)]="newStartTime" (change)="setStartDateTime()" *ngIf="!this.event!.wholeDay">
 	</td>
 	<td class="{{showDateError || requiredFieldsMissing? 'has-error' : ''}}">
 		<input type="date" [(ngModel)]="newEndDate" (change)="setEndDateTime()">
-		<input type="time" [(ngModel)]="newEndTime" (change)="setEndDateTime()">
+		<input type="time" [(ngModel)]="newEndTime" (change)="setEndDateTime()" *ngIf="!this.event!.wholeDay">
 	</td>
 	<td>
 		<input type="text" [(ngModel)]="event!.location">
@@ -45,13 +48,16 @@
 	<td>
 		{{event?.description}}
 	</td>
+	<td>
+		<input type="checkbox" [(ngModel)]="event!.wholeDay" disabled>
+	</td>
 	<td>
 		<input type="date" [value]="newStartDate" readonly>
-		<input type="time" [value]="newStartTime" readonly>
+		<input type="time" [value]="newStartTime" readonly *ngIf="!this.event!.wholeDay">
 	</td>
 	<td>
 		<input type="date" [value]="newEndDate" readonly>
-		<input type="time" [value]="newEndTime" readonly>
+		<input type="time" [value]="newEndTime" readonly *ngIf="!this.event!.wholeDay">
 	</td>
 	<td>
 		{{event?.location}}

src/app/components/event/event.component.ts

@@ -63,7 +63,6 @@ export class EventComponent implements OnInit {
 						this.showCreateError = true;
 						return;
 					}
-
 				});
 			} else {
 				// Update existing event

src/app/components/events-table/events-table.component.html

@@ -3,6 +3,7 @@
 		<th>Calendar</th>
 		<th>Name</th>
 		<th>Description</th>
+		<th>Whole Day</th>
 		<th>Start</th>
 		<th>End</th>
 		<th>Location</th>

src/app/models/event.ts

@@ -10,4 +10,5 @@ export interface Event {
 	location: string;
 	createdBy: string;
 	url: string;
+	wholeDay: boolean;
 }