From afd7cffbf14a058f22f6ae61f32411a825ff07a9 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Tue, 17 May 2016 09:12:05 -0500
Subject: [PATCH] docs(demos): datetime formatting updates

---
 demos/datetime/index.ts  | 24 +++++++++---------------
 demos/datetime/main.html | 27 ++++++++++++++-------------
 2 files changed, 23 insertions(+), 28 deletions(-)

diff --git a/demos/datetime/index.ts b/demos/datetime/index.ts
index f90cb8ae35..b207561ddd 100644
--- a/demos/datetime/index.ts
+++ b/demos/datetime/index.ts
@@ -7,14 +7,14 @@ import {App, Page} from 'ionic-angular';
 class MainPage {
   wwwReleased = '1991';
   netscapeReleased = '1994-12-15T13:47:20.789';
-  firefoxReleased = '2002-09-23T15:03:46.789';
   operaReleased = '1995-04-15';
   webkitReleased = '1998-11-04T11:06Z';
+  firefoxReleased = '2002-09-23T15:03:46.789';
   chromeReleased = '2008-09-02';
 
   tokyoTime: string;
   parisTime: string;
-  dallasTime: string;
+  madisonTime: string;
   alertTime = '10:15';
 
   operaShortDay = [
@@ -28,16 +28,14 @@ class MainPage {
   ];
 
   constructor() {
-    this.tokyoTime = this.calculateTime("+9");
-    this.parisTime = this.calculateTime("+1");
-    this.dallasTime = this.calculateTime("-6");
-
-    let today = new Date();
+    this.tokyoTime = this.calculateTime('+9');
+    this.parisTime = this.calculateTime('+1');
+    this.madisonTime = this.calculateTime('-6');
 
     // If it is Daylight Savings Time
-    if (this.dst(today)) {
-      this.parisTime = this.calculateTime("+2");
-      this.dallasTime = this.calculateTime("-5");
+    if (this.dst(new Date())) {
+      this.parisTime = this.calculateTime('+2');
+      this.madisonTime = this.calculateTime('-5');
     }
   }
 
@@ -47,7 +45,7 @@ class MainPage {
 
     // create new Date object for different city
     // using supplied offset
-    let nd = new Date(d.getTime() + (3600000*offset));
+    let nd = new Date(d.getTime() + (3600000 * offset));
 
     return nd.toISOString();
   }
@@ -70,8 +68,4 @@ class MainPage {
 })
 class ApiDemoApp {
   root = MainPage;
-
-  constructor() {
-
-  }
 }
diff --git a/demos/datetime/main.html b/demos/datetime/main.html
index 3607733cf4..30d1ac17a7 100644
--- a/demos/datetime/main.html
+++ b/demos/datetime/main.html
@@ -13,7 +13,17 @@
 
     <ion-item>
       <ion-label>Netscape</ion-label>
-      <ion-datetime displayFormat="MMMM YY" min="1989-06-04" max="2004-08-23" [(ngModel)]="netscapeReleased"></ion-datetime>
+      <ion-datetime displayFormat="MMMM YY" min="1989" max="2004" [(ngModel)]="netscapeReleased"></ion-datetime>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Opera</ion-label>
+      <ion-datetime displayFormat="DDD DD.MM.YY" min="1990" max="2000" [dayShortNames]="operaShortDay" [(ngModel)]="operaReleased"></ion-datetime>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Webkit</ion-label>
+      <ion-datetime displayFormat="D MMM YYYY" min="1990-02" max="2010-10" [(ngModel)]="webkitReleased"></ion-datetime>
     </ion-item>
 
     <ion-item>
@@ -21,16 +31,6 @@
       <ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxReleased"></ion-datetime>
     </ion-item>
 
-    <ion-item>
-      <ion-label>Opera</ion-label>
-      <ion-datetime displayFormat="DDD MM.DD.YY" min="1990-02" max="2000" [dayShortNames]="operaShortDay" [(ngModel)]="operaReleased"></ion-datetime>
-    </ion-item>
-
-    <ion-item>
-      <ion-label>Webkit</ion-label>
-      <ion-datetime displayFormat="D MMM YYYY" min="1990" max="2010" [(ngModel)]="webkitReleased"></ion-datetime>
-    </ion-item>
-
     <ion-item>
       <ion-label>Chrome</ion-label>
       <ion-datetime displayFormat="DDDD MMM D" min="2005" max="2016" [(ngModel)]="chromeReleased"></ion-datetime>
@@ -51,11 +51,12 @@
     </ion-item>
 
     <ion-item>
-      <ion-label>Dallas</ion-label>
-      <ion-datetime displayFormat="h:mm A" [(ngModel)]="dallasTime"></ion-datetime>
+      <ion-label>Madison</ion-label>
+      <ion-datetime displayFormat="h:mm A" [(ngModel)]="madisonTime"></ion-datetime>
     </ion-item>
 
   </ion-list>
+
   <ion-list>
     <ion-list-header>Set Alarm</ion-list-header>