From 3e9386e8aae36ac3d7096bb253100e05949c5d94 Mon Sep 17 00:00:00 2001
From: 230417 <230417@epvc.pt>
Date: Mon, 4 May 2026 10:31:55 +0100
Subject: [PATCH] feat: add explicit continue button to date selection step and
 remove auto-advancement

---
 web/src/pages/Booking.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/Booking.tsx b/web/src/pages/Booking.tsx
index 436b64c..6f3015d 100644
--- a/web/src/pages/Booking.tsx
+++ b/web/src/pages/Booking.tsx
@@ -272,7 +272,7 @@ export default function Booking() {
               <div className="space-y-2 text-center md:text-left">
                 <h3 className="text-xl sm:text-3xl font-black text-slate-900 tracking-tighter uppercase italic">3. Escolha a <span className="text-indigo-600">Data</span></h3>
               </div>
-              <div className="max-w-md mx-auto relative">
+              <div className="max-w-md mx-auto space-y-6">
                 <div className="flex items-center h-16 bg-slate-50 border-none rounded-2xl px-6 focus-within:ring-2 focus-within:ring-indigo-500/20 transition-all shadow-inner relative overflow-hidden">
                    <Calendar size={20} className="text-indigo-600 mr-4 shrink-0 pointer-events-none" />
                    <span className={`text-base sm:text-lg font-black uppercase tracking-widest pointer-events-none ${date ? 'text-slate-900' : 'text-slate-400'}`}>
@@ -281,14 +281,20 @@ export default function Booking() {
                    <input
                      type="date"
                      value={date}
-                     onChange={(e) => {
-                       setDate(e.target.value);
-                       if (e.target.value) setStep(4);
-                     }}
+                     onChange={(e) => setDate(e.target.value)}
                      min={new Date().toISOString().split('T')[0]}
                      className="absolute inset-0 w-full h-full opacity-0 cursor-pointer m-0 p-0"
                    />
                 </div>
+                
+                {date && (
+                   <Button 
+                     onClick={() => setStep(4)} 
+                     className="w-full h-14 bg-slate-900 text-indigo-400 hover:bg-slate-800 font-black rounded-2xl shadow-xl transition-all uppercase tracking-widest text-xs italic animate-in fade-in slide-in-from-bottom-2"
+                   >
+                     Continuar <ArrowRight size={14} className="ml-2" />
+                   </Button>
+                )}
               </div>
             </div>
           )}