From: Bill Erickson <berickxx@gmail.com>
Date: Fri, 19 Mar 2021 16:40:36 +0000 (-0400)
Subject: LP1904036 Date select fill container option
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=7c3c19760526ca4d51eb64a52c0cff5e376b501e;p=working%2FEvergreen.git

LP1904036 Date select fill container option

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Jane Sandberg <js7389@princeton.edu>
Signed-off-by: Galen Charlton <gmc@equinoxOLI.org>
---

diff --git a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.css b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.css
index e4ab7a0438..8b30d42c7c 100644
--- a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.css
+++ b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.css
@@ -1,6 +1,10 @@
 .eg-date-select {
+}
+
+.date-select-width {
     max-width: 11em;
 }
+
 .material-icons {
     font-size: 15px;
 }
diff --git a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
index 6c31a77658..07ce23f65c 100644
--- a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
+++ b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
@@ -2,7 +2,8 @@
   {{initialDate | formatValue:'timestamp'}}
 </ng-container>
 <ng-container *ngIf="!readOnly">
-  <div class="input-group eg-date-select form-validated">
+  <div class="input-group eg-date-select form-validated" 
+    [ngClass]="{'date-select-width': !noMaxWidth}">
     <input 
       class="form-control"
       type="text"
diff --git a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts
index bd6e681753..6d9e62d6dc 100644
--- a/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts
+++ b/Open-ILS/src/eg2/src/app/share/date-select/date-select.component.ts
@@ -30,6 +30,10 @@ export class DateSelectComponent implements OnInit, ControlValueAccessor {
     @Input() disabled: boolean;
     @Input() readOnly: boolean;
 
+    // Sometimes it's helpful to allow the date selector to expand
+    // to fill its container for visual consistency with other inputs.
+    @Input() noMaxWidth = false;
+
     current: NgbDateStruct;
 
     @Output() onChangeAsDate: EventEmitter<Date>;