From ab035087d3b6188aa574340fbbdf8b7fd7bad175 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 23 Apr 2026 20:33:16 +0000
Subject: [PATCH] feat(ui): view_logs/SpendLogsSettingsModal Input to shadcn

- antd Input \u2192 shadcn Input; antd Switch kept (Form valuePropName='
  checked' binding). lucide Clock wrapped in absolute-positioned
  prefix since shadcn Input has no prefix prop.

Gates: TS \u2713 | Build \u2713.

Co-authored-by: yuneng-jiang <yuneng-berri@users.noreply.github.com>
---
 .../SpendLogsSettingsModal/SpendLogsSettingsModal.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_logs/SpendLogsSettingsModal/SpendLogsSettingsModal.tsx b/ui/litellm-dashboard/src/components/view_logs/SpendLogsSettingsModal/SpendLogsSettingsModal.tsx
index 21ca824b452..8d6cd3a5b48 100644
--- a/ui/litellm-dashboard/src/components/view_logs/SpendLogsSettingsModal/SpendLogsSettingsModal.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/SpendLogsSettingsModal/SpendLogsSettingsModal.tsx
@@ -14,7 +14,8 @@ import {
 } from "@/components/ui/dialog";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Clock } from "lucide-react";
-import { Form, Input, Switch } from "antd";
+import { Input } from "@/components/ui/input";
+import { Form, Switch } from "antd";
 import React, { useEffect, useMemo } from "react";
 
 interface SpendLogsSettingsModalProps {
@@ -166,10 +167,10 @@ const SpendLogsSettingsModal: React.FC<SpendLogsSettingsModalProps> = ({ isVisib
             {isLoadingConfig ? (
               <Skeleton className="h-6 w-full" />
             ) : (
-              <Input
-                placeholder="e.g., 7d, 30d"
-                prefix={<Clock className="h-3.5 w-3.5" />}
-              />
+              <div className="relative">
+                <Clock className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none" />
+                <Input placeholder="e.g., 7d, 30d" className="pl-8" />
+              </div>
             )}
           </Form.Item>
         </Form>