added time picker for events

src/app/components/group/dialog.html

@@ -8,8 +8,11 @@
     <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
     <mat-datepicker #picker disabled="false"></mat-datepicker>
   </mat-form-field>
+  <mat-form-field style="display:contents;">
+    <input matInput #time type="time" placeholder="choose a time">
+  </mat-form-field>
 </div>
 <div mat-dialog-actions>
   <button mat-button (click)="onNoClick()">Cancel</button>
-  <button mat-button cdkFocusInitial (click)="createEvent(name.value, date.value)">Create Event</button>
+  <button mat-button cdkFocusInitial (click)="createEvent(name.value, date.value, time.value)">Create Event</button>
 </div>

src/app/components/group/group.component.ts

@@ -28,9 +28,12 @@ export class DialogCreateEventComponent {
     this.dialogRef.close();
   }
 
-  createEvent(name: string, date: string) {
+  createEvent(name: string, date: string, time: string) {
     name = name.trim();
-    if (name && date) {
+    if (name && date && time) {
+      date = date + ' ' + time;
+      console.log(date);
+      console.log(new Date(date).getTime().toString());
       this.group.createEvent(name, (new Date(date)).getTime().toString(), this.groupId);
       this.dialogRef.close();
     }