IO-1055 Blocked Day improvements.

client/src/components/job-at-change/schedule-event.component.jsx

@@ -24,6 +24,15 @@ export function ScheduleEventComponent({
 }) {
   const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
+
+  const blockContent = (
+    <div>
+      <Button onClick={() => handleCancel(event.id)} disabled={event.arrived}>
+        {t("appointments.actions.cancel")}
+      </Button>
+    </div>
+  );
+
   const popoverContent = (
     <div>
       {!event.isintake ? (
@@ -167,7 +176,7 @@ export function ScheduleEventComponent({
       visible={visible}
       onVisibleChange={(vis) => setVisible(vis)}
       trigger="click"
-      content={popoverContent}
+      content={event.block ? blockContent : popoverContent}
       style={{ height: "100%", width: "100%" }}
     >
       {RegularEvent}