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();
+ }
}