From 9d17347383188dc70701b3fc681b0bc7d8abdc9e Mon Sep 17 00:00:00 2001
From: Kevin O'Leary <kevin@yeti.co>
Date: Tue, 13 Sep 2016 11:20:55 -0700
Subject: [PATCH] alt input style and design tweaks

---
 lib/datepicker.component.css    |  4 ++--
 lib/datepicker.component.js     | 10 +++++++++-
 lib/datepicker.component.js.map |  2 +-
 lib/datepicker.component.ts     |  9 +++++++--
 4 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/lib/datepicker.component.css b/lib/datepicker.component.css
index 4515453..16677e2 100644
--- a/lib/datepicker.component.css
+++ b/lib/datepicker.component.css
@@ -1,5 +1,6 @@
 .datepicker {
   position: relative;
+  display: inline-block;
   color: #2b2b2b;
   font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Calibri', 'Roboto';
 }
@@ -11,6 +12,7 @@
   height: 24.25em;
   width: 20.5em;
   z-index: 1000;
+  background-color: #ffffff;
   color: #333333;
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
   cursor: default;
@@ -110,9 +112,7 @@
 
 .datepicker__input {
   font-size: 14px;
-  color: #2b2b2b;
   outline: none;
-  border: 1px solid #dadada;
   border-radius: 0.1rem;
   padding: .2em .6em;
 }
diff --git a/lib/datepicker.component.js b/lib/datepicker.component.js
index ea6cd0c..8982624 100644
--- a/lib/datepicker.component.js
+++ b/lib/datepicker.component.js
@@ -22,9 +22,10 @@ let DatepickerComponent = class DatepickerComponent {
             'black': '#333333',
             'blue': '#1285bf',
             'lightGrey': '#f1f1f1',
-            'white': '#fff'
+            'white': '#ffffff'
         };
         this.accentColor = this.colors['blue'];
+        this.altInputStyle = false;
         // time
         this.calendar = new calendar_js_1.Calendar();
         this.dayNames = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
@@ -190,6 +191,10 @@ __decorate([
     core_1.Input(), 
     __metadata('design:type', String)
 ], DatepickerComponent.prototype, "accentColor", void 0);
+__decorate([
+    core_1.Input(), 
+    __metadata('design:type', Boolean)
+], DatepickerComponent.prototype, "altInputStyle", void 0);
 __decorate([
     core_1.Input(), 
     __metadata('design:type', Date)
@@ -252,6 +257,9 @@ DatepickerComponent = __decorate([
     >
       <input
         class="datepicker__input"
+        [ngStyle]="{'color': altInputStyle ? colors['white'] : colors['black'],
+                    'background-color': altInputStyle ? accentColor : colors['white'],
+                    'border': altInputStyle ? '' : 'border: 1px solid #dadada'}"
         (click)="onInputClick()"
         [(ngModel)]="inputText"
         readonly="true"
diff --git a/lib/datepicker.component.js.map b/lib/datepicker.component.js.map
index dfc9fca..2d724ea 100644
--- a/lib/datepicker.component.js.map
+++ b/lib/datepicker.component.js.map
@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["datepicker.component.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"datepicker.component.js","sourceRoot":"","sources":["datepicker.component.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/lib/datepicker.component.ts b/lib/datepicker.component.ts
index bbf69c7..a4a86b4 100644
--- a/lib/datepicker.component.ts
+++ b/lib/datepicker.component.ts
@@ -11,6 +11,9 @@ import { Calendar } from './calendar.js';
     >
       <input
         class="datepicker__input"
+        [ngStyle]="{'color': altInputStyle ? colors['white'] : colors['black'],
+                    'background-color': altInputStyle ? accentColor : colors['white'],
+                    'border': altInputStyle ? '' : 'border: 1px solid #dadada'}"
         (click)="onInputClick()"
         [(ngModel)]="inputText"
         readonly="true"
@@ -103,6 +106,7 @@ import { Calendar } from './calendar.js';
 export class DatepickerComponent implements OnInit {
   // api bindings
   @Input() accentColor: string;
+  @Input() altInputStyle: boolean;
   @Input() date: Date;
   @Input() fontFamily: string;
   @Input() rangeStart: Date;
@@ -133,9 +137,10 @@ export class DatepickerComponent implements OnInit {
       'black': '#333333',
       'blue': '#1285bf',
       'lightGrey': '#f1f1f1',
-      'white': '#fff'
-    }
+      'white': '#ffffff'
+    };
     this.accentColor = this.colors['blue'];
+    this.altInputStyle = false;
     // time
     this.calendar = new Calendar();
     this.dayNames = [ 'S', 'M', 'T', 'W', 'T', 'F', 'S' ];