Fix Date/time format for stream/task schedule history

Resolves #1420

Author: ilayaperumalg

ui/src/app/streams/stream/history/stream-history.component.html

@@ -23,7 +23,7 @@
       <td>
         <strong>{{ history.version }}</strong>
       </td>
-      <td>{{ history.firstDeployed | date: 'short'}}</td>
+      <td>{{ history.firstDeployed | dataflowDateTime}}</td>
       <td>
         <app-stream-history-status [status]="history.statusCode"></app-stream-history-status>
       </td>

ui/src/app/streams/stream/history/stream-history.component.spec.ts

@@ -26,6 +26,7 @@ import { StreamHistoryStatusComponent } from '../../components/stream-history-st
 import { By } from '@angular/platform-browser';
 import { MockConfirmService } from '../../../tests/mocks/confirm';
 import { ConfirmService } from '../../../shared/components/confirm/confirm.service';
+import { DataflowDateTimePipe } from '../../../shared/pipes/dataflow-date-time.pipe';
 
 /**
  * Test {@link StreamHistoryComponent}.
@@ -57,7 +58,8 @@ describe('StreamHistoryComponent', () => {
         RolesDirective,
         DeploymentPropertiesInfoComponent,
         LoaderComponent,
-        StreamHistoryStatusComponent
+        StreamHistoryStatusComponent,
+        DataflowDateTimePipe
       ],
       imports: [
         RouterTestingModule.withRoutes([]),

ui/src/app/tasks/task-schedules-destroy/task-schedules-destroy.component.html

@@ -28,7 +28,7 @@ <h4 class="modal-title pull-left">Confirm the Deletion of Task Schedule(s)</h4>
         <td>{{ item.name }}</td>
         <td>{{ item.taskName }}</td>
         <td>
-          <div *ngIf="item.dateTime">{{ item.dateTime | date: 'short' }}</div>
+          <div *ngIf="item.dateTime">{{ item.dateTime | dataflowDateTime }}</div>
           <div *ngIf="item.cronExpression">{{ item.cronExpression }}</div>
         </td>
       </tr>

ui/src/app/tasks/task-schedules-destroy/task-schedules-destroy.component.spec.ts

@@ -16,6 +16,7 @@ import { TaskSchedulesDestroyComponent } from './task-schedules-destroy.componen
 import { TaskSchedule } from '../model/task-schedule';
 import { LoaderComponent } from '../../shared/components/loader/loader.component';
 import { BlockerService } from '../../shared/components/blocker/blocker.service';
+import { DataflowDateTimePipe } from '../../shared/pipes/dataflow-date-time.pipe';
 
 /**
  * Test {@link TaskSchedulesDestroyComponent}.
@@ -37,7 +38,8 @@ describe('TaskSchedulesDestroyComponent', () => {
       declarations: [
         TaskSchedulesDestroyComponent,
         LoaderComponent,
-        RolesDirective
+        RolesDirective,
+        DataflowDateTimePipe
       ],
       imports: [
         FormsModule,