feat: add explicit continue button to date selection step and remove auto-advancement
This commit is contained in:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user