IO-1612 Add employee vacation tracking.

client/src/components/schedule-day-view/schedule-day-view.container.jsx

@@ -11,6 +11,8 @@ export default function ScheduleDayViewContainer({ day }) {
     variables: {
       start: moment(day).startOf("day"),
       end: moment(day).endOf("day"),
+      startd: moment(day).startOf("day").format("YYYY-MM-DD"),
+      endd: moment(day).add(1, "day").format("YYYY-MM-DD"),
     },
     skip: !moment(day).isValid(),
     fetchPolicy: "network-only",
@@ -23,15 +25,29 @@ export default function ScheduleDayViewContainer({ day }) {
   let normalizedData;
 
   if (data) {
-    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) }
-      );
-    });
+    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 (