departureDate to Date from String

src/app/entities/travel.ts

@@ -7,7 +7,7 @@ export class Travel {
     public id: TravelId = null,
     public driverInfo: User = null,
     public travelersInfo: User[] = [],
-    public departureDate: string = '',
+    public departureDate: Date = new Date(),
     public origin: string = '',
     public destination: string = '',
     public places: number = 0,

src/app/pages/home/home.component.html

@@ -1,4 +1,4 @@
-<button *ngIf="isLogged" mat-raised-button class="btn btn-default" (click)="newTravel()">New travel</button>
+<button *ngIf="isLogged | async" mat-raised-button class="btn btn-default" (click)="newTravel()">New travel</button>
 
 <mat-card>
   <mat-card-title>My travels</mat-card-title>

src/app/pages/home/home.component.ts

@@ -12,7 +12,6 @@ export class HomeComponent {
   loginFailed = false;
   userProfile: object;
   usePopup: boolean;
-  login: false;
   userTravels: Travel[];
 
   displayedColumns = [

src/app/views/list/list.component.html

@@ -12,7 +12,7 @@
     <ng-container matColumnDef="departureDate">
       <mat-header-cell *matHeaderCellDef mat-sort-header>Departure date</mat-header-cell>
       <mat-cell *matCellDef="let travel">{{
-        travel.departureDate
+        travel.departureDate | date: 'yyyy-MM-dd hh:mm'
         }}</mat-cell>
     </ng-container>
 

src/app/views/travel-form/travel-form.component.html

@@ -1,7 +1,7 @@
 <form *ngIf="travel" #travelForm="ngForm">
     <div>
         <label for="departureDate">Fecha de salida</label>
-        <input matInput id="departureDate" name="departureDate" [ngxMatDatetimePicker]="picker"
+        <input matInput id="departureDate" name="departureDate" required [ngxMatDatetimePicker]="picker"
             placeholder="Choose a date" [min]="minDate" [(ngModel)]="travel.departureDate">
         <mat-datepicker-toggle matSuffix [for]="$any(picker)"></mat-datepicker-toggle>
         <ngx-mat-datetime-picker #picker [showSeconds]="$any('false')" [stepMinute]="$any('15')">