IO-1612 Add employee vacation tracking.

client/src/components/schedule-calendar/schedule-calendar.container.jsx

@@ -10,6 +10,7 @@ import ScheduleCalendarComponent from "./schedule-calendar.component";
 import { calculateScheduleLoad } from "../../redux/application/application.actions";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import moment from "moment";
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
 });
@@ -26,7 +27,12 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
   const { loading, error, data, refetch } = useQuery(
     QUERY_ALL_ACTIVE_APPOINTMENTS,
     {
-      variables: { start: range.start.toDate(), end: range.end.toDate() },
+      variables: {
+        start: range.start.toDate(),
+        end: range.end.toDate(),
+        startd: range.start,
+        endd: range.end,
+      },
       skip: !!!range.start || !!!range.end,
       fetchPolicy: "network-only",
       nextFetchPolicy: "network-only",
@@ -39,15 +45,29 @@ export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
 
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent message={error.message} type="error" />;
-  let normalizedData = data.appointments.map((e) => {
-    //Required becuase Hasura returns a string instead of a date object.
-    return Object.assign(
-      {},
-      e,
-      { start: new Date(e.start) },
-      { end: new Date(e.end) }
-    );
-  });
+  let normalizedData = [
+    ...data.appointments.map((e) => {
+      //Required becuase Hasura returns a string instead of a date object.
+      return Object.assign(
+        {},
+        e,
+        { start: new Date(e.start) },
+        { end: new Date(e.end) }
+      );
+    }),
+    ...data.employee_vacation.map((e) => {
+      //Required becuase Hasura returns a string instead of a date object.
+      return {
+        ...e,
+        title: `${
+          (e.employee.first_name && e.employee.first_name.substr(0, 1)) || ""
+        } ${e.employee.last_name || ""} OUT`,
+        color: "red",
+        start: moment(e.start).startOf("day").toDate(),
+        end: moment(e.end).startOf("day").toDate(),
+      };
+    }),
+  ];
 
   return (
     <ScheduleCalendarComponent