0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">1
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">2
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">3
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">4
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">5
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">6
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">7
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">8
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">9
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-600 bg-orange-200 text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">10
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">11
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">12
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">13
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">14
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">15
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">16
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">17
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">18
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">19
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">20
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">21
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">22
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">23
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">24
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">25
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">26
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">27
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">28
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">29
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">30
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">
0 && getDateValue(date['date'])" x-text="date['date']" x-on:click="checkDayDisabled(date['price'], date['date'], date['id'], no_of_days, dateIndex)" class="w-6 h-6 mx-auto text-xs leading-none leading-loose text-center transition duration-100 ease-in-out rounded-full cursor-pointer text-gray-300 cursor-default" :class="{
'text-gray-600 bg-orange-200': isToday(date['date']) === true,
'text-gray-300 cursor-default': isPastToday(date['date']) === true || date['price'] === 0,
'text-gray-600 hover:bg-orange-200': isToday(date['date']) === false && isPastToday(date['date']) === false && isSelectedDate(date['date']) === false && date['price'] > 0,
'bg-primary text-white hover:bg-opacity-75': isSelectedDate(date['date']) === true,
}">31