From 2d2a2c35d8667c65e78837653918af38059a57c2 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Fri, 25 Oct 2024 09:23:08 +0400
Subject: [PATCH] ui show created at date

---
 .../src/components/view_key_table.tsx                | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui/litellm-dashboard/src/components/view_key_table.tsx b/ui/litellm-dashboard/src/components/view_key_table.tsx
index 0595e31fd..474a308e9 100644
--- a/ui/litellm-dashboard/src/components/view_key_table.tsx
+++ b/ui/litellm-dashboard/src/components/view_key_table.tsx
@@ -802,6 +802,7 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
           <TableRow>
             <TableHeaderCell>Key Alias</TableHeaderCell>
             <TableHeaderCell>Secret Key</TableHeaderCell>
+            <TableHeaderCell>Created</TableHeaderCell>
             <TableHeaderCell>Expires</TableHeaderCell>
             <TableHeaderCell>Spend (USD)</TableHeaderCell>
             <TableHeaderCell>Budget (USD)</TableHeaderCell>
@@ -843,10 +844,19 @@ const ViewKeyTable: React.FC<ViewKeyTableProps> = ({
                 <TableCell>
                   <Text>{item.key_name}</Text>
                 </TableCell>
+                <TableCell>
+                    {item.created_at != null ? (
+                      <div>
+                        <p style={{ fontSize: '0.70rem' }}>{new Date(item.created_at).toLocaleDateString()}</p>
+                      </div>
+                    ) : (
+                      <p style={{ fontSize: '0.70rem' }}>Not available</p>
+                    )}
+                  </TableCell>
                 <TableCell>
                 {item.expires != null ? (
                   <div>
-                    <p style={{ fontSize: '0.70rem' }}>{new Date(item.expires).toLocaleString()}</p>
+                    <p style={{ fontSize: '0.70rem' }}>{new Date(item.expires).toLocaleDateString()}</p>
                   </div>
                 ) : (
                   <p style={{ fontSize: '0.70rem' }}>Never</p>