SI-372 deactivate date-picker for older versions

Signed-off-by: Peter Buschmann <peter.buschmann@pta.de>

projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.html

diff --git a/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.html b/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.html
index 3fb4802..7c36ff0 100644
--- a/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.html
+++ b/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.html
@@ -265,6 +265,8 @@
                 <app-date-time-picker
                   (dateTimeEvent)="setGridFailureDateTime($event, 'failureBegin')"
                   [dateString]="failureBeginDateTime"
+                  [disabled]="!gridFailureDetailsSandbox.saveEnabled"
+                  [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 ></app-date-time-picker>
               </div>
 
@@ -276,6 +278,7 @@
                 id="failureBegin"
                 [ngrxFormControlState]="((gridFailureDetailsSandbox.gridFailureDetailsFormState$ | async)?.controls)['failureBegin']"
                 [ngrxValueConverter]="gridFailureDetailsSandbox.dateTimeValueConverter"
+                [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 readonly
               />
               <div class="input-group-append">
@@ -283,6 +286,8 @@
                   class="btn btn-outline-primary calendar"
                   (click)="resetGridFailureDateTime(gridFailureDetailsSandbox.datePickerResetEnum.FailureBegin)"
                   type="button"
+                  [disabled]="!gridFailureDetailsSandbox.saveEnabled"
+                  [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 >
                   <em class="fa fa-times-circle" aria-hidden="true"></em>
                 </button>
@@ -298,6 +303,8 @@
                 <app-date-time-picker
                   (dateTimeEvent)="setGridFailureDateTime($event, 'failureEndPlanned')"
                   [dateString]="failureEndPlannedDateTime"
+                  [disabled]="!gridFailureDetailsSandbox.saveEnabled"
+                  [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 ></app-date-time-picker>
               </div>
 
@@ -308,6 +315,7 @@
                 id="failureEndPlanned"
                 [ngrxFormControlState]="((gridFailureDetailsSandbox.gridFailureDetailsFormState$ | async)?.controls)['failureEndPlanned']"
                 [ngrxValueConverter]="gridFailureDetailsSandbox.dateTimeValueConverter"
+                [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 readonly
               />
               <div class="input-group-append">
@@ -315,6 +323,8 @@
                   class="btn btn-outline-primary calendar"
                   (click)="resetGridFailureDateTime(gridFailureDetailsSandbox.datePickerResetEnum.FailureEndPlanned)"
                   type="button"
+                  [disabled]="!gridFailureDetailsSandbox.saveEnabled"
+                  [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 >
                   <em class="fa fa-times-circle" aria-hidden="true"></em>
                 </button>
@@ -329,6 +339,8 @@
               <app-date-time-picker
                 (dateTimeEvent)="setGridFailureDateTime($event, 'failureEndResupplied')"
                 [dateString]="failureEndResuppliedDateTime"
+                [disabled]="!gridFailureDetailsSandbox.saveEnabled"
+                [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
               ></app-date-time-picker>
               <input
                 class="form-control editable"
@@ -337,6 +349,7 @@
                 id="failureEndResupplied"
                 [ngrxFormControlState]="((gridFailureDetailsSandbox.gridFailureDetailsFormState$ | async)?.controls)['failureEndResupplied']"
                 [ngrxValueConverter]="gridFailureDetailsSandbox.dateTimeValueConverter"
+                [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 readonly
               />
               <div class="input-group-append">
@@ -344,6 +357,8 @@
                   class="btn btn-outline-primary calendar"
                   (click)="resetGridFailureDateTime(gridFailureDetailsSandbox.datePickerResetEnum.FailureEndResupplied)"
                   type="button"
+                  [disabled]="!gridFailureDetailsSandbox.saveEnabled"
+                  [class.isDisabled]="!gridFailureDetailsSandbox.saveEnabled"
                 >
                   <em class="fa fa-times-circle" aria-hidden="true"></em>
                 </button>

projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.scss

diff --git a/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.scss b/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.scss
index 5eb936a..8840f19 100644
--- a/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.scss
+++ b/projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-details/grid-failure-details.component.scss
@@ -53,3 +53,7 @@
 .version-select {
   margin: 8px;
 }
+
+.isDisabled {
+  background-color: rgb(233, 236, 239);
+}