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

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

@@ -1,27 +1,13 @@
-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.component";
-const localizer = momentLocalizer(moment);
+import ScheduleCalendarWrapperComponent from "../schedule-calendar-wrapper/scheduler-calendar-wrapper.component";
 
-export default function ScheduleCalendarComponent({ data }) {
+export default function ScheduleCalendarComponent({ data, refetch }) {
   return (
-    <Calendar
-      events={data}
+    <ScheduleCalendarWrapperComponent
+      data={data}
       defaultView="week"
-      //views={allViews}
-      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")}
-      //onSelectEvent={event => console.log("event", event)}
-      components={{
-        event: Event,
-        dateCellWrapper: DateCellWrapper
-      }}
+      refetch={refetch}
     />
   );
 }