inquiryCheckIn && !isValidCheckout('2026-11-01'))) selectInquiryDate('2026-11-01')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-01') && '2026-11-01' > inquiryCheckIn) inquiryHover = '2026-11-01'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-01' || (isInSelectedRange('2026-11-01') && inquiryCheckIn !== '2026-11-01'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-01' && ('2026-11-01' < inquiryCheckIn || !isReachable('2026-11-01')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-01' > inquiryCheckIn && isReachable('2026-11-01') && !meetsMinStay('2026-11-01'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-01' > inquiryCheckIn && isReachable('2026-11-01') && meetsMinStay('2026-11-01') && !isValidCheckout('2026-11-01'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-01' > inquiryCheckIn && isValidCheckout('2026-11-01') && !isInSelectedRange('2026-11-01'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
1
inquiryCheckIn && !isValidCheckout('2026-11-02'))) selectInquiryDate('2026-11-02')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-02') && '2026-11-02' > inquiryCheckIn) inquiryHover = '2026-11-02'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-02' || (isInSelectedRange('2026-11-02') && inquiryCheckIn !== '2026-11-02'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-02' && ('2026-11-02' < inquiryCheckIn || !isReachable('2026-11-02')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-02' > inquiryCheckIn && isReachable('2026-11-02') && !meetsMinStay('2026-11-02'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-02' > inquiryCheckIn && isReachable('2026-11-02') && meetsMinStay('2026-11-02') && !isValidCheckout('2026-11-02'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-02' > inquiryCheckIn && isValidCheckout('2026-11-02') && !isInSelectedRange('2026-11-02'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
2
inquiryCheckIn && !isValidCheckout('2026-11-03'))) selectInquiryDate('2026-11-03')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-03') && '2026-11-03' > inquiryCheckIn) inquiryHover = '2026-11-03'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-03' || (isInSelectedRange('2026-11-03') && inquiryCheckIn !== '2026-11-03'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-03' && ('2026-11-03' < inquiryCheckIn || !isReachable('2026-11-03')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-03' > inquiryCheckIn && isReachable('2026-11-03') && !meetsMinStay('2026-11-03'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-03' > inquiryCheckIn && isReachable('2026-11-03') && meetsMinStay('2026-11-03') && !isValidCheckout('2026-11-03'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-03' > inquiryCheckIn && isValidCheckout('2026-11-03') && !isInSelectedRange('2026-11-03'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
3
inquiryCheckIn && !isValidCheckout('2026-11-04'))) selectInquiryDate('2026-11-04')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-04') && '2026-11-04' > inquiryCheckIn) inquiryHover = '2026-11-04'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-04' || (isInSelectedRange('2026-11-04') && inquiryCheckIn !== '2026-11-04'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-04' && ('2026-11-04' < inquiryCheckIn || !isReachable('2026-11-04')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-04' > inquiryCheckIn && isReachable('2026-11-04') && !meetsMinStay('2026-11-04'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-04' > inquiryCheckIn && isReachable('2026-11-04') && meetsMinStay('2026-11-04') && !isValidCheckout('2026-11-04'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-04' > inquiryCheckIn && isValidCheckout('2026-11-04') && !isInSelectedRange('2026-11-04'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
4
inquiryCheckIn && !isValidCheckout('2026-11-05'))) selectInquiryDate('2026-11-05')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-05') && '2026-11-05' > inquiryCheckIn) inquiryHover = '2026-11-05'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-05' || (isInSelectedRange('2026-11-05') && inquiryCheckIn !== '2026-11-05'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-05' && ('2026-11-05' < inquiryCheckIn || !isReachable('2026-11-05')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-05' > inquiryCheckIn && isReachable('2026-11-05') && !meetsMinStay('2026-11-05'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-05' > inquiryCheckIn && isReachable('2026-11-05') && meetsMinStay('2026-11-05') && !isValidCheckout('2026-11-05'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-05' > inquiryCheckIn && isValidCheckout('2026-11-05') && !isInSelectedRange('2026-11-05'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
5
inquiryCheckIn && !isValidCheckout('2026-11-06'))) selectInquiryDate('2026-11-06')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-06') && '2026-11-06' > inquiryCheckIn) inquiryHover = '2026-11-06'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-06' || (isInSelectedRange('2026-11-06') && inquiryCheckIn !== '2026-11-06'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-06' && ('2026-11-06' < inquiryCheckIn || !isReachable('2026-11-06')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-06' > inquiryCheckIn && isReachable('2026-11-06') && !meetsMinStay('2026-11-06'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-06' > inquiryCheckIn && isReachable('2026-11-06') && meetsMinStay('2026-11-06') && !isValidCheckout('2026-11-06'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-06' > inquiryCheckIn && isValidCheckout('2026-11-06') && !isInSelectedRange('2026-11-06'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
6
inquiryCheckIn && !isValidCheckout('2026-11-07'))) selectInquiryDate('2026-11-07')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-07') && '2026-11-07' > inquiryCheckIn) inquiryHover = '2026-11-07'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-07' || (isInSelectedRange('2026-11-07') && inquiryCheckIn !== '2026-11-07'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-07' && ('2026-11-07' < inquiryCheckIn || !isReachable('2026-11-07')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-07' > inquiryCheckIn && isReachable('2026-11-07') && !meetsMinStay('2026-11-07'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-07' > inquiryCheckIn && isReachable('2026-11-07') && meetsMinStay('2026-11-07') && !isValidCheckout('2026-11-07'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-07' > inquiryCheckIn && isValidCheckout('2026-11-07') && !isInSelectedRange('2026-11-07'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
7
inquiryCheckIn && !isValidCheckout('2026-11-08'))) selectInquiryDate('2026-11-08')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-08') && '2026-11-08' > inquiryCheckIn) inquiryHover = '2026-11-08'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-08' || (isInSelectedRange('2026-11-08') && inquiryCheckIn !== '2026-11-08'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-08' && ('2026-11-08' < inquiryCheckIn || !isReachable('2026-11-08')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-08' > inquiryCheckIn && isReachable('2026-11-08') && !meetsMinStay('2026-11-08'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-08' > inquiryCheckIn && isReachable('2026-11-08') && meetsMinStay('2026-11-08') && !isValidCheckout('2026-11-08'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-08' > inquiryCheckIn && isValidCheckout('2026-11-08') && !isInSelectedRange('2026-11-08'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
8
inquiryCheckIn && !isValidCheckout('2026-11-09'))) selectInquiryDate('2026-11-09')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-09') && '2026-11-09' > inquiryCheckIn) inquiryHover = '2026-11-09'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-09' || (isInSelectedRange('2026-11-09') && inquiryCheckIn !== '2026-11-09'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-09' && ('2026-11-09' < inquiryCheckIn || !isReachable('2026-11-09')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-09' > inquiryCheckIn && isReachable('2026-11-09') && !meetsMinStay('2026-11-09'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-09' > inquiryCheckIn && isReachable('2026-11-09') && meetsMinStay('2026-11-09') && !isValidCheckout('2026-11-09'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-09' > inquiryCheckIn && isValidCheckout('2026-11-09') && !isInSelectedRange('2026-11-09'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
9
inquiryCheckIn && !isValidCheckout('2026-11-10'))) selectInquiryDate('2026-11-10')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-10') && '2026-11-10' > inquiryCheckIn) inquiryHover = '2026-11-10'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-10' || (isInSelectedRange('2026-11-10') && inquiryCheckIn !== '2026-11-10'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-10' && ('2026-11-10' < inquiryCheckIn || !isReachable('2026-11-10')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-10' > inquiryCheckIn && isReachable('2026-11-10') && !meetsMinStay('2026-11-10'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-10' > inquiryCheckIn && isReachable('2026-11-10') && meetsMinStay('2026-11-10') && !isValidCheckout('2026-11-10'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-10' > inquiryCheckIn && isValidCheckout('2026-11-10') && !isInSelectedRange('2026-11-10'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
10
inquiryCheckIn && !isValidCheckout('2026-11-11'))) selectInquiryDate('2026-11-11')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-11') && '2026-11-11' > inquiryCheckIn) inquiryHover = '2026-11-11'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-11' || (isInSelectedRange('2026-11-11') && inquiryCheckIn !== '2026-11-11'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-11' && ('2026-11-11' < inquiryCheckIn || !isReachable('2026-11-11')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-11' > inquiryCheckIn && isReachable('2026-11-11') && !meetsMinStay('2026-11-11'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-11' > inquiryCheckIn && isReachable('2026-11-11') && meetsMinStay('2026-11-11') && !isValidCheckout('2026-11-11'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-11' > inquiryCheckIn && isValidCheckout('2026-11-11') && !isInSelectedRange('2026-11-11'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
11
inquiryCheckIn && !isValidCheckout('2026-11-12'))) selectInquiryDate('2026-11-12')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-12') && '2026-11-12' > inquiryCheckIn) inquiryHover = '2026-11-12'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-12' || (isInSelectedRange('2026-11-12') && inquiryCheckIn !== '2026-11-12'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-12' && ('2026-11-12' < inquiryCheckIn || !isReachable('2026-11-12')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-12' > inquiryCheckIn && isReachable('2026-11-12') && !meetsMinStay('2026-11-12'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-12' > inquiryCheckIn && isReachable('2026-11-12') && meetsMinStay('2026-11-12') && !isValidCheckout('2026-11-12'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-12' > inquiryCheckIn && isValidCheckout('2026-11-12') && !isInSelectedRange('2026-11-12'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
12
inquiryCheckIn && !isValidCheckout('2026-11-13'))) selectInquiryDate('2026-11-13')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-13') && '2026-11-13' > inquiryCheckIn) inquiryHover = '2026-11-13'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-13' || (isInSelectedRange('2026-11-13') && inquiryCheckIn !== '2026-11-13'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-13' && ('2026-11-13' < inquiryCheckIn || !isReachable('2026-11-13')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-13' > inquiryCheckIn && isReachable('2026-11-13') && !meetsMinStay('2026-11-13'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-13' > inquiryCheckIn && isReachable('2026-11-13') && meetsMinStay('2026-11-13') && !isValidCheckout('2026-11-13'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-13' > inquiryCheckIn && isValidCheckout('2026-11-13') && !isInSelectedRange('2026-11-13'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
13
inquiryCheckIn && !isValidCheckout('2026-11-14'))) selectInquiryDate('2026-11-14')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-14') && '2026-11-14' > inquiryCheckIn) inquiryHover = '2026-11-14'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-14' || (isInSelectedRange('2026-11-14') && inquiryCheckIn !== '2026-11-14'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-14' && ('2026-11-14' < inquiryCheckIn || !isReachable('2026-11-14')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-14' > inquiryCheckIn && isReachable('2026-11-14') && !meetsMinStay('2026-11-14'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-14' > inquiryCheckIn && isReachable('2026-11-14') && meetsMinStay('2026-11-14') && !isValidCheckout('2026-11-14'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-14' > inquiryCheckIn && isValidCheckout('2026-11-14') && !isInSelectedRange('2026-11-14'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
14
inquiryCheckIn && !isValidCheckout('2026-11-15'))) selectInquiryDate('2026-11-15')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-15') && '2026-11-15' > inquiryCheckIn) inquiryHover = '2026-11-15'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-15' || (isInSelectedRange('2026-11-15') && inquiryCheckIn !== '2026-11-15'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-15' && ('2026-11-15' < inquiryCheckIn || !isReachable('2026-11-15')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-15' > inquiryCheckIn && isReachable('2026-11-15') && !meetsMinStay('2026-11-15'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-15' > inquiryCheckIn && isReachable('2026-11-15') && meetsMinStay('2026-11-15') && !isValidCheckout('2026-11-15'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-15' > inquiryCheckIn && isValidCheckout('2026-11-15') && !isInSelectedRange('2026-11-15'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
15
inquiryCheckIn && !isValidCheckout('2026-11-16'))) selectInquiryDate('2026-11-16')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-16') && '2026-11-16' > inquiryCheckIn) inquiryHover = '2026-11-16'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-16' || (isInSelectedRange('2026-11-16') && inquiryCheckIn !== '2026-11-16'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-16' && ('2026-11-16' < inquiryCheckIn || !isReachable('2026-11-16')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-16' > inquiryCheckIn && isReachable('2026-11-16') && !meetsMinStay('2026-11-16'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-16' > inquiryCheckIn && isReachable('2026-11-16') && meetsMinStay('2026-11-16') && !isValidCheckout('2026-11-16'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-16' > inquiryCheckIn && isValidCheckout('2026-11-16') && !isInSelectedRange('2026-11-16'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
16
inquiryCheckIn && !isValidCheckout('2026-11-17'))) selectInquiryDate('2026-11-17')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-17') && '2026-11-17' > inquiryCheckIn) inquiryHover = '2026-11-17'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-17' || (isInSelectedRange('2026-11-17') && inquiryCheckIn !== '2026-11-17'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-17' && ('2026-11-17' < inquiryCheckIn || !isReachable('2026-11-17')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-17' > inquiryCheckIn && isReachable('2026-11-17') && !meetsMinStay('2026-11-17'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-17' > inquiryCheckIn && isReachable('2026-11-17') && meetsMinStay('2026-11-17') && !isValidCheckout('2026-11-17'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-17' > inquiryCheckIn && isValidCheckout('2026-11-17') && !isInSelectedRange('2026-11-17'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
17
inquiryCheckIn && !isValidCheckout('2026-11-18'))) selectInquiryDate('2026-11-18')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-18') && '2026-11-18' > inquiryCheckIn) inquiryHover = '2026-11-18'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-18' || (isInSelectedRange('2026-11-18') && inquiryCheckIn !== '2026-11-18'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-18' && ('2026-11-18' < inquiryCheckIn || !isReachable('2026-11-18')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-18' > inquiryCheckIn && isReachable('2026-11-18') && !meetsMinStay('2026-11-18'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-18' > inquiryCheckIn && isReachable('2026-11-18') && meetsMinStay('2026-11-18') && !isValidCheckout('2026-11-18'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-18' > inquiryCheckIn && isValidCheckout('2026-11-18') && !isInSelectedRange('2026-11-18'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
18
inquiryCheckIn && !isValidCheckout('2026-11-19'))) selectInquiryDate('2026-11-19')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-19') && '2026-11-19' > inquiryCheckIn) inquiryHover = '2026-11-19'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-19' || (isInSelectedRange('2026-11-19') && inquiryCheckIn !== '2026-11-19'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-19' && ('2026-11-19' < inquiryCheckIn || !isReachable('2026-11-19')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-19' > inquiryCheckIn && isReachable('2026-11-19') && !meetsMinStay('2026-11-19'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-19' > inquiryCheckIn && isReachable('2026-11-19') && meetsMinStay('2026-11-19') && !isValidCheckout('2026-11-19'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-19' > inquiryCheckIn && isValidCheckout('2026-11-19') && !isInSelectedRange('2026-11-19'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
19
inquiryCheckIn && !isValidCheckout('2026-11-20'))) selectInquiryDate('2026-11-20')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-20') && '2026-11-20' > inquiryCheckIn) inquiryHover = '2026-11-20'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-20' || (isInSelectedRange('2026-11-20') && inquiryCheckIn !== '2026-11-20'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-20' && ('2026-11-20' < inquiryCheckIn || !isReachable('2026-11-20')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-20' > inquiryCheckIn && isReachable('2026-11-20') && !meetsMinStay('2026-11-20'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-20' > inquiryCheckIn && isReachable('2026-11-20') && meetsMinStay('2026-11-20') && !isValidCheckout('2026-11-20'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-20' > inquiryCheckIn && isValidCheckout('2026-11-20') && !isInSelectedRange('2026-11-20'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
20
inquiryCheckIn && !isValidCheckout('2026-11-21'))) selectInquiryDate('2026-11-21')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-21') && '2026-11-21' > inquiryCheckIn) inquiryHover = '2026-11-21'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-21' || (isInSelectedRange('2026-11-21') && inquiryCheckIn !== '2026-11-21'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-21' && ('2026-11-21' < inquiryCheckIn || !isReachable('2026-11-21')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-21' > inquiryCheckIn && isReachable('2026-11-21') && !meetsMinStay('2026-11-21'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-21' > inquiryCheckIn && isReachable('2026-11-21') && meetsMinStay('2026-11-21') && !isValidCheckout('2026-11-21'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-21' > inquiryCheckIn && isValidCheckout('2026-11-21') && !isInSelectedRange('2026-11-21'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
21
inquiryCheckIn && !isValidCheckout('2026-11-22'))) selectInquiryDate('2026-11-22')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-22') && '2026-11-22' > inquiryCheckIn) inquiryHover = '2026-11-22'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-22' || (isInSelectedRange('2026-11-22') && inquiryCheckIn !== '2026-11-22'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-22' && ('2026-11-22' < inquiryCheckIn || !isReachable('2026-11-22')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-22' > inquiryCheckIn && isReachable('2026-11-22') && !meetsMinStay('2026-11-22'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-22' > inquiryCheckIn && isReachable('2026-11-22') && meetsMinStay('2026-11-22') && !isValidCheckout('2026-11-22'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-22' > inquiryCheckIn && isValidCheckout('2026-11-22') && !isInSelectedRange('2026-11-22'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
22
inquiryCheckIn && !isValidCheckout('2026-11-23'))) selectInquiryDate('2026-11-23')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-23') && '2026-11-23' > inquiryCheckIn) inquiryHover = '2026-11-23'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-23' || (isInSelectedRange('2026-11-23') && inquiryCheckIn !== '2026-11-23'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-23' && ('2026-11-23' < inquiryCheckIn || !isReachable('2026-11-23')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-23' > inquiryCheckIn && isReachable('2026-11-23') && !meetsMinStay('2026-11-23'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-23' > inquiryCheckIn && isReachable('2026-11-23') && meetsMinStay('2026-11-23') && !isValidCheckout('2026-11-23'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-23' > inquiryCheckIn && isValidCheckout('2026-11-23') && !isInSelectedRange('2026-11-23'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
23
inquiryCheckIn && !isValidCheckout('2026-11-24'))) selectInquiryDate('2026-11-24')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-24') && '2026-11-24' > inquiryCheckIn) inquiryHover = '2026-11-24'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-24' || (isInSelectedRange('2026-11-24') && inquiryCheckIn !== '2026-11-24'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-24' && ('2026-11-24' < inquiryCheckIn || !isReachable('2026-11-24')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-24' > inquiryCheckIn && isReachable('2026-11-24') && !meetsMinStay('2026-11-24'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-24' > inquiryCheckIn && isReachable('2026-11-24') && meetsMinStay('2026-11-24') && !isValidCheckout('2026-11-24'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-24' > inquiryCheckIn && isValidCheckout('2026-11-24') && !isInSelectedRange('2026-11-24'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
24
inquiryCheckIn && !isValidCheckout('2026-11-25'))) selectInquiryDate('2026-11-25')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-25') && '2026-11-25' > inquiryCheckIn) inquiryHover = '2026-11-25'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-25' || (isInSelectedRange('2026-11-25') && inquiryCheckIn !== '2026-11-25'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-25' && ('2026-11-25' < inquiryCheckIn || !isReachable('2026-11-25')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-25' > inquiryCheckIn && isReachable('2026-11-25') && !meetsMinStay('2026-11-25'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-25' > inquiryCheckIn && isReachable('2026-11-25') && meetsMinStay('2026-11-25') && !isValidCheckout('2026-11-25'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-25' > inquiryCheckIn && isValidCheckout('2026-11-25') && !isInSelectedRange('2026-11-25'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
25
inquiryCheckIn && !isValidCheckout('2026-11-26'))) selectInquiryDate('2026-11-26')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-26') && '2026-11-26' > inquiryCheckIn) inquiryHover = '2026-11-26'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-26' || (isInSelectedRange('2026-11-26') && inquiryCheckIn !== '2026-11-26'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-26' && ('2026-11-26' < inquiryCheckIn || !isReachable('2026-11-26')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-26' > inquiryCheckIn && isReachable('2026-11-26') && !meetsMinStay('2026-11-26'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-26' > inquiryCheckIn && isReachable('2026-11-26') && meetsMinStay('2026-11-26') && !isValidCheckout('2026-11-26'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-26' > inquiryCheckIn && isValidCheckout('2026-11-26') && !isInSelectedRange('2026-11-26'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
26
inquiryCheckIn && !isValidCheckout('2026-11-27'))) selectInquiryDate('2026-11-27')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-27') && '2026-11-27' > inquiryCheckIn) inquiryHover = '2026-11-27'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-27' || (isInSelectedRange('2026-11-27') && inquiryCheckIn !== '2026-11-27'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-27' && ('2026-11-27' < inquiryCheckIn || !isReachable('2026-11-27')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-27' > inquiryCheckIn && isReachable('2026-11-27') && !meetsMinStay('2026-11-27'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-27' > inquiryCheckIn && isReachable('2026-11-27') && meetsMinStay('2026-11-27') && !isValidCheckout('2026-11-27'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-27' > inquiryCheckIn && isValidCheckout('2026-11-27') && !isInSelectedRange('2026-11-27'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
27
inquiryCheckIn && !isValidCheckout('2026-11-28'))) selectInquiryDate('2026-11-28')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-28') && '2026-11-28' > inquiryCheckIn) inquiryHover = '2026-11-28'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-28' || (isInSelectedRange('2026-11-28') && inquiryCheckIn !== '2026-11-28'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-28' && ('2026-11-28' < inquiryCheckIn || !isReachable('2026-11-28')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-28' > inquiryCheckIn && isReachable('2026-11-28') && !meetsMinStay('2026-11-28'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-28' > inquiryCheckIn && isReachable('2026-11-28') && meetsMinStay('2026-11-28') && !isValidCheckout('2026-11-28'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-28' > inquiryCheckIn && isValidCheckout('2026-11-28') && !isInSelectedRange('2026-11-28'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
28
inquiryCheckIn && !isValidCheckout('2026-11-29'))) selectInquiryDate('2026-11-29')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-29') && '2026-11-29' > inquiryCheckIn) inquiryHover = '2026-11-29'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-29' || (isInSelectedRange('2026-11-29') && inquiryCheckIn !== '2026-11-29'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-29' && ('2026-11-29' < inquiryCheckIn || !isReachable('2026-11-29')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-29' > inquiryCheckIn && isReachable('2026-11-29') && !meetsMinStay('2026-11-29'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-29' > inquiryCheckIn && isReachable('2026-11-29') && meetsMinStay('2026-11-29') && !isValidCheckout('2026-11-29'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-29' > inquiryCheckIn && isValidCheckout('2026-11-29') && !isInSelectedRange('2026-11-29'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
29
inquiryCheckIn && !isValidCheckout('2026-11-30'))) selectInquiryDate('2026-11-30')"
@mouseenter="if (inquiryCheckIn && isValidCheckout('2026-11-30') && '2026-11-30' > inquiryCheckIn) inquiryHover = '2026-11-30'"
@mouseleave="inquiryHover = null"
:class="{
'bg-green text-white ring-green': inquiryCheckIn === '2026-11-30' || (isInSelectedRange('2026-11-30') && inquiryCheckIn !== '2026-11-30'),
'bg-transparent ring-transparent text-stone-400': inquiryCheckIn && inquiryCheckIn !== '2026-11-30' && ('2026-11-30' < inquiryCheckIn || !isReachable('2026-11-30')),
'bg-green/50 ring-transparent text-white pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-30' > inquiryCheckIn && isReachable('2026-11-30') && !meetsMinStay('2026-11-30'),
'bg-transparent border-transparent text-stone-300 pointer-events-none cursor-not-allowed': inquiryCheckIn && '2026-11-30' > inquiryCheckIn && isReachable('2026-11-30') && meetsMinStay('2026-11-30') && !isValidCheckout('2026-11-30'),
' ring-green/50 hover:bg-green text-green hover:text-white': !inquiryCheckIn || ('2026-11-30' > inquiryCheckIn && isValidCheckout('2026-11-30') && !isInSelectedRange('2026-11-30'))
}"
class="flex inset-2 justify-center items-center w-full h-full font-medium rounded-lg ring-2 ring-inset cursor-pointer"
>
30