marcogll/AnchorOS
1
0
Fork 0
mirror of https://github.com/marcogll/AnchorOS.git synced 2026-03-15 13:24:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Remove duplicate code in date-picker.tsx causing syntax error

Browse Source
This commit is contained in:
Marco Gallegos
2026-01-18 23:55:35 -06:00
parent 1b9230f2be
commit 7b0a2b0c40
1 changed files with 0 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
components/booking/date-picker.tsx
View File

@@ -130,82 +130,4 @@ export default function DatePicker({ selectedDate, onDateSelect, minDate, disabl
</div> </div>
</div> </div>
) )
}
return false
}
const isDateSelected = (date: Date) => {
return selectedDate && isSameDay(date, selectedDate)
}
return (
<div className="w-full">
<div className="flex items-center justify-between mb-4">
<button
type="button"
onClick={previousMonth}
disabled={disabled}
className="p-2 hover:bg-[var(--mocha-taupe)]/10 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
>
<ChevronLeft className="w-5 h-5" style={{ color: 'var(--charcoal-brown)' }} />
</button>
<h3 className="text-lg font-medium" style={{ color: 'var(--charcoal-brown)' }}>
{format(currentMonth, 'MMMM yyyy', { locale: es })}
</h3>
<button
type="button"
onClick={nextMonth}
disabled={disabled}
className="p-2 hover:bg-[var(--mocha-taupe)]/10 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
>
<ChevronRight className="w-5 h-5" style={{ color: 'var(--charcoal-brown)' }} />
</button>
</div>
<div className="grid grid-cols-7 gap-1 mb-2">
{['L', 'M', 'X', 'J', 'V', 'S', 'D'].map((day, index) => (
<div
key={index}
className="text-center text-sm font-medium py-2"
style={{ color: 'var(--mocha-taupe)' }}
>
{day}
</div>
))}
</div>
<div className="grid grid-cols-7 gap-1">
{days.map((date, index) => {
const disabled = isDateDisabled(date)
const selected = isDateSelected(date)
const today = isToday(date)
const notCurrentMonth = !isSameMonth(date, currentMonth)
return (
<button
key={index}
type="button"
onClick={() => !disabled && !notCurrentMonth && onDateSelect(date)}
disabled={disabled || notCurrentMonth}
className={`
relative p-2 text-sm font-medium rounded-md transition-all
${disabled || notCurrentMonth ? 'opacity-30 cursor-not-allowed' : 'cursor-pointer hover:bg-[var(--mocha-taupe)]/10'}
${selected ? 'text-white' : ''}
${today && !selected ? 'font-bold' : ''}
`}
style={selected ? { background: 'var(--deep-earth)' } : { color: 'var(--charcoal-brown)' }}
>
{format(date, 'd')}
{today && !selected && (
<span
className="absolute bottom-1 left-1/2 transform -translate-x-1/2 w-1 h-1 rounded-full"
style={{ background: 'var(--deep-earth)' }}
/>
)}
</button>
)
})}
</div>
</div>
)
} }