enh

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",

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,9 +182,9 @@ 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) => {
+{orders.map((order) => {
                  const parsedDate = order.orderDate
-                  ? new Date(order.orderDate).toLocaleString()
+                   ? 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'
 

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",