fix: TT-205 spaces and use constants

Author: LEON12699

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

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

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

@@ -489,14 +489,14 @@ describe('DetailsFieldsComponent', () => {
   });
 
   it('on get current date should return expected date', () => {
-    const expectedDate = moment(new Date()).format('YYYY-MM-DD');
+    const expectedDate = moment(new Date()).format(DATE_FORMAT_YEAR);
 
     expect(component.getCurrentDate()).toEqual(expectedDate);
   });
 
   it('on the input with id #start_date we could get the id and max value', () => {
    fixture.detectChanges();
-   const expectedDate = moment(new Date()).format('YYYY-MM-DD');
+   const expectedDate = moment(new Date()).format(DATE_FORMAT_YEAR);
    const startDateInput: HTMLInputElement = fixture.debugElement.
      nativeElement.querySelector(`input[id="start_date"],input[max="${component.getCurrentDate()}"]`);
 
@@ -506,7 +506,7 @@ describe('DetailsFieldsComponent', () => {
 
   it('on the input with id #end_date we could get the current Date ', () => {
     fixture.detectChanges();
-    const expectedDate = moment(new Date()).format('YYYY-MM-DD');
+    const expectedDate = moment(new Date()).format(DATE_FORMAT_YEAR);
     const endDateInput = fixture.debugElement.nativeElement.querySelector('[id=end_date]');
 
     expect(endDateInput.id).toEqual('end_date');

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

@@ -18,7 +18,7 @@ import { EntryActionTypes } from './../../../time-clock/store/entry.actions';
 import { SaveEntryEvent } from './save-entry-event';
 import { ProjectSelectedEvent } from './project-selected-event';
 import { get } from 'lodash';
-import { DATE_FORMAT } from 'src/environments/environment';
+import { DATE_FORMAT, DATE_FORMAT_YEAR } from 'src/environments/environment';
 import { TechnologiesComponent } from '../technologies/technologies.component';
 
 type Merged = TechnologyState & ProjectState & ActivityState & EntryState;
@@ -192,7 +192,7 @@ export class DetailsFieldsComponent implements OnChanges, OnInit {
   }
 
   getCurrentDate(): string {
-    return moment(new Date()).format('YYYY-MM-DD');
+    return moment(new Date()).format(DATE_FORMAT_YEAR);
   }
 
   get project_id() {