RunnersMeet/src/RunnersMeet.Client/src/app/events/event-edit/event-edit.component.html

<h1>Edit Event Details</h1>
<form #eventForm="ngForm" class="vertical-form" (ngSubmit)="updateEvent(eventForm, $event)" *ngIf="event">
	<span class="p-float-label">
		<input type="text" pInputText name="title" [(ngModel)]="event.title" placeholder="Title" required>
	</span>
	<span class="p-float-label">
		<input type="text" pInputText name="description" [(ngModel)]="event.description" placeholder="Description">
	</span>
	<div>
		<p-calendar [(ngModel)]="startDate" name="startDate" dateFormat="yy-mm-dd" [showIcon]="true" [required]="true"></p-calendar>
	</div>
	<div>
		<p-calendar [(ngModel)]="startTime" name="startTime" [timeOnly]="true" hourFormat="24" [required]="true"></p-calendar>
	</div>
	<div>
		<app-track-picker [(track)]="event.track"></app-track-picker>
	</div>
	<div class="button-group">
		<button type="submit" pButton>Save</button>
		<button *ngIf="!isCreateMode" type="button" pButton class="p-button-danger" (click)="deleteEvent()">Delete</button>
	</div>
</form>