change profile

src/components/Calendar/calendarComponent.scss

@@ -57,7 +57,7 @@
   &__body {
     div {
       display: grid;
-      
+
       grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
 
       p {
@@ -250,7 +250,11 @@
 }
 
 .before {
-  background-color: #f0f7e0 !important;
+  background-color: #e5f9b6 !important;
+}
+
+.pass {
+  background-color: #f7d7c9 !important;
 }
 
 .today {
@@ -260,4 +264,4 @@
 
 .selected {
   background-color: #f9f9c3 !important;
-}
+}

src/components/Calendar/calendarHelper.js

@@ -20,6 +20,16 @@ export function calendarHelper(value) {
   return calendar;
 }
 
+export function getReports(value) {
+  const startDay = value.clone().startOf('month').startOf('week').startOf('day');
+  const reportsStart = `${new Date(startDay).getFullYear()}-${new Date(startDay).getMonth() + 1}-${new Date(startDay).getDate()}`
+  const endDay = value.clone().endOf('month').endOf('week');
+  const reportsEnd = `${new Date(endDay).getFullYear()}-${new Date(endDay).getMonth() + 1}-${new Date(endDay).getDate()}`
+  const getReports = `fromDate=${reportsStart}&toDate=${reportsEnd}`
+
+  return getReports;
+}
+
 export function currentMonth() {
   const currentMonth = moment().format('MMMM');
 
@@ -32,4 +42,4 @@ export function currentMonthAndDay(day) {
 
 export function currentMonthAndDayReportPage() {
   return moment().format('D MMMM');
-}
+}