diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index e640a5306..379813352 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -9,6 +9,7 @@ import Landing from "@/app/Landing";
 import Plan from "@/app/Plan";
 import Schedule from "@/app/Schedule";
 import Schedules from "@/app/Schedules";
+import Compare from "@/app/Schedules/Compare";
 import AccountProvider from "@/components/AccountProvider";
 import Layout from "@/components/Layout";
 
@@ -42,6 +43,10 @@ const router = createBrowserRouter([
         element: <Schedule />,
         path: "schedules/:scheduleId",
       },
+      {
+        element: <Compare />,
+        path: "schedules/compare/:leftScheduleId?/:rightScheduleId?",
+      },
     ],
   },
   {
diff --git a/frontend/src/app/Schedule/Calendar/Week/Day/index.tsx b/frontend/src/app/Schedule/Calendar/Week/Day/index.tsx
index 96815d6e9..2e3c60e27 100644
--- a/frontend/src/app/Schedule/Calendar/Week/Day/index.tsx
+++ b/frontend/src/app/Schedule/Calendar/Week/Day/index.tsx
@@ -2,7 +2,7 @@ import classNames from "classnames";
 
 import { getColor } from "@/lib/section";
 
-import { IDay } from "../../semester";
+import { IDay } from "../../calendar";
 import styles from "./Day.module.scss";
 
 const parseTime = (time: string) => {
diff --git a/frontend/src/app/Schedule/Calendar/Week/index.tsx b/frontend/src/app/Schedule/Calendar/Week/index.tsx
index e0a7ec3f6..3a5a3e437 100644
--- a/frontend/src/app/Schedule/Calendar/Week/index.tsx
+++ b/frontend/src/app/Schedule/Calendar/Week/index.tsx
@@ -2,7 +2,7 @@ import classNames from "classnames";
 import { ArrowDown } from "iconoir-react";
 import moment from "moment";
 
-import { IDay } from "../semester";
+import { IDay } from "../calendar";
 import Day from "./Day";
 import styles from "./Week.module.scss";
 
diff --git a/frontend/src/app/Schedule/Calendar/calendar.ts b/frontend/src/app/Schedule/Calendar/calendar.ts
new file mode 100644
index 000000000..4fbd305c6
--- /dev/null
+++ b/frontend/src/app/Schedule/Calendar/calendar.ts
@@ -0,0 +1,16 @@
+export interface IEvent {
+  subject: string;
+  number: string;
+  active?: boolean;
+  startTime: string;
+  endTime: string;
+  startDate: string;
+  endDate: string;
+  days?: boolean[];
+  date?: string;
+}
+
+export interface IDay {
+  date: moment.Moment;
+  events: IEvent[];
+}
diff --git a/frontend/src/app/Schedule/Calendar/index.tsx b/frontend/src/app/Schedule/Calendar/index.tsx
index 7d89fec3c..444fa04f9 100644
--- a/frontend/src/app/Schedule/Calendar/index.tsx
+++ b/frontend/src/app/Schedule/Calendar/index.tsx
@@ -4,9 +4,9 @@ import moment from "moment";
 
 import { ISection } from "@/lib/api";
 
-import styles from "./Semester.module.scss";
+import styles from "./Calendar.module.scss";
 import Week from "./Week";
-import { IDay } from "./semester";
+import { IDay, IEvent } from "./calendar";
 
 interface CalendarProps {
   selectedSections: ISection[];
@@ -17,12 +17,6 @@ export default function Calendar({
   selectedSections,
   currentSection,
 }: CalendarProps) {
-  const sections = useMemo(
-    () =>
-      currentSection ? [...selectedSections, currentSection] : selectedSections,
-    [selectedSections, currentSection]
-  );
-
   const [first] = useState(() => moment("2024-01-01"));
   const [last] = useState(() => moment("2024-05-31"));
 
@@ -38,6 +32,56 @@ export default function Calendar({
     return stop;
   });
 
+  const events = useMemo(
+    () =>
+      (currentSection
+        ? [...selectedSections, currentSection]
+        : selectedSections
+      ).reduce((events, section) => {
+        const {
+          startDate,
+          endDate,
+          meetings,
+          exams,
+          course: { subject, number },
+          ccn,
+        } = section;
+
+        for (const exam of exams) {
+          const { date, startTime, endTime } = exam;
+
+          events.push({
+            date,
+            subject: subject,
+            number: number,
+            active: currentSection?.ccn === ccn,
+            startTime,
+            endTime,
+            startDate,
+            endDate,
+          });
+        }
+
+        for (const meeting of meetings) {
+          const { days, startTime, endTime } = meeting;
+
+          events.push({
+            startDate,
+            endDate,
+            subject: subject,
+            number: number,
+            active: currentSection?.ccn === ccn,
+            days,
+            startTime,
+            endTime,
+          });
+        }
+
+        return events;
+      }, [] as IEvent[]),
+    [selectedSections, currentSection]
+  );
+
   const weeks = useMemo(() => {
     const weeks: IDay[][] = [];
 
@@ -49,20 +93,14 @@ export default function Calendar({
       for (let i = 0; i < 7; i++) {
         const day = {
           date: moment(current),
-          events: sections
+          events: events
             .filter(
-              ({ startDate, endDate, meetings }) =>
+              ({ startDate, endDate, date, days }) =>
                 current.isSameOrAfter(startDate) &&
                 current.isSameOrBefore(endDate) &&
-                meetings[0]?.days[current.day()]
-            )
-            .sort((a, b) =>
-              a.meetings[0].startTime.localeCompare(b.meetings[0].startTime)
+                (moment(date).isSame(current, "day") || days?.[current.day()])
             )
-            .map((section) => ({
-              ...section,
-              active: section.ccn === currentSection?.ccn,
-            })),
+            .sort((a, b) => a.startTime.localeCompare(b.startTime)),
         };
 
         week.push(day);
@@ -74,7 +112,7 @@ export default function Calendar({
     }
 
     return weeks;
-  }, [sections, currentSection, start, stop]);
+  }, [events, start, stop]);
 
   return (
     <div className={styles.root}>
diff --git a/frontend/src/app/Schedule/Calendar/semester.ts b/frontend/src/app/Schedule/Calendar/semester.ts
deleted file mode 100644
index d156625d5..000000000
--- a/frontend/src/app/Schedule/Calendar/semester.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ISection } from "@/lib/api";
-
-interface IEvent extends ISection {
-  active?: boolean;
-}
-
-export interface IDay {
-  date: moment.Moment;
-  events: IEvent[];
-}
diff --git a/frontend/src/app/Schedule/index.tsx b/frontend/src/app/Schedule/index.tsx
index b66d2375f..4bb9f3340 100644
--- a/frontend/src/app/Schedule/index.tsx
+++ b/frontend/src/app/Schedule/index.tsx
@@ -1,17 +1,23 @@
 import { useCallback, useRef, useState } from "react";
 
 import { useApolloClient } from "@apollo/client";
-import { ArrowLeft, ShareIos } from "iconoir-react";
+import {
+  ArrowLeft,
+  Copy,
+  EditPencil,
+  ShareIos,
+  ViewColumns2,
+} from "iconoir-react";
 
 import Button from "@/components/Button";
 import IconButton from "@/components/IconButton";
 import MenuItem from "@/components/MenuItem";
+import Week from "@/components/Week";
 import { GET_CLASS, IClass, ICourse, ISection } from "@/lib/api";
 import { getY } from "@/lib/schedule";
 
 import Calendar from "./Calendar";
 import Map from "./Map";
-import Week from "./Schedule";
 import styles from "./Schedule.module.scss";
 import SideBar from "./SideBar";
 
@@ -28,6 +34,8 @@ export default function Schedule() {
   const [selectedSections, setSelectedSections] = useState<ISection[]>([]);
   const [currentSection, setCurrentSection] = useState<ISection | null>(null);
 
+  console.log(JSON.stringify(selectedSections));
+
   const handleSectionSelect = useCallback(
     (section: ISection) => {
       // Clear the current section
@@ -177,6 +185,9 @@ export default function Schedule() {
             <ArrowLeft />
           </IconButton>
           <p className={styles.heading}>Untitled Spring 2024 schedule</p>
+          <IconButton>
+            <EditPencil />
+          </IconButton>
           <div className={styles.separator} />
         </div>
         <div className={styles.tabs}>
@@ -190,6 +201,14 @@ export default function Schedule() {
             Map
           </MenuItem>
         </div>
+        <Button secondary>
+          <ViewColumns2 />
+          Compare
+        </Button>
+        <Button secondary>
+          <Copy />
+          Clone
+        </Button>
         <Button>
           Share
           <ShareIos />
diff --git a/frontend/src/app/Schedules/Compare/Compare.module.scss b/frontend/src/app/Schedules/Compare/Compare.module.scss
new file mode 100644
index 000000000..587346749
--- /dev/null
+++ b/frontend/src/app/Schedules/Compare/Compare.module.scss
@@ -0,0 +1,54 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+
+  .header {
+    border-bottom: 1px solid var(--border-color);
+    display: flex;
+    background-color: var(--foreground-color);
+
+    .group {
+      display: flex;
+      align-items: center;
+      padding: 12px;
+      flex: 1;
+      gap: 12px;
+
+      &:not(:last-child) {
+        border-right: 1px solid var(--border-color);
+      }
+
+      .paragraph {
+        font-size: 12px;
+        line-height: 1;
+        color: var(--paragraph-color);
+      }
+
+      .heading {
+        font-size: 14px;
+        font-weight: 500;
+        padding: 0 12px;
+        line-height: 1;
+        color: var(--heading-color);
+        flex-grow: 1;
+      }
+    }
+  }
+
+  .body {
+    display: flex;
+    grid-template-columns: 1fr 1fr;
+    flex-grow: 1;
+    height: 0;
+
+    .view {
+      flex: 1;
+      overflow: auto;
+
+      &:not(:last-child) {
+        border-right: 1px solid var(--border-color);
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/frontend/src/app/Schedules/Compare/index.tsx b/frontend/src/app/Schedules/Compare/index.tsx
new file mode 100644
index 000000000..fcdffaf67
--- /dev/null
+++ b/frontend/src/app/Schedules/Compare/index.tsx
@@ -0,0 +1,114 @@
+import { useEffect, useRef, useState } from "react";
+
+import { ArrowLeft, DataTransferBoth, Xmark } from "iconoir-react";
+
+import IconButton from "@/components/IconButton";
+import Week from "@/components/Week";
+
+import styles from "./Compare.module.scss";
+
+const leftSelectedSections = JSON.parse(
+  `[{"__typename":"Section","course":{"__typename":"Course","subject":"COMPSCI","number":"61B"},"reservations":[{"__typename":"Reservation","enrollCount":301,"enrollMax":1,"group":"Electrical Engineering & Computer Science, EECS/Materials Science & Engineering, and EECS/Nuclear Engineering Majors; and Undeclared Students in the College of Engineering"},{"__typename":"Reservation","enrollCount":32,"enrollMax":1,"group":"Non-EECS Declared Engineering Majors"},{"__typename":"Reservation","enrollCount":16,"enrollMax":1,"group":"Students declared in the Computer Science BA major"},{"__typename":"Reservation","enrollCount":0,"enrollMax":1,"group":"Intended L&S Computer Science Undergraduates with 1-2 Terms in Attendance"},{"__typename":"Reservation","enrollCount":617,"enrollMax":1,"group":"Undeclared Students in the College of Letters & Science"}],"ccn":15660,"enrollCount":1393,"enrollMax":1500,"meetings":[{"__typename":"Meeting","days":[false,true,false,true,false,true,false],"location":"Dwinelle 155","endTime":"13:59:00","startTime":"13:00:00","instructors":[{"__typename":"Instructor","familyName":"Yokota","givenName":"Justin"},{"__typename":"Instructor","familyName":"Kao","givenName":"Peyrin"}]}],"component":"LEC","primary":true,"waitlistCount":0,"waitlistMax":700,"number":"001","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"COMPSCI","number":"61B"},"ccn":16493,"enrollCount":0,"enrollMax":1,"meetings":[{"__typename":"Meeting","days":[false,false,false,true,false,false,false],"endTime":"15:59:00","startTime":"14:00:00","location":"Soda 271","instructors":[]}],"primary":false,"component":"LAB","waitlistCount":0,"waitlistMax":0,"number":"101L","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"COMPSCI","number":"61B"},"ccn":16492,"enrollCount":0,"enrollMax":1,"meetings":[{"__typename":"Meeting","days":[false,false,true,false,false,false,false],"endTime":"09:59:00","startTime":"09:00:00","location":"Soda 320","instructors":[]}],"primary":false,"component":"DIS","waitlistCount":0,"waitlistMax":0,"number":"101","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"EPS","number":"C20"},"reservations":[],"ccn":20537,"enrollCount":455,"enrollMax":453,"meetings":[{"__typename":"Meeting","days":[false,false,true,false,true,false,false],"location":"Internet/Online","endTime":"15:29:00","startTime":"14:00:00","instructors":[{"__typename":"Instructor","familyName":"Burgmann","givenName":"Roland"}]}],"component":"LEC","primary":true,"waitlistCount":0,"waitlistMax":100,"number":"001","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}}]`
+);
+
+const rightSelectedSections = JSON.parse(
+  `[{"__typename":"Section","course":{"__typename":"Course","subject":"COMPSCI","number":"61B"},"reservations":[{"__typename":"Reservation","enrollCount":301,"enrollMax":1,"group":"Electrical Engineering & Computer Science, EECS/Materials Science & Engineering, and EECS/Nuclear Engineering Majors; and Undeclared Students in the College of Engineering"},{"__typename":"Reservation","enrollCount":32,"enrollMax":1,"group":"Non-EECS Declared Engineering Majors"},{"__typename":"Reservation","enrollCount":16,"enrollMax":1,"group":"Students declared in the Computer Science BA major"},{"__typename":"Reservation","enrollCount":0,"enrollMax":1,"group":"Intended L&S Computer Science Undergraduates with 1-2 Terms in Attendance"},{"__typename":"Reservation","enrollCount":617,"enrollMax":1,"group":"Undeclared Students in the College of Letters & Science"}],"ccn":15660,"enrollCount":1393,"enrollMax":1500,"meetings":[{"__typename":"Meeting","days":[false,true,false,true,false,true,false],"location":"Dwinelle 155","endTime":"13:59:00","startTime":"13:00:00","instructors":[{"__typename":"Instructor","familyName":"Yokota","givenName":"Justin"},{"__typename":"Instructor","familyName":"Kao","givenName":"Peyrin"}]}],"component":"LEC","primary":true,"waitlistCount":0,"waitlistMax":700,"number":"001","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"COMPSCI","number":"61B"},"ccn":16493,"enrollCount":0,"enrollMax":1,"meetings":[{"__typename":"Meeting","days":[false,false,false,true,false,false,false],"endTime":"15:59:00","startTime":"14:00:00","location":"Soda 271","instructors":[]}],"primary":false,"component":"LAB","waitlistCount":0,"waitlistMax":0,"number":"101L","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"COMPSCI","number":"61B"},"ccn":16492,"enrollCount":0,"enrollMax":1,"meetings":[{"__typename":"Meeting","days":[false,false,true,false,false,false,false],"endTime":"09:59:00","startTime":"09:00:00","location":"Soda 320","instructors":[]}],"primary":false,"component":"DIS","waitlistCount":0,"waitlistMax":0,"number":"101","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"EPS","number":"C20"},"reservations":[],"ccn":20537,"enrollCount":455,"enrollMax":453,"meetings":[{"__typename":"Meeting","days":[false,false,true,false,true,false,false],"location":"Internet/Online","endTime":"15:29:00","startTime":"14:00:00","instructors":[{"__typename":"Instructor","familyName":"Burgmann","givenName":"Roland"}]}],"component":"LEC","primary":true,"waitlistCount":0,"waitlistMax":100,"number":"001","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"PHILOS","number":"100"},"reservations":[{"__typename":"Reservation","enrollCount":49,"enrollMax":50,"group":"Philosophy Majors"}],"ccn":21697,"enrollCount":50,"enrollMax":50,"meetings":[{"__typename":"Meeting","days":[false,false,false,true,false,false,false],"location":"Dwinelle 88","endTime":"17:59:00","startTime":"16:00:00","instructors":[{"__typename":"Instructor","familyName":"Dasgupta","givenName":"Shamik"},{"__typename":"Instructor","familyName":"DeBrine","givenName":"Hannah"},{"__typename":"Instructor","familyName":"Huang","givenName":"Anhui"},{"__typename":"Instructor","familyName":"McIntosh","givenName":"Russell"},{"__typename":"Instructor","familyName":"Strelau","givenName":"Klaus"},{"__typename":"Instructor","familyName":"von Gotz","givenName":"Aglaia"}]}],"component":"LEC","primary":true,"waitlistCount":0,"waitlistMax":0,"number":"001","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}},{"__typename":"Section","course":{"__typename":"Course","subject":"PHILOS","number":"100"},"ccn":21698,"enrollCount":50,"enrollMax":50,"meetings":[{"__typename":"Meeting","days":[false,false,false,false,false,false,false],"endTime":"00:00:00","startTime":"00:00:00","location":null,"instructors":[]}],"primary":false,"component":"TUT","waitlistCount":0,"waitlistMax":2,"number":"101","startDate":"2024-01-16T00:00:00.000Z","endDate":"2024-05-03T00:00:00.000Z","class":{"number":"001"}}]`
+);
+
+export default function Compare() {
+  const [y, setY] = useState<number | null>(null);
+  const leftRef = useRef<HTMLDivElement>(null);
+  const rightRef = useRef<HTMLDivElement>(null);
+  const [current, setCurrent] = useState<number | null>(null);
+
+  useEffect(() => {
+    if (!leftRef.current || !rightRef.current) return;
+
+    const left = leftRef.current;
+    const right = rightRef.current;
+
+    const handleScroll = (left?: boolean) => {
+      if (!leftRef.current || !rightRef.current) return;
+
+      if (left) {
+        if (current === 1) return;
+
+        rightRef.current.scrollTo({
+          top: leftRef.current.scrollTop,
+          left: leftRef.current.scrollLeft,
+        });
+
+        return;
+      }
+
+      if (current === 0) return;
+
+      leftRef.current.scrollTo({
+        top: rightRef.current.scrollTop,
+        left: rightRef.current.scrollLeft,
+      });
+    };
+
+    const handleLeftScroll = () => handleScroll(true);
+    left.addEventListener("scroll", handleLeftScroll);
+
+    const handleRightScroll = () => handleScroll();
+    right.addEventListener("scroll", handleRightScroll);
+
+    return () => {
+      right.removeEventListener("scroll", handleLeftScroll);
+      left.removeEventListener("scroll", handleRightScroll);
+    };
+  }, [current]);
+
+  return (
+    <div className={styles.root}>
+      <div className={styles.header}>
+        <div className={styles.group}>
+          <IconButton>
+            <ArrowLeft />
+          </IconButton>
+          <p className={styles.heading}>Untitled Spring 2024 schedule</p>
+          <p className={styles.paragraph}>Spring 2024</p>
+          <IconButton>
+            <DataTransferBoth />
+          </IconButton>
+          <IconButton>
+            <Xmark />
+          </IconButton>
+        </div>
+        <div className={styles.group}>
+          <p className={styles.heading}>No schedule selected</p>
+          <IconButton>
+            <DataTransferBoth />
+          </IconButton>
+          <IconButton>
+            <Xmark />
+          </IconButton>
+        </div>
+      </div>
+      <div className={styles.body}>
+        <div
+          className={styles.view}
+          ref={leftRef}
+          onMouseEnter={() => setCurrent(0)}
+          onMouseLeave={() =>
+            setCurrent((previous) => (previous === 0 ? null : previous))
+          }
+        >
+          <Week selectedSections={leftSelectedSections} y={y} updateY={setY} />
+        </div>
+        <div
+          className={styles.view}
+          ref={rightRef}
+          onMouseEnter={() => setCurrent(1)}
+          onMouseLeave={() =>
+            setCurrent((previous) => (previous === 1 ? null : previous))
+          }
+        >
+          <Week selectedSections={rightSelectedSections} y={y} updateY={setY} />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/app/Schedule/Schedule/Event/Event.module.scss b/frontend/src/components/Week/Event/Event.module.scss
similarity index 100%
rename from frontend/src/app/Schedule/Schedule/Event/Event.module.scss
rename to frontend/src/components/Week/Event/Event.module.scss
diff --git a/frontend/src/app/Schedule/Schedule/Event/index.tsx b/frontend/src/components/Week/Event/index.tsx
similarity index 100%
rename from frontend/src/app/Schedule/Schedule/Event/index.tsx
rename to frontend/src/components/Week/Event/index.tsx
diff --git a/frontend/src/app/Schedule/Schedule/Schedule.module.scss b/frontend/src/components/Week/Week.module.scss
similarity index 99%
rename from frontend/src/app/Schedule/Schedule/Schedule.module.scss
rename to frontend/src/components/Week/Week.module.scss
index 9b6401a3f..f161f07c4 100644
--- a/frontend/src/app/Schedule/Schedule/Schedule.module.scss
+++ b/frontend/src/components/Week/Week.module.scss
@@ -54,6 +54,7 @@
     .week {
       flex-grow: 1;
       display: grid;
+      z-index: 1;
       grid-template-columns: repeat(7, 1fr);
 
       .day {
diff --git a/frontend/src/app/Schedule/Schedule/index.tsx b/frontend/src/components/Week/index.tsx
similarity index 91%
rename from frontend/src/app/Schedule/Schedule/index.tsx
rename to frontend/src/components/Week/index.tsx
index 04e185fda..2b8d3efdb 100644
--- a/frontend/src/app/Schedule/Schedule/index.tsx
+++ b/frontend/src/components/Week/index.tsx
@@ -4,7 +4,7 @@ import { ISection } from "@/lib/api";
 import { getY } from "@/lib/schedule";
 
 import Event from "./Event";
-import styles from "./Schedule.module.scss";
+import styles from "./Week.module.scss";
 
 const getId = (section: ISection) =>
   `${section.course.subject} ${section.course.number} ${section.class.number} ${section.number}`;
@@ -43,17 +43,28 @@ const adjustAttachedEvents = (
   }
 };
 
-interface CalendarProps {
+interface WeekProps {
   selectedSections: ISection[];
-  currentSection: ISection | null;
+  currentSection?: ISection | null;
+  y?: number | null;
+  updateY?: (y: number | null) => void;
 }
 
-export default function Schedule({
+export default function Week({
   selectedSections,
   currentSection,
-}: CalendarProps) {
+  y: remoteY,
+  updateY: updateRemoteY,
+}: WeekProps) {
   const viewRef = useRef<HTMLDivElement>(null);
-  const [y, setY] = useState<number | null>(null);
+  const [localY, setLocalY] = useState<number | null>(null);
+
+  const y = useMemo(() => localY ?? remoteY, [localY, remoteY]);
+
+  const updateLocalY = (y: number | null) => {
+    setLocalY(y);
+    updateRemoteY?.(y);
+  };
 
   const sections = useMemo(
     () =>
@@ -161,7 +172,7 @@ export default function Schedule({
       )
     );
 
-    setY(y);
+    updateLocalY(y);
   };
 
   return (
@@ -183,7 +194,7 @@ export default function Schedule({
         ref={viewRef}
         onMouseMove={updateY}
         onMouseOver={updateY}
-        onMouseOut={() => setY(null)}
+        onMouseOut={() => updateLocalY(null)}
       >
         <div className={styles.sideBar}>
           {currentTime && y && (
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index 5bc86c19b..44ae9712e 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -81,6 +81,14 @@ export interface IInstructor {
   givenName: string;
 }
 
+export interface IExam {
+  date: string;
+  location: string;
+  final: boolean;
+  startTime: string;
+  endTime: string;
+}
+
 export interface ISection {
   ccn: string;
   class: IClass;
@@ -98,6 +106,7 @@ export interface ISection {
   reservations: IReservation[];
   startDate: string;
   endDate: string;
+  exams: IExam[];
 }
 
 export interface IReservation {
@@ -254,6 +263,13 @@ export const GET_CLASS = gql`
         ccn
         enrollCount
         enrollMax
+        exams {
+          date
+          final
+          location
+          startTime
+          endTime
+        }
         meetings {
           days
           endTime