diff --git a/artifacts/tx-os/src/pages/executive-meetings.tsx b/artifacts/tx-os/src/pages/executive-meetings.tsx
index 84e1acbe..6add65c2 100644
--- a/artifacts/tx-os/src/pages/executive-meetings.tsx
+++ b/artifacts/tx-os/src/pages/executive-meetings.tsx
@@ -115,7 +115,7 @@ import { EditableCell } from "@/components/editable-cell";
 // from the schedule row quick-actions menu shares one implementation.
 import { PostponeDialog } from "@/components/executive-meetings/upcoming-meeting-alert";
 import { AnalogClock } from "@/components/executive-meetings/analog-clock";
-import { formatDate, formatWeekday } from "@/lib/i18n-format";
+import { formatDate, formatTime as formatTimeI18n, formatWeekday } from "@/lib/i18n-format";
 import { safeHtml, htmlToPlainText, wrapAsParagraph } from "@/lib/safe-html";
 import {
   ALERT_COLOR_PRESETS,
@@ -781,6 +781,34 @@ export default function ExecutiveMeetingsPage() {
   );
 }
 
+function PresidentClockBar({ date, lang }: { date: string; lang: "ar" | "en" }) {
+  const [now, setNow] = useState<Date>(() => new Date());
+  useEffect(() => {
+    const id = window.setInterval(() => setNow(new Date()), 1000);
+    return () => window.clearInterval(id);
+  }, []);
+  return (
+    <div
+      className="flex items-center gap-2 sm:gap-3 ps-2 sm:ps-3 ms-1 border-s border-gray-200"
+      data-testid="em-president-clock-bar"
+    >
+      <AnalogClock size={40} />
+      <div className="leading-tight">
+        <div className="flex items-center gap-2 text-[#0B1E3F] font-semibold text-sm sm:text-base">
+          <span data-testid="em-president-weekday">{formatWeekday(date, lang, "long")}</span>
+          <span className="text-muted-foreground/60">·</span>
+          <span className="tabular-nums" data-testid="em-president-digital-time">
+            {formatTimeI18n(now, lang, { hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: true })}
+          </span>
+        </div>
+        <div className="text-xs sm:text-sm text-muted-foreground tabular-nums" data-testid="em-president-date">
+          {formatDate(date, lang)}
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function HeaderClock({ lang }: { lang: "ar" | "en" }) {
   const [now, setNow] = useState<Date>(() => new Date());
   useEffect(() => {
@@ -2677,20 +2705,7 @@ function ScheduleSection({
         />
       </label>
       {isPresidentView && (
-        <div
-          className="flex items-center gap-2 sm:gap-3 ps-2 sm:ps-3 ms-1 border-s border-gray-200"
-          data-testid="em-president-clock-bar"
-        >
-          <AnalogClock size={40} />
-          <div className="leading-tight">
-            <div className="text-[#0B1E3F] font-semibold text-sm sm:text-base">
-              {formatWeekday(date, lang, "long")}
-            </div>
-            <div className="text-xs sm:text-sm text-muted-foreground tabular-nums">
-              {formatDate(date, lang)}
-            </div>
-          </div>
-        </div>
+        <PresidentClockBar date={date} lang={lang} />
       )}
     </>
   );