From 489d0905c5304186d95f3a8e4a022ac25b48aafe Mon Sep 17 00:00:00 2001
From: shafi54 <108669266+shafi-aviz@users.noreply.github.com>
Date: Sun, 25 Jan 2026 02:28:33 +0530
Subject: [PATCH] enh

---
 apps/fallback-ui/package.json                     |  1 +
 apps/fallback-ui/src/routes/vendor-order-list.tsx | 11 ++++++-----
 package-lock.json                                 |  1 +
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/fallback-ui/package.json b/apps/fallback-ui/package.json
index 4d7aa7b..e37c837 100644
--- a/apps/fallback-ui/package.json
+++ b/apps/fallback-ui/package.json
@@ -19,6 +19,7 @@
     "axios": "^1.7.9",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "dayjs": "^1.11.19",
     "formik": "^2.4.9",
     "jwt-decode": "^4.0.0",
     "react": "19.0.0",
diff --git a/apps/fallback-ui/src/routes/vendor-order-list.tsx b/apps/fallback-ui/src/routes/vendor-order-list.tsx
index 011b25b..8efb268 100644
--- a/apps/fallback-ui/src/routes/vendor-order-list.tsx
+++ b/apps/fallback-ui/src/routes/vendor-order-list.tsx
@@ -3,6 +3,7 @@ import { useSearch } from '@tanstack/react-router'
 import { trpc } from '../trpc/client'
 import { cn } from '@/lib/utils'
 import { Button } from '@/components/ui/button'
+import dayjs from 'dayjs'
 
 interface VendorOrder {
   orderId: string
@@ -145,7 +146,7 @@ const { data: regularOrders } = trpc.admin.vendorSnippets.getOrdersBySnippet.use
               >
                 {upcomingSlots.data.map((slot) => (
                   <option key={slot.id} value={slot.id}>
-                    {new Date(slot.deliveryTime).toLocaleDateString()} {new Date(slot.deliveryTime).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+                    {dayjs(slot.deliveryTime).format('ddd, MMM DD hh:mm A')}
                   </option>
                 ))}
               </select>
@@ -181,10 +182,10 @@ const { data: regularOrders } = trpc.admin.vendorSnippets.getOrdersBySnippet.use
             </div>
           ) : (
             <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-              {orders.map((order) => {
-                const parsedDate = order.orderDate
-                  ? new Date(order.orderDate).toLocaleString()
-                  : 'N/A'
+{orders.map((order) => {
+                 const parsedDate = order.orderDate
+                   ? dayjs(order.orderDate).format('ddd, MMM DD hh:mm A')
+                   : 'N/A'
                 const badgeClass = 'border-slate-200 bg-slate-100 text-slate-600 inline-flex items-center rounded-full border px-3 py-0.5 text-xs font-semibold uppercase'
 
                 return (
diff --git a/package-lock.json b/package-lock.json
index 2af1e5e..b5c8715 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -214,6 +214,7 @@
         "axios": "^1.7.9",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
+        "dayjs": "^1.11.19",
         "formik": "^2.4.9",
         "jwt-decode": "^4.0.0",
         "react": "19.0.0",