diff --git a/Frontend/src/app/components/datepicker/datepicker.component.css b/Frontend/src/app/components/datepicker/datepicker.component.css index adc943c..359eb66 100644 --- a/Frontend/src/app/components/datepicker/datepicker.component.css +++ b/Frontend/src/app/components/datepicker/datepicker.component.css @@ -1,3 +1,23 @@ .datepicker { text-align: center; } + +.switchWeekButton { + background-color: dimgrey; /* Green */ + border: none; + color: #E0E5E9; + padding: .15em .5em; + text-align: center; + display: inline-block; + border-radius: .5em; + margin: .5em; +} + +.datePickerDropdown { + background-color: dimgrey; + border: none; + color: #E0E5E9; + padding: .15em .5em; + border-radius: .5em; + margin: .1em; +} diff --git a/Frontend/src/app/components/datepicker/datepicker.component.html b/Frontend/src/app/components/datepicker/datepicker.component.html index b6c920d..8d932f2 100644 --- a/Frontend/src/app/components/datepicker/datepicker.component.html +++ b/Frontend/src/app/components/datepicker/datepicker.component.html @@ -1,18 +1,21 @@

It is Wednesday, my dudes!

- - - + +
diff --git a/Frontend/src/app/components/datepicker/datepicker.component.ts b/Frontend/src/app/components/datepicker/datepicker.component.ts index 804c018..3af74b3 100644 --- a/Frontend/src/app/components/datepicker/datepicker.component.ts +++ b/Frontend/src/app/components/datepicker/datepicker.component.ts @@ -147,7 +147,7 @@ export class DatepickerComponent implements OnInit { mondayInWeekDate.setDate(selectedDate.getDate() - difference); } - let yearString = mondayInWeekDate.getFullYear(); + let yearString = mondayInWeekDate.getFullYear().toString(); let monthString = (mondayInWeekDate.getMonth() + 1).toString().padStart(2, '0'); let dayString = mondayInWeekDate.getDate().toString().padStart(2, '0'); @@ -163,4 +163,31 @@ export class DatepickerComponent implements OnInit { return new Date(year, month, 0).getDate(); } + switchToNextWeek() { + let currentDate = new Date(parseInt(this.selectedYear), parseInt(this.selectedMonth)-1, parseInt(this.selectedDay)); + let newDate = currentDate; + newDate.setDate(currentDate.getDate() + 7); + this.selectedYear = newDate.getFullYear().toString(); + this.selectedMonth = (newDate.getMonth()+1).toString().padStart(2, '0'); + this.selectedDay = newDate.getDate().toString().padStart(2, '0'); + this.handleDateChange(); + } + + switchToPreviousWeek() { + let currentDate = new Date(parseInt(this.selectedYear), parseInt(this.selectedMonth)-1, parseInt(this.selectedDay)); + let newDate = currentDate; + newDate.setDate(currentDate.getDate() - 7); + this.selectedYear = newDate.getFullYear().toString(); + this.selectedMonth = (newDate.getMonth()+1).toString().padStart(2, '0'); + this.selectedDay = newDate.getDate().toString().padStart(2, '0'); + this.handleDateChange(); + } + + switchToToday() { + let currentDate = new Date(); + this.selectedYear = currentDate.getFullYear().toString(); + this.selectedMonth = (currentDate.getMonth()+1).toString().padStart(2, '0'); + this.selectedDay = currentDate.getDate().toString().padStart(2, '0'); + this.handleDateChange(); + } }