Table updates for appointments. Initial appointments screen + fetching.

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

@@ -0,0 +1,24 @@
+import React from "react";
+
+export default function ScheduleDateCellWrapper(dateCellWrapperProps) {
+  // Show 'click me' text in arbitrary places by using the range prop
+  const hasAlert = dateCellWrapperProps.range
+    ? dateCellWrapperProps.range.some(date => {
+        return date.getDate() % 12 === 0;
+      })
+    : false;
+
+  const style = {
+    display: "flex",
+    flex: 1,
+    borderLeft: "1px solid #DDD",
+    backgroundColor: hasAlert ? "#f5f5dc" : "#fff"
+  };
+  return (
+    <div style={style}>
+      DateCellWrapper
+      {hasAlert && <button onClick={e => alert(e)}>Click me</button>}
+      {dateCellWrapperProps.children}
+    </div>
+  );
+}