From aa05512dbab12e0fc74d750da75a975074f0a4ee Mon Sep 17 00:00:00 2001
From: HARSHAVARDHAN-RAJU5 <harshahv5rm@gmail.com>
Date: Tue, 7 Apr 2026 00:36:33 +0530
Subject: [PATCH] fix(ui): use UTC time for request logs start/end time
 initialization

Fixes #25219

moment() without .utc() creates local time strings which get
misinterpreted during UTC conversion, causing logs to appear
several hours behind real-time in the Request Logs UI.

Added .utc() to all moment() calls that set startTime/endTime
state in view_logs/index.tsx.
---
 .../src/components/view_logs/index.tsx             | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_logs/index.tsx b/ui/litellm-dashboard/src/components/view_logs/index.tsx
index ab70126a5a8..67f2066c4a4 100644
--- a/ui/litellm-dashboard/src/components/view_logs/index.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/index.tsx
@@ -66,8 +66,8 @@ export default function SpendLogsTable({
   const quickSelectRef = useRef<HTMLDivElement>(null);
 
   // New state variables for Start and End Time
-  const [startTime, setStartTime] = useState<string>(moment().subtract(24, "hours").format("YYYY-MM-DDTHH:mm"));
-  const [endTime, setEndTime] = useState<string>(moment().format("YYYY-MM-DDTHH:mm"));
+  const [startTime, setStartTime] = useState<string>(moment().utc().subtract(24, "hours").format("YYYY-MM-DDTHH:mm"));
+  const [endTime, setEndTime] = useState<string>(moment().utc().format("YYYY-MM-DDTHH:mm"));
 
   const [isCustomDate, setIsCustomDate] = useState(false);
   const [quickSelectOpen, setQuickSelectOpen] = useState(false);
@@ -262,8 +262,8 @@ export default function SpendLogsTable({
   const handleFilterReset = useCallback(() => {
     handleFilterResetFromHook();
     // Reset custom time range to default (last 24 hours)
-    setStartTime(moment().subtract(24, "hours").format("YYYY-MM-DDTHH:mm"));
-    setEndTime(moment().format("YYYY-MM-DDTHH:mm"));
+    setStartTime(moment().utc().subtract(24, "hours").format("YYYY-MM-DDTHH:mm"));
+    setEndTime(moment().utc().format("YYYY-MM-DDTHH:mm"));
     setIsCustomDate(false);
     setSelectedTimeInterval({ value: 24, unit: "hours" });
     setCurrentPage(1);
@@ -575,10 +575,10 @@ export default function SpendLogsTable({
                                       className={`w-full px-3 py-2 text-left text-sm hover:bg-gray-50 rounded-md ${displayLabel === option.label ? "bg-blue-50 text-blue-600" : ""
                                         }`}
                                       onClick={() => {
-                                        setCurrentPage(1);
-                                        setEndTime(moment().format("YYYY-MM-DDTHH:mm"));
+                                        setEndTime(moment().utc().format("YYYY-MM-DDTHH:mm"));
                                         setStartTime(
-                                          moment()
+                                        moment()
+                                          .utc()
                                             .subtract(option.value, option.unit as any)
                                             .format("YYYY-MM-DDTHH:mm"),
                                         );