feat(Datepicker): enforce smaller width (#1692)

GetTerminus · Sep 12, 2019 · 47054be · 47054be
1 parent c7d4d09
commit 47054be
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
+.idea/
 .vscode/
 dist/
 node_modules/

diff --git a/terminus-ui/date-range/src/date-range.component.html b/terminus-ui/date-range/src/date-range.component.html
@@ -13,7 +13,6 @@
     (selected)="startDateSelected($event)"
     (inputBlur)="startBlur($event)"
     #start
-    fxFlex
   ></ts-input>
 
   <span class="c-date-range__seperator">
@@ -34,6 +33,5 @@
     (selected)="endDateSelected($event)"
     (inputBlur)="endBlur($event)"
     #end
-    fxFlex
   ></ts-input>
 </div>
diff --git a/terminus-ui/form-field/src/form-field.component.scss b/terminus-ui/form-field/src/form-field.component.scss
@@ -57,7 +57,8 @@ $subscript-margin-top: .5em / $subscript-font-scale;
 $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;
 // The amount we offset the label from the input text in the outline appearance.
 $outline-appearance-label-offset: -.25em;
-
+// The width we set for datepicker
+$date-picker-width: 200px;
 
 
 //
@@ -373,6 +374,7 @@ $outline-appearance-label-offset: -.25em;
 
 // Target an input datepicker within a form field
 .ts-input--datepicker {
+  width: $date-picker-width;
   .ts-form-field {
     // Center the datepicker icon vertically
     .ts-form-field__suffix {