change default sorting in date range selection from monday to sunday

Author: abigailscl

src/app/modules/reports/components/time-range-form/time-range-form.component.ts

@@ -8,6 +8,7 @@ import {Store} from '@ngrx/store';
 import {EntryState} from '../../../time-clock/store/entry.reducer';
 import * as moment from 'moment';
 
+
 @Component({
   selector: 'app-time-range-form',
   templateUrl: './time-range-form.component.html',
@@ -38,7 +39,7 @@ export class TimeRangeFormComponent implements OnInit, OnChanges {
 
   setInitialDataOnScreen() {
     this.reportForm.setValue({
-      startDate: formatDate(moment().startOf('week').format('l'), DATE_FORMAT, 'en'),
+      startDate: formatDate(moment().startOf('isoWeek').format('l'), DATE_FORMAT, 'en'),
       endDate: formatDate(moment().format('l'), DATE_FORMAT, 'en')
     });
     this.onSubmit();

src/app/modules/shared/components/input-date/input-date.component.ts

@@ -2,6 +2,7 @@ import {Component, forwardRef} from '@angular/core';
 import {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';
 import { MatDatepicker } from '@angular/material/datepicker';
 import { DATE_FORMAT_YEAR } from 'src/environments/environment';
+import { DateAdapter } from '@angular/material/core';
 import * as moment from 'moment';
 
 @Component({
@@ -22,7 +23,8 @@ export class InputDateComponent implements ControlValueAccessor {
   onChange = (_: any) => { };
   onTouch = () => {  };
 
-  constructor() {
+  constructor(date: DateAdapter<Date>) {
+    date.getFirstDayOfWeek = () => 1;
   }
 
   onInput(value: moment.Moment) {