Merge pull request #759 from benjanderson/date-range-error-formatting

fix(date-range): fixed long error message on invalid date layout issues
HealthCatalyst · Mar 5, 2019 · c470526 · c470526
2 parents 94e0bb1 + 5d37dfe
commit c470526
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/projects/cashmere/src/lib/date-range/calendar-wrapper/calendar-wrapper.component.scss b/projects/cashmere/src/lib/date-range/calendar-wrapper/calendar-wrapper.component.scss
@@ -1,4 +1,8 @@
 .hc-calendar-wrapper-form-field > .hc-form-field-wrapper {
     padding-bottom: 0;
-    height: 60px;
+    height: 70px;
+}
+
+.form-container {
+    padding-left: 13px;
 }
diff --git a/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.html b/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.html
@@ -1,5 +1,5 @@
 <div class="hc-date-range-calendar-container" *ngIf="(options$ | async) as options">
-    <div class="hc-date-range-calendar-item">
+    <div class="hc-date-range-calendar-item hc-date-range-calendar-wrapper">
         <hc-calendar-wrapper
             [prefixLabel]="options.startDatePrefix"
             [selectedDate]="_fromDate"

diff --git a/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.scss b/projects/cashmere/src/lib/date-range/picker-overlay/picker-overlay.component.scss
@@ -11,6 +11,10 @@
     font-weight: 400;
 }
 
+.hc-date-range-calendar-wrapper {
+    width: 338px;
+}
+
 .hc-date-range-menu {
     height: 100%;
 }