From 5c671151409ae69117c9efc0cd0c22c49ca409f8 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Tue, 11 Jan 2022 18:18:39 -0800
Subject: [PATCH] adding date on top

---
 pages/teams/demo.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/teams/demo.tsx b/pages/teams/demo.tsx
index 802f8ff..4f1e710 100644
--- a/pages/teams/demo.tsx
+++ b/pages/teams/demo.tsx
@@ -160,9 +160,12 @@ export default class Demo extends React.Component<MyProps, MyState> {
                     {/* header content */}
                     <section className="flex-1 flex flex-row items-center justify-between py-5">
                         {/* welcome message */}
-                        <span className='flex flex-col'>
+                        <span className='flex flex-col items-baseline'>
                             <span className="font-bold text-xl text-white">👋Hey Arjun, Good Afternoon!</span>
                             <span className="text-md text-gray-300">you collabed <span className="text-green-500">1.5 hours</span> and worked <span className="text-orange-500">2 hours</span> yesterday</span>
+
+                            {/* Date and time */}
+                            <span className='text-sky-700 bg-sky-200 p-1 rounded-md text-xs font-bold mt-2'>Tues, Jan 11th</span>
                         </span>
                         
                         {/* avatar */}