fix: TT-205 refactor code and move style

Author: LEON12699

src/app/modules/shared/components/details-fields/details-fields.component.html

@@ -93,7 +93,7 @@
             (ngModelChange)="onStartDateChange($event)"
             [max]="getCurrentDate()"
             onkeydown="return false"
-            (click)="datepickerStartDate.opened ? datepickerStartDate.close() : datepickerStartDate.open()"
+            (click)="openOrCloseDatePicker(datepickerStartDate)"
             (dateInput)="start_date.setValue($event.value.format('YYYY-MM-DD'))"
             [matDatepicker]="datepickerStartDate"
           />
@@ -126,7 +126,7 @@
             required
             [max]="getCurrentDate()"
             onkeydown="return false"
-            (click)="datepickerEndDate.opened ? datepickerEndDate.close() : datepickerEndDate.open()"
+            (click)="openOrCloseDatePicker(datepickerEndDate)"
             (dateInput)="end_date.setValue($event.value.format('YYYY-MM-DD'))"
             [matDatepicker]="datepickerEndDate"
           />

src/app/modules/shared/components/details-fields/details-fields.component.scss

@@ -115,3 +115,7 @@ input[type="date"]::-webkit-clear-button {
   border-radius: 5px;
   margin-top: 10px;
 }
+
+::ng-deep .cdk-overlay-container {
+  z-index: 1100 !important;
+}

src/app/modules/shared/components/details-fields/details-fields.component.ts

@@ -20,6 +20,7 @@ import { ProjectSelectedEvent } from './project-selected-event';
 import { get } from 'lodash';
 import { DATE_FORMAT, DATE_FORMAT_YEAR } from 'src/environments/environment';
 import { TechnologiesComponent } from '../technologies/technologies.component';
+import { MatDatepicker } from '@angular/material/datepicker';
 
 type Merged = TechnologyState & ProjectState & ActivityState & EntryState;
 @Component({
@@ -290,4 +291,8 @@ export class DetailsFieldsComponent implements OnChanges, OnInit {
     }
     this.shouldRestartEntry = !this.entryToEdit?.running && this.goingToWorkOnThis;
   }
+
+  openOrCloseDatePicker(datepicker: MatDatepicker<Date>): void {
+    return datepicker.opened ? datepicker.close() : datepicker.open();
+  }
 }

src/styles.scss

@@ -32,6 +32,3 @@ body {
   z-index: 1100 !important;
 }
 
-.cdk-overlay-container {
-  z-index: 1100 !important;
-}