pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)">
pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Wed, Jul 9 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Thu, Jul 10 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Fri, Jul 11 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Mon, Jul 14 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Tue, Jul 15 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Wed, Jul 16 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Thu, Jul 17 pulsing = false, 300);" :class="[
preferredDate === date.toISOString().slice(0, 10)
? 'bg-blue-800 text-white border-blue-800'
: 'bg-white text-blue-800 border-blue-800',
validationClass('preferredDate'),
pulsing ? 'animate-pulse-scale' : ''
]" class="px-4 py-4 min-w-[114px] rounded-full border text-xs sm:text-sm hover:bg-blue-800 hover:text-white active:bg-blue-700 transform transition-transform bg-white text-blue-800 border-blue-800" :style="`flex: 0 0 calc(${window.innerWidth >= 1024 ? '25%' : '33.3333%'} - 0.5rem);`" x-text="formatDate(date)" style="flex: 0 0 calc(25% - 0.5rem);">Fri, Jul 18
Please select your preferred date.