feat: display quiet hours using 24-hour time format (#17016)

mtojek · web-flow · commit d8d4b9b86e1e · 2025-03-20T10:40:42.000+01:00
Fixes: #15452
diff --git a/site/src/utils/schedule.test.ts b/site/src/utils/schedule.test.ts
@@ -78,14 +78,38 @@ describe("util/schedule", () => {
 	});
 
 	describe("quietHoursDisplay", () => {
-		const quietHoursStart = quietHoursDisplay(
-			"00:00",
-			"Australia/Sydney",
-			new Date("2023-09-06T15:00:00.000+10:00"),
-		);
+		it("midnight", () => {
+			const quietHoursStart = quietHoursDisplay(
+				"00:00",
+				"Australia/Sydney",
+				new Date("2023-09-06T15:00:00.000+10:00"),
+			);
+
+			expect(quietHoursStart).toBe(
+				"00:00 tomorrow (in 9 hours) in Australia/Sydney",
+			);
+		});
+		it("five o'clock today", () => {
+			const quietHoursStart = quietHoursDisplay(
+				"17:00",
+				"Europe/London",
+				new Date("2023-09-06T15:00:00.000+10:00"),
+			);
 
-		expect(quietHoursStart).toBe(
-			"12:00AM tomorrow (in 9 hours) in Australia/Sydney",
-		);
+			expect(quietHoursStart).toBe(
+				"17:00 today (in 11 hours) in Europe/London",
+			);
+		});
+		it("lunch tomorrow", () => {
+			const quietHoursStart = quietHoursDisplay(
+				"13:00",
+				"US/Central",
+				new Date("2023-09-06T08:00:00.000+10:00"),
+			);
+
+			expect(quietHoursStart).toBe(
+				"13:00 tomorrow (in 20 hours) in US/Central",
+			);
+		});
 	});
 });
diff --git a/site/src/utils/schedule.tsx b/site/src/utils/schedule.tsx
@@ -276,7 +276,7 @@ export const quietHoursDisplay = (
 
 	const today = dayjs(now).tz(tz);
 	const day = dayjs(parsed.next().toDate()).tz(tz);
-	let display = day.format("h:mmA");
+	let display = day.format("HH:mm");
 
 	if (day.isSame(today, "day")) {
 		display += " today";
