From 977e5ad6912da95ff11ee6726fb377eab9209983 Mon Sep 17 00:00:00 2001
From: Ed Morales <emoralesb05@gmail.com>
Date: Mon, 27 Feb 2017 21:20:20 -0800
Subject: [PATCH] fix(docs): date pipes were not working on safari (#380)

---
 .../components/pipes/pipes.component.html     |  4 +--
 .../components/pipes/pipes.component.ts       | 28 +++++++++----------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/app/components/components/pipes/pipes.component.html b/src/app/components/components/pipes/pipes.component.html
index 5f821cd57d..484ffe05f1 100644
--- a/src/app/components/components/pipes/pipes.component.html
+++ b/src/app/components/components/pipes/pipes.component.html
@@ -84,7 +84,7 @@ <h3 md-line>Bytes: { { log.bytes } }</h3>
   <md-card-title>Time Ago</md-card-title>
   <md-divider></md-divider>
   <md-card-content>
-    <p class="md-body-1">The <code>timeAgo</code> pipe takes a string, number or Date timestamp (example: <code>2016-01-29 17:59:59</code>) and tranforms it to the amount of time that has gone by. </p>
+    <p class="md-body-1">The <code>timeAgo</code> pipe takes a string, number or Date timestamp (example: <code>2016-01-29T17:59:59.000Z</code>) and tranforms it to the amount of time that has gone by. </p>
     <md-list>
       <md-list-item *ngFor="let log of logs">
         <h3 md-line>Timestamp: {{ log.timestamp }} | {{ log.timestamp | timeAgo:log.reference }}</h3>
@@ -111,7 +111,7 @@ <h3 md-line>Timestamp: {{ log.timestamp }} | {{ log.timestamp | timeAgo:log.refe
   <md-card-title>Time Difference</md-card-title>
   <md-divider></md-divider>
   <md-card-content>
-    <p class="md-body-1">The <code>timeDifference</code> pipe outputs the difference between two times. Strings, Numbers or Date timestamps are acceptable types. (example: <code>2016-01-29 17:59:59</code>).</p>
+    <p class="md-body-1">The <code>timeDifference</code> pipe outputs the difference between two times. Strings, Numbers or Date timestamps are acceptable types. (example: <code>2016-01-29T17:59:59.000Z</code>).</p>
     <md-list>
       <md-list-item *ngFor="let log of logs">
         <!-- Start and end time output -->
diff --git a/src/app/components/components/pipes/pipes.component.ts b/src/app/components/components/pipes/pipes.component.ts
index ebd534cce5..12c6672d55 100644
--- a/src/app/components/components/pipes/pipes.component.ts
+++ b/src/app/components/components/pipes/pipes.component.ts
@@ -18,9 +18,9 @@ export class PipesComponent {
       bytes: 72452903343,
       digits: 0.03243,
       precision: 3,
-      reference: '2016-06-17 12:59:59',
-      timestamp: '2016-01-29 17:59:59',
-      timestampend: '2016-01-29 18:59:59',
+      reference: '2016-06-17T12:59:59.000Z',
+      timestamp: '2016-01-29T17:59:59.000Z',
+      timestampend: '2016-01-29T18:59:59.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 5,
     }, {
@@ -28,52 +28,52 @@ export class PipesComponent {
       digits: 3.975086,
       precision: 4,
       reference: new Date(2016, 4, 17),
-      timestamp: '2016-06-10 17:59:59',
-      timestampend: '2016-11-29 18:59:59',
+      timestamp: '2016-06-10T17:59:59.000Z',
+      timestampend: '2016-11-29T18:59:59.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 10,
     }, {
       bytes: 4521903343000,
       digits: 4521,
       reference: new Date(2016, 4, 17).getTime(),
-      timestamp: '2016-06-17 12:59:59',
-      timestampend: '2016-06-17 13:00:00',
+      timestamp: '2016-06-17T12:59:59.000Z',
+      timestampend: '2016-06-17T13:00:00.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 15,
     }, {
       bytes: '5234190486500000',
       digits: '523468.86',
       reference: 'invalid',
-      timestamp: '2016-06-17 12:59:59',
-      timestampend: '2016-06-18 13:00:00',
+      timestamp: '2016-06-17T12:59:59.000Z',
+      timestampend: '2016-06-18T13:00:00.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 20,
     }, {
       bytes: 'Invalid Number',
       digits: 'Invalid Number',
-      timestamp: '2016-06-17 12:59:59',
-      timestampend: '2016-06-20 13:00:00',
+      timestamp: '2016-06-17T12:59:59.000Z',
+      timestampend: '2016-06-20T13:00:00.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 25,
     }, {
       bytes: 3245234190334370000,
       digits: 3245234,
       timestamp: new Date(2016, 4, 17),
-      timestampend: '2016-06-20 13:00:00',
+      timestampend: '2016-06-20T13:00:00.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 30,
     }, {
       bytes: 3245234190334324400000,
       digits: 3245234100.6,
       timestamp: new Date(2016, 4, 17).getTime(),
-      timestampend: '2016-06-20 13:00:00',
+      timestampend: '2016-06-20T13:00:00.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 35,
     }, {
       bytes: 3245234190334300000000000,
       digits: 3245234190076.9,
       timestamp: 'invalid',
-      timestampend: '2016-06-20 13:00:00',
+      timestampend: '2016-06-20T13:00:00.000Z',
       text_value: 'https://test_source_cf433eb5_5a00_4f2b_afa4_4022b7b2aac3',
       truncate_length: 40,
     },