From 585346c9c9e17a0322a84949e5714e79b63b2c16 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Mon, 23 Jun 2025 14:34:17 +0200
Subject: [PATCH 1/3] Display end times in Schedule

---
 .../schedule/_components/schedule-list.tsx    | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app/conf/2025/schedule/_components/schedule-list.tsx b/src/app/conf/2025/schedule/_components/schedule-list.tsx
index f6d3f60c71..9e3d874550 100644
--- a/src/app/conf/2025/schedule/_components/schedule-list.tsx
+++ b/src/app/conf/2025/schedule/_components/schedule-list.tsx
@@ -101,6 +101,19 @@ function getSessionsByDay(
   }
 }
 
+const timeFormat = new Intl.DateTimeFormat(undefined, {
+  hour: "2-digit",
+  minute: "2-digit",
+})
+const formatBlockTime = (start: string, end?: string) => {
+  const startDate = parseISO(start)
+  if (end) {
+    const endDate = parseISO(end)
+    return timeFormat.formatRange(startDate, endDate)
+  }
+  return timeFormat.format(startDate)
+}
+
 export interface ScheduleListProps {
   showFilter?: boolean
   scheduleData: ScheduleSession[]
@@ -199,12 +212,9 @@ export function ScheduleList({
                       <div className="mr-px flex flex-col max-lg:ml-px lg:flex-row">
                         <div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:my-px max-lg:border-x lg:mr-px">
                           <span className="typography-body-sm mt-3 inline-block w-20 whitespace-nowrap pb-0.5 pl-4 lg:mr-6 lg:w-28 lg:pb-4 lg:pl-0">
-                            {parseISO(sessionDate).toLocaleTimeString(
-                              undefined,
-                              {
-                                hour: "2-digit",
-                                minute: "2-digit",
-                              },
+                            {formatBlockTime(
+                              sessionDate,
+                              sessions[0]?.event_end,
                             )}
                           </span>
                         </div>

From e42759fed2af3665dd92ae359db8bfc6b7ac76c3 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Mon, 23 Jun 2025 15:10:20 +0200
Subject: [PATCH 2/3] Display dashed border if there is no break between
 sessions

---
 .../schedule/_components/schedule-list.tsx    | 82 +++++++++++++------
 1 file changed, 57 insertions(+), 25 deletions(-)

diff --git a/src/app/conf/2025/schedule/_components/schedule-list.tsx b/src/app/conf/2025/schedule/_components/schedule-list.tsx
index 9e3d874550..64f9d4e6de 100644
--- a/src/app/conf/2025/schedule/_components/schedule-list.tsx
+++ b/src/app/conf/2025/schedule/_components/schedule-list.tsx
@@ -16,6 +16,7 @@ import {
   FilterStates,
   ResetFiltersButton,
 } from "./filters"
+import clsx from "clsx"
 
 export interface FiltersConfig
   extends Partial<
@@ -204,33 +205,64 @@ export function ScheduleList({
                   {format(parseISO(date), "EEEE, MMMM d")}
                 </h3>
                 {Object.entries(concurrentSessionsGroup).map(
-                  ([sessionDate, sessions]) => (
-                    <div
-                      key={`concurrent sessions on ${sessionDate}`}
-                      className="lg:mt-px"
-                    >
-                      <div className="mr-px flex flex-col max-lg:ml-px lg:flex-row">
-                        <div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:my-px max-lg:border-x lg:mr-px">
-                          <span className="typography-body-sm mt-3 inline-block w-20 whitespace-nowrap pb-0.5 pl-4 lg:mr-6 lg:w-28 lg:pb-4 lg:pl-0">
-                            {formatBlockTime(
-                              sessionDate,
-                              sessions[0]?.event_end,
-                            )}
-                          </span>
+                  ([sessionDate, sessions], i, blocks) => {
+                    const blockEnd = sessions[0]?.event_end
+                    const nextBlockStart = blocks[i + 1]?.[0]
+
+                    const isBreak =
+                      sessions[0]?.event_type
+                        ?.toLowerCase()
+                        .includes("break") ||
+                      blocks[i + 1]?.[1]?.[0]?.event_type
+                        ?.toLowerCase()
+                        .includes("break")
+                    const hasDashedBorder =
+                      blockEnd && blockEnd === nextBlockStart && !isBreak
+
+                    return (
+                      <div
+                        key={`concurrent sessions on ${sessionDate}`}
+                        className="relative lg:mt-px [&_div:has(a:hover)]:z-[1]"
+                      >
+                        <div className="mr-px flex flex-col max-lg:ml-px lg:flex-row">
+                          <div className="relative border-neu-50 bg-neu-50 dark:bg-neu-0 max-lg:-mx-px max-lg:my-px max-lg:border-x lg:mr-px">
+                            <span className="typography-body-sm mt-3 inline-block w-20 whitespace-nowrap pb-0.5 pl-4 lg:mr-6 lg:w-28 lg:pb-4 lg:pl-0">
+                              {formatBlockTime(sessionDate, blockEnd)}
+                            </span>
+                          </div>
+                          <div className="relative flex w-full flex-col items-end gap-px lg:flex-row lg:items-start">
+                            {sessions.map(session => (
+                              <ScheduleSessionCard
+                                key={session.id}
+                                session={session}
+                                year={year}
+                                eventsColors={eventsColors}
+                              />
+                            ))}
+                          </div>
                         </div>
-                        <div className="relative flex w-full flex-col items-end gap-px lg:flex-row lg:items-start">
-                          {sessions.map(session => (
-                            <ScheduleSessionCard
-                              key={session.id}
-                              session={session}
-                              year={year}
-                              eventsColors={eventsColors}
+                        {hasDashedBorder && (
+                          <svg
+                            className="absolute -bottom-px left-0 h-px w-full text-neu-50"
+                            viewBox="0 0 100 1"
+                            preserveAspectRatio="none"
+                          >
+                            <line
+                              x1="0"
+                              y1="0.5"
+                              x2="100"
+                              y2="0.5"
+                              stroke="currentColor"
+                              strokeWidth="1"
+                              strokeDasharray="4,4"
+                              strokeDashoffset="4"
+                              vectorEffect="non-scaling-stroke"
                             />
-                          ))}
-                        </div>
+                          </svg>
+                        )}
                       </div>
-                    </div>
-                  ),
+                    )
+                  },
                 )}
               </div>
             ),
@@ -247,7 +279,7 @@ function BookmarkOnSched({ year }: { year: `202${number}` }) {
       href={`https://graphqlconf${year}.sched.com`}
       target="_blank"
       rel="noreferrer"
-      className="typography-link mb-8 block w-fit decoration-neu-400"
+      className="typography-link mb-8 block w-fit decoration-neu-400 max-lg:hidden"
     >
       Bookmark sessions & plan your days on Sched
       <svg

From 9582464a317fba1cc701e1877a28e93a0cd3adf0 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Mon, 23 Jun 2025 15:11:09 +0200
Subject: [PATCH 3/3] Remove unused import

---
 src/app/conf/2025/schedule/_components/schedule-list.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/conf/2025/schedule/_components/schedule-list.tsx b/src/app/conf/2025/schedule/_components/schedule-list.tsx
index 64f9d4e6de..e2fedb469b 100644
--- a/src/app/conf/2025/schedule/_components/schedule-list.tsx
+++ b/src/app/conf/2025/schedule/_components/schedule-list.tsx
@@ -16,7 +16,6 @@ import {
   FilterStates,
   ResetFiltersButton,
 } from "./filters"
-import clsx from "clsx"
 
 export interface FiltersConfig
   extends Partial<