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 e4ab7a0..8b30d42 100644 (file)
--- 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 6c31a77..07ce23f 100644 (file)
--- 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 bd6e681..6d9e62d 100644 (file)
--- 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>;