Add a <time-display> component for better display of time

static/js/directives/ui/time-display/time-display.component.html

@@ -0,0 +1 @@
+<span>{{ ::$ctrl.datetime | amDateFormat:'dddd, MMMM Do YYYY, h:mm A' }}</span>

static/js/directives/ui/time-display/time-display.component.ts

@@ -0,0 +1,12 @@
+import { Input, Component } from 'ng-metadata/core';
+
+/**
+ * A component that displays when an event occurred.
+ */
+@Component({
+  selector: 'timeDisplay',
+  templateUrl: '/static/js/directives/ui/time-display/time-display.component.html'
+})
+export class TimeDisplayComponent {
+  @Input('<') public datetime: any;
+}

static/js/quay.module.ts

@@ -38,6 +38,7 @@ import { ClipboardCopyDirective } from './directives/ui/clipboard-copy/clipboard
 import { CorTabsModule } from './directives/ui/cor-tabs/cor-tabs.module';
 import { TriggerDescriptionComponent } from './directives/ui/trigger-description/trigger-description.component';
 import { TimeAgoComponent } from './directives/ui/time-ago/time-ago.component';
+import { TimeDisplayComponent } from './directives/ui/time-display/time-display.component';
 import { MarkdownModule } from './directives/ui/markdown/markdown.module';
 import * as Clipboard from 'clipboard';
 
@@ -81,6 +82,7 @@ import * as Clipboard from 'clipboard';
     ClipboardCopyDirective,
     TriggerDescriptionComponent,
     TimeAgoComponent,
+    TimeDisplayComponent,
   ],
   providers: [
     ViewArrayImpl,