feat: add explicit continue button to date selection step and remove auto-advancement

This commit is contained in:
2026-05-04 10:31:55 +01:00
parent b3082997b1
commit 3e9386e8aa

View File

@@ -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>
)}