Table updates for new appointments fields. Schedule modal baseline functionality. Refactor schedule components to be more reusable.

client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx

@@ -0,0 +1,33 @@
+import moment from "moment";
+import React from "react";
+import { Calendar, momentLocalizer } from "react-big-calendar";
+import "react-big-calendar/lib/css/react-big-calendar.css";
+import DateCellWrapper from "../schedule-datecellwrapper/schedule-datecellwrapper.component";
+import Event from "../schedule-event/schedule-event.container";
+const localizer = momentLocalizer(moment);
+
+export default function ScheduleCalendarWrapperComponent({
+  data,
+  refetch,
+  defaultView,
+  ...otherProps
+}) {
+  return (
+    <Calendar
+      events={data}
+      defaultView={defaultView}
+      step={30}
+      showMultiDayTimes
+      localizer={localizer}
+      min={new Date("2020-01-01T06:00:00")} //TODO: Read from business settings.
+      max={new Date("2020-01-01T20:00:00")}
+      components={{
+        event: e => {
+          return Event({ event: e.event, refetch: refetch });
+        },
+        dateCellWrapper: DateCellWrapper
+      }}
+      {...otherProps}
+    />
+  );
+}