Update app.py

app.py

@@ -650,6 +650,23 @@ with gr.Blocks(theme='rawrsor1/Everforest') as demo:
                 gr.Markdown("<h1>Locate the Events</h1>", elem_id="location-markdown")
                 location_output = gr.HTML()
                 bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+        
+        with gr.Row():
+            with gr.Column():
+                gr.Markdown("<h1>Current Date and Time</h1>", elem_id="datetime-markdown")
+                datetime_output = gr.HTML('<div id="datetime"></div>')
+                datetime_output.load("", "", _js="""
+                    function(el) {
+                        function updateTime() {
+                            var now = new Date();
+                            var options = { year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit' };
+                            var formattedDate = now.toLocaleDateString('en-US', options);
+                            el.innerHTML = formattedDate;
+                        }
+                        setInterval(updateTime, 1000);
+                    }
+                """)
+        
             # with gr.Column():
             #     gr.Markdown("<h1>Listen to the audio</h1>", elem_id="audio-markdown")
             #     audio_output = gr.Audio()