diff --git a/src/components/ui/range-calendar/RangeCalendar.vue b/src/components/ui/range-calendar/RangeCalendar.vue
deleted file mode 100644
index 2d11816..0000000
--- a/src/components/ui/range-calendar/RangeCalendar.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarRootEmits, RangeCalendarRootProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarRoot, useForwardPropsEmits } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNextButton, RangeCalendarPrevButton } from "."
-
-const props = defineProps<RangeCalendarRootProps & { class?: HTMLAttributes["class"] }>()
-
-const emits = defineEmits<RangeCalendarRootEmits>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <RangeCalendarRoot
-    v-slot="{ grid, weekDays }"
-    :class="cn('p-3', props.class)"
-    v-bind="forwarded"
-  >
-    <RangeCalendarHeader>
-      <RangeCalendarPrevButton />
-      <RangeCalendarHeading />
-      <RangeCalendarNextButton />
-    </RangeCalendarHeader>
-
-    <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
-      <RangeCalendarGrid v-for="month in grid" :key="month.value.toString()">
-        <RangeCalendarGridHead>
-          <RangeCalendarGridRow>
-            <RangeCalendarHeadCell
-              v-for="day in weekDays" :key="day"
-            >
-              {{ day }}
-            </RangeCalendarHeadCell>
-          </RangeCalendarGridRow>
-        </RangeCalendarGridHead>
-        <RangeCalendarGridBody>
-          <RangeCalendarGridRow v-for="(weekDates, index) in month.rows" :key="`weekDate-${index}`" class="mt-2 w-full">
-            <RangeCalendarCell
-              v-for="weekDate in weekDates"
-              :key="weekDate.toString()"
-              :date="weekDate"
-            >
-              <RangeCalendarCellTrigger
-                :day="weekDate"
-                :month="month.value"
-              />
-            </RangeCalendarCell>
-          </RangeCalendarGridRow>
-        </RangeCalendarGridBody>
-      </RangeCalendarGrid>
-    </div>
-  </RangeCalendarRoot>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarCell.vue b/src/components/ui/range-calendar/RangeCalendarCell.vue
deleted file mode 100644
index e5dea17..0000000
--- a/src/components/ui/range-calendar/RangeCalendarCell.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarCellProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarCell, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-
-const props = defineProps<RangeCalendarCellProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarCell
-    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </RangeCalendarCell>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarCellTrigger.vue b/src/components/ui/range-calendar/RangeCalendarCellTrigger.vue
deleted file mode 100644
index 7971c55..0000000
--- a/src/components/ui/range-calendar/RangeCalendarCellTrigger.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarCellTriggerProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarCellTrigger, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { buttonVariants } from '@/components/ui/button'
-
-const props = defineProps<RangeCalendarCellTriggerProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarCellTrigger
-    :class="cn(
-      buttonVariants({ variant: 'ghost' }),
-      'h-8 w-8 p-0 font-normal',
-      '[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
-      // Range interior: hover preview (highlighted) and committed selection
-      // share the accent tint; the two ends get the primary pill.
-      'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:rounded-none',
-      'data-[selected]:bg-accent data-[selected]:text-accent-foreground data-[selected]:rounded-none data-[selected]:opacity-100',
-      'data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground data-[selection-start]:rounded-md data-[selection-start]:hover:bg-primary data-[selection-start]:hover:text-primary-foreground',
-      'data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground data-[selection-end]:rounded-md data-[selection-end]:hover:bg-primary data-[selection-end]:hover:text-primary-foreground',
-      // Disabled (before today, past the next occupied night, under min stay)
-      'data-[disabled]:text-muted-foreground data-[disabled]:opacity-40 data-[disabled]:pointer-events-none',
-      // Unavailable: an occupied night — struck through, muted, not a target
-      'data-[unavailable]:text-muted-foreground data-[unavailable]:line-through data-[unavailable]:opacity-50 data-[unavailable]:pointer-events-none',
-      // Outside months
-      'data-[outside-view]:text-muted-foreground data-[outside-view]:opacity-50 [&[data-outside-view][data-selected]]:bg-accent/50 [&[data-outside-view][data-selected]]:text-muted-foreground [&[data-outside-view][data-selected]]:opacity-30',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </RangeCalendarCellTrigger>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarGrid.vue b/src/components/ui/range-calendar/RangeCalendarGrid.vue
deleted file mode 100644
index c1db6c9..0000000
--- a/src/components/ui/range-calendar/RangeCalendarGrid.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarGrid, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-
-const props = defineProps<RangeCalendarGridProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarGrid
-    :class="cn('w-full border-collapse space-y-1', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </RangeCalendarGrid>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarGridBody.vue b/src/components/ui/range-calendar/RangeCalendarGridBody.vue
deleted file mode 100644
index 68556dd..0000000
--- a/src/components/ui/range-calendar/RangeCalendarGridBody.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridBodyProps } from "reka-ui"
-import { RangeCalendarGridBody } from "reka-ui"
-
-const props = defineProps<RangeCalendarGridBodyProps>()
-</script>
-
-<template>
-  <RangeCalendarGridBody v-bind="props">
-    <slot />
-  </RangeCalendarGridBody>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarGridHead.vue b/src/components/ui/range-calendar/RangeCalendarGridHead.vue
deleted file mode 100644
index f6cc09e..0000000
--- a/src/components/ui/range-calendar/RangeCalendarGridHead.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridHeadProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { RangeCalendarGridHead } from "reka-ui"
-
-const props = defineProps<RangeCalendarGridHeadProps & { class?: HTMLAttributes["class"] }>()
-</script>
-
-<template>
-  <RangeCalendarGridHead v-bind="props">
-    <slot />
-  </RangeCalendarGridHead>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarGridRow.vue b/src/components/ui/range-calendar/RangeCalendarGridRow.vue
deleted file mode 100644
index 717396c..0000000
--- a/src/components/ui/range-calendar/RangeCalendarGridRow.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridRowProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarGridRow, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-
-const props = defineProps<RangeCalendarGridRowProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarGridRow :class="cn('flex', props.class)" v-bind="forwardedProps">
-    <slot />
-  </RangeCalendarGridRow>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarHeadCell.vue b/src/components/ui/range-calendar/RangeCalendarHeadCell.vue
deleted file mode 100644
index 7ea377f..0000000
--- a/src/components/ui/range-calendar/RangeCalendarHeadCell.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarHeadCellProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarHeadCell, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-
-const props = defineProps<RangeCalendarHeadCellProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarHeadCell :class="cn('w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground', props.class)" v-bind="forwardedProps">
-    <slot />
-  </RangeCalendarHeadCell>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarHeader.vue b/src/components/ui/range-calendar/RangeCalendarHeader.vue
deleted file mode 100644
index 5cef2d5..0000000
--- a/src/components/ui/range-calendar/RangeCalendarHeader.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarHeaderProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarHeader, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-
-const props = defineProps<RangeCalendarHeaderProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarHeader :class="cn('relative flex w-full items-center justify-between pt-1', props.class)" v-bind="forwardedProps">
-    <slot />
-  </RangeCalendarHeader>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarHeading.vue b/src/components/ui/range-calendar/RangeCalendarHeading.vue
deleted file mode 100644
index 90845e3..0000000
--- a/src/components/ui/range-calendar/RangeCalendarHeading.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarHeadingProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { RangeCalendarHeading, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-
-const props = defineProps<RangeCalendarHeadingProps & { class?: HTMLAttributes["class"] }>()
-
-defineSlots<{
-  default: (props: { headingValue: string }) => any
-}>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarHeading
-    v-slot="{ headingValue }"
-    :class="cn('text-sm font-medium', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot :heading-value>
-      {{ headingValue }}
-    </slot>
-  </RangeCalendarHeading>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarNextButton.vue b/src/components/ui/range-calendar/RangeCalendarNextButton.vue
deleted file mode 100644
index f60c786..0000000
--- a/src/components/ui/range-calendar/RangeCalendarNextButton.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarNextProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronRight } from "lucide-vue-next"
-import { RangeCalendarNext, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { buttonVariants } from '@/components/ui/button'
-
-const props = defineProps<RangeCalendarNextProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarNext
-    :class="cn(
-      buttonVariants({ variant: 'outline' }),
-      'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot>
-      <ChevronRight class="h-4 w-4" />
-    </slot>
-  </RangeCalendarNext>
-</template>
diff --git a/src/components/ui/range-calendar/RangeCalendarPrevButton.vue b/src/components/ui/range-calendar/RangeCalendarPrevButton.vue
deleted file mode 100644
index 8ed2032..0000000
--- a/src/components/ui/range-calendar/RangeCalendarPrevButton.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarPrevProps } from "reka-ui"
-import type { HTMLAttributes } from "vue"
-import { reactiveOmit } from "@vueuse/core"
-import { ChevronLeft } from "lucide-vue-next"
-import { RangeCalendarPrev, useForwardProps } from "reka-ui"
-import { cn } from "@/lib/utils"
-import { buttonVariants } from '@/components/ui/button'
-
-const props = defineProps<RangeCalendarPrevProps & { class?: HTMLAttributes["class"] }>()
-
-const delegatedProps = reactiveOmit(props, "class")
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarPrev
-    :class="cn(
-      buttonVariants({ variant: 'outline' }),
-      'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot>
-      <ChevronLeft class="h-4 w-4" />
-    </slot>
-  </RangeCalendarPrev>
-</template>
diff --git a/src/components/ui/range-calendar/index.ts b/src/components/ui/range-calendar/index.ts
deleted file mode 100644
index 34d5361..0000000
--- a/src/components/ui/range-calendar/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export { default as RangeCalendar } from "./RangeCalendar.vue"
-export { default as RangeCalendarCell } from "./RangeCalendarCell.vue"
-export { default as RangeCalendarCellTrigger } from "./RangeCalendarCellTrigger.vue"
-export { default as RangeCalendarGrid } from "./RangeCalendarGrid.vue"
-export { default as RangeCalendarGridBody } from "./RangeCalendarGridBody.vue"
-export { default as RangeCalendarGridHead } from "./RangeCalendarGridHead.vue"
-export { default as RangeCalendarGridRow } from "./RangeCalendarGridRow.vue"
-export { default as RangeCalendarHeadCell } from "./RangeCalendarHeadCell.vue"
-export { default as RangeCalendarHeader } from "./RangeCalendarHeader.vue"
-export { default as RangeCalendarHeading } from "./RangeCalendarHeading.vue"
-export { default as RangeCalendarNextButton } from "./RangeCalendarNextButton.vue"
-export { default as RangeCalendarPrevButton } from "./RangeCalendarPrevButton.vue"
diff --git a/src/modules/chatelet/components/StayDatePicker.vue b/src/modules/chatelet/components/StayDatePicker.vue
deleted file mode 100644
index 3c2ee0e..0000000
--- a/src/modules/chatelet/components/StayDatePicker.vue
+++ /dev/null
@@ -1,260 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, shallowRef, watch } from 'vue'
-import { useMediaQuery } from '@vueuse/core'
-import {
-  CalendarDate,
-  getLocalTimeZone,
-  parseDate,
-  today,
-  type DateValue,
-} from '@internationalized/date'
-import type { DateRange as RekaDateRange } from 'reka-ui'
-import { format } from 'date-fns'
-import { X } from 'lucide-vue-next'
-import { Button } from '@/components/ui/button'
-import { RangeCalendar } from '@/components/ui/range-calendar'
-import { cn } from '@/lib/utils'
-import { addDays, nextUnavailableOnOrAfter, nightsBetween, stayIsFree } from '../lib/unavailable'
-
-/**
- * Airbnb-style stay picker: one range calendar where occupied nights are
- * struck through, check-out may land on the morning another guest arrives,
- * and a stay can never straddle an occupied night.
- *
- * reka-ui only guards clicks with `isDateDisabled` and, with contiguous
- * ranges, hides the selected styling on `isDateUnavailable` days — so the
- * matchers below are selection-aware: once a check-in is chosen, the first
- * occupied night after it stops being "unavailable" (it is a legal
- * check-out) and every later day is disabled. Both matchers close over refs,
- * because reka reads them once at setup.
- */
-const props = defineProps<{
-  /** YYYY-MM-DD or '' */
-  checkIn: string
-  checkOut: string
-  /** Sorted occupied nights (YYYY-MM-DD) and the same as a Set. */
-  nights: string[]
-  nightSet: Set<string>
-  minNights: number
-  /** Last selectable day, YYYY-MM-DD (the loaded window end). */
-  maxDate?: string
-}>()
-
-const emit = defineEmits<{
-  'update:checkIn': [value: string]
-  'update:checkOut': [value: string]
-}>()
-
-const isWide = useMediaQuery('(min-width: 640px)')
-const todayYmd = today(getLocalTimeZone()).toString()
-
-function toYmd(d: DateValue | undefined): string {
-  return d ? new CalendarDate(d.year, d.month, d.day).toString() : ''
-}
-function fromYmd(ymd: string): CalendarDate | undefined {
-  if (!ymd) return undefined
-  try {
-    return parseDate(ymd)
-  } catch {
-    return undefined
-  }
-}
-
-// --- selection state -------------------------------------------------------
-
-/** The in-progress check-in while the guest is still picking a check-out. */
-const pendingStart = ref<string>('')
-const bothSet = computed(() => Boolean(props.checkIn && props.checkOut))
-const activeStart = computed(() => (bothSet.value ? '' : pendingStart.value || props.checkIn))
-
-/** First occupied night after the chosen check-in: the last legal check-out. */
-const boundary = computed(() =>
-  activeStart.value
-    ? nextUnavailableOnOrAfter(props.nights, addDays(activeStart.value, 1))
-    : undefined,
-)
-
-// shallowRef: DateValue instances must not be made deeply reactive (their
-// private fields break reka's typings and identity checks).
-const model = shallowRef<RekaDateRange>({ start: fromYmd(props.checkIn), end: fromYmd(props.checkOut) })
-watch(
-  () => [props.checkIn, props.checkOut] as const,
-  ([ci, co]) => {
-    model.value = { start: fromYmd(ci), end: fromYmd(co) }
-    if (ci && co) pendingStart.value = ''
-  },
-)
-
-const placeholder = shallowRef<DateValue>(fromYmd(props.checkIn) ?? today(getLocalTimeZone()))
-
-const minValue = today(getLocalTimeZone())
-const maxValue = computed(() => (props.maxDate ? fromYmd(props.maxDate) : undefined))
-
-// --- matchers (stable functions over reactive state) ------------------------
-
-function isDateUnavailable(d: DateValue): boolean {
-  const y = toYmd(d)
-  if (!props.nightSet.has(y)) return false
-  // The boundary night is a legal check-out, and a committed check-out that
-  // sits on an occupied night must keep rendering as selected.
-  if (y === boundary.value || (bothSet.value && y === props.checkOut)) return false
-  return true
-}
-
-function isDateDisabled(d: DateValue): boolean {
-  const y = toYmd(d)
-  if (y < todayYmd) return true
-  const start = activeStart.value
-  if (!start) {
-    // Picking a check-in: occupied nights are out; everything else is fair.
-    return props.nightSet.has(y) && !(bothSet.value && y === props.checkOut)
-  }
-  if (y === start) return false
-  if (y > start) {
-    if (y < addDays(start, props.minNights)) return true
-    if (boundary.value && y > boundary.value) return true
-    return false
-  }
-  // Clicking before the chosen check-in restarts the range there.
-  return props.nightSet.has(y)
-}
-
-// --- events -----------------------------------------------------------------
-
-function onStartValue(v: DateValue | undefined) {
-  pendingStart.value = toYmd(v)
-}
-
-function onModel(v: RekaDateRange | null) {
-  const ci = toYmd(v?.start)
-  const co = toYmd(v?.end)
-  if (ci && co) {
-    const ok =
-      stayIsFree(props.nightSet, ci, co) && nightsBetween(ci, co) >= props.minNights
-    if (!ok) {
-      // Defensive: reka let a bad range through — keep the check-in, redo the end.
-      pendingStart.value = ci
-      emit('update:checkIn', ci)
-      emit('update:checkOut', '')
-      return
-    }
-    pendingStart.value = ''
-    emit('update:checkIn', ci)
-    emit('update:checkOut', co)
-    return
-  }
-  if (ci && !co) {
-    pendingStart.value = ci
-    emit('update:checkIn', ci)
-    emit('update:checkOut', '')
-    return
-  }
-  pendingStart.value = ''
-  emit('update:checkIn', '')
-  emit('update:checkOut', '')
-}
-
-function clear() {
-  onModel(null)
-}
-
-function clearCheckOut() {
-  if (!props.checkIn) return
-  onModel({ start: fromYmd(props.checkIn), end: undefined })
-}
-
-// --- display ----------------------------------------------------------------
-
-function pretty(ymd: string): string {
-  return ymd ? format(new Date(ymd + 'T00:00:00'), 'MMM d, yyyy') : ''
-}
-
-const nights = computed(() => (bothSet.value ? nightsBetween(props.checkIn, props.checkOut) : 0))
-
-const title = computed(() => {
-  if (bothSet.value) return `${nights.value} night${nights.value === 1 ? '' : 's'}`
-  if (props.checkIn) return 'Select check-out date'
-  return 'Select check-in date'
-})
-
-const subtitle = computed(() => {
-  if (bothSet.value) return `${pretty(props.checkIn)} – ${pretty(props.checkOut)}`
-  if (props.checkIn) return `Minimum stay ${props.minNights} night${props.minNights === 1 ? '' : 's'}`
-  return 'Add your travel dates for exact pricing'
-})
-</script>
-
-<template>
-  <div class="space-y-4">
-    <!-- Summary header + the two labelled date boxes -->
-    <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
-      <div>
-        <p class="text-lg font-semibold text-foreground">{{ title }}</p>
-        <p class="text-sm text-muted-foreground">{{ subtitle }}</p>
-      </div>
-      <div class="grid grid-cols-2 rounded-lg border border-input text-left">
-        <div
-          :class="cn('px-3 py-2', !checkIn && 'ring-2 ring-ring rounded-l-lg')"
-        >
-          <p class="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">Check-in</p>
-          <div class="flex items-center justify-between gap-1">
-            <span :class="cn('text-sm', checkIn ? 'text-foreground' : 'text-muted-foreground')">
-              {{ checkIn ? pretty(checkIn) : 'Add date' }}
-            </span>
-            <button
-              v-if="checkIn"
-              type="button"
-              class="rounded-sm opacity-60 hover:opacity-100"
-              aria-label="Clear check-in"
-              @click="clear"
-            >
-              <X class="h-3.5 w-3.5" />
-            </button>
-          </div>
-        </div>
-        <div
-          :class="cn('border-l border-input px-3 py-2', checkIn && !checkOut && 'ring-2 ring-ring rounded-r-lg')"
-        >
-          <p class="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">Check-out</p>
-          <div class="flex items-center justify-between gap-1">
-            <span :class="cn('text-sm', checkOut ? 'text-foreground' : 'text-muted-foreground')">
-              {{ checkOut ? pretty(checkOut) : 'Add date' }}
-            </span>
-            <button
-              v-if="checkOut"
-              type="button"
-              class="rounded-sm opacity-60 hover:opacity-100"
-              aria-label="Clear check-out"
-              @click="clearCheckOut"
-            >
-              <X class="h-3.5 w-3.5" />
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <RangeCalendar
-      :model-value="model"
-      v-model:placeholder="placeholder"
-      :number-of-months="isWide ? 2 : 1"
-      paged-navigation
-      :week-starts-on="1"
-      :min-value="minValue"
-      :max-value="maxValue"
-      :is-date-unavailable="isDateUnavailable"
-      :is-date-disabled="isDateDisabled"
-      class="mx-auto w-fit p-0"
-      @update:model-value="onModel"
-      @update:start-value="onStartValue"
-    />
-
-    <div class="flex items-center justify-between text-xs text-muted-foreground">
-      <span class="inline-flex items-center gap-1.5">
-        <span class="inline-block h-3 w-3 rounded-sm bg-muted line-through opacity-70"></span>
-        Unavailable
-      </span>
-      <Button variant="ghost" size="sm" :disabled="!checkIn" @click="clear">Clear dates</Button>
-    </div>
-  </div>
-</template>
diff --git a/src/modules/chatelet/composables/useRoomUnavailability.ts b/src/modules/chatelet/composables/useRoomUnavailability.ts
deleted file mode 100644
index 684b931..0000000
--- a/src/modules/chatelet/composables/useRoomUnavailability.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { computed, ref, watch, type Ref } from 'vue'
-import { getLocalTimeZone, today } from '@internationalized/date'
-import { SERVICE_TOKENS, tryInjectService } from '@/core/di-container'
-import type { ChateletApiService } from '../services/ChateletApiService'
-import { addDays, expandRanges } from '../lib/unavailable'
-
-const WINDOW_DAYS = 365
-
-/**
- * The occupied nights of one room for the calendar. One fetch of a 12-month
- * window per room — a few spans, cheap — and the calendar's `maxValue` is
- * pinned to the window end, so no refetch on month navigation. `refresh()`
- * after a booking lands, or when a quote comes back "not available" for a
- * stay the local set thought free (someone else's hold appeared).
- */
-export function useRoomUnavailability(roomId: Ref<string | undefined>) {
-  // DI, never a direct import (workspace rule).
-  const api = tryInjectService<ChateletApiService>(SERVICE_TOKENS.CHATELET_API)
-
-  const nights = ref<string[]>([])
-  const windowStart = ref(today(getLocalTimeZone()).toString())
-  const windowEnd = ref(addDays(windowStart.value, WINDOW_DAYS))
-  const isLoading = ref(false)
-  const error = ref<string | null>(null)
-
-  const nightSet = computed(() => new Set(nights.value))
-
-  async function refresh(): Promise<void> {
-    if (!api || !roomId.value) return
-    isLoading.value = true
-    error.value = null
-    try {
-      const start = today(getLocalTimeZone()).toString()
-      const res = await api.getUnavailableRanges(roomId.value, start, addDays(start, WINDOW_DAYS))
-      windowStart.value = res.start
-      windowEnd.value = res.end
-      nights.value = expandRanges(res.ranges)
-    } catch (e: unknown) {
-      error.value = e instanceof Error ? e.message : 'Could not load availability'
-    } finally {
-      isLoading.value = false
-    }
-  }
-
-  watch(roomId, () => void refresh(), { immediate: true })
-
-  return { nights, nightSet, windowStart, windowEnd, isLoading, error, refresh }
-}
diff --git a/src/modules/chatelet/lib/unavailable.spec.ts b/src/modules/chatelet/lib/unavailable.spec.ts
deleted file mode 100644
index 2756ce6..0000000
--- a/src/modules/chatelet/lib/unavailable.spec.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import {
-  addDays,
-  expandRanges,
-  nextUnavailableOnOrAfter,
-  nightsBetween,
-  stayIsFree,
-} from './unavailable'
-
-describe('unavailable-night helpers', () => {
-  it('addDays crosses month and year boundaries', () => {
-    expect(addDays('2026-10-31', 1)).toBe('2026-11-01')
-    expect(addDays('2026-12-31', 1)).toBe('2027-01-01')
-    expect(addDays('2026-03-01', -1)).toBe('2026-02-28')
-  })
-
-  it('nightsBetween is check_out-exclusive', () => {
-    expect(nightsBetween('2026-10-05', '2026-10-07')).toBe(2)
-    expect(nightsBetween('2026-10-05', '2026-10-05')).toBe(0)
-  })
-
-  it('expandRanges yields sorted, de-duplicated occupied nights (end exclusive)', () => {
-    const nights = expandRanges([
-      { start: '2026-10-10', end: '2026-10-12' },
-      { start: '2026-10-05', end: '2026-10-07' },
-      { start: '2026-10-11', end: '2026-10-13' },
-    ])
-    expect(nights).toEqual(['2026-10-05', '2026-10-06', '2026-10-10', '2026-10-11', '2026-10-12'])
-  })
-
-  it('nextUnavailableOnOrAfter finds the boundary night', () => {
-    const nights = ['2026-10-05', '2026-10-06', '2026-10-10']
-    expect(nextUnavailableOnOrAfter(nights, '2026-10-01')).toBe('2026-10-05')
-    expect(nextUnavailableOnOrAfter(nights, '2026-10-05')).toBe('2026-10-05')
-    expect(nextUnavailableOnOrAfter(nights, '2026-10-07')).toBe('2026-10-10')
-    expect(nextUnavailableOnOrAfter(nights, '2026-10-11')).toBeUndefined()
-    expect(nextUnavailableOnOrAfter([], '2026-10-11')).toBeUndefined()
-  })
-
-  it('stayIsFree honours half-open semantics', () => {
-    const set = new Set(['2026-10-05', '2026-10-06'])
-    // checking out the morning the other guest checks in is fine
-    expect(stayIsFree(set, '2026-10-03', '2026-10-05')).toBe(true)
-    // checking in the morning they leave is fine too
-    expect(stayIsFree(set, '2026-10-07', '2026-10-09')).toBe(true)
-    // spanning an occupied night is not
-    expect(stayIsFree(set, '2026-10-04', '2026-10-06')).toBe(false)
-    expect(stayIsFree(set, '2026-10-06', '2026-10-06')).toBe(false)
-  })
-})
diff --git a/src/modules/chatelet/lib/unavailable.ts b/src/modules/chatelet/lib/unavailable.ts
deleted file mode 100644
index 0904b4c..0000000
--- a/src/modules/chatelet/lib/unavailable.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { DateRange } from '../types/room'
-
-/** YYYY-MM-DD → YYYY-MM-DD, `days` later. Date-only math, no timezone. */
-export function addDays(ymd: string, days: number): string {
-  const d = new Date(ymd + 'T00:00:00Z')
-  d.setUTCDate(d.getUTCDate() + days)
-  return d.toISOString().slice(0, 10)
-}
-
-/** Nights between two YYYY-MM-DD dates (check_out exclusive). */
-export function nightsBetween(checkIn: string, checkOut: string): number {
-  const a = Date.UTC(+checkIn.slice(0, 4), +checkIn.slice(5, 7) - 1, +checkIn.slice(8, 10))
-  const b = Date.UTC(+checkOut.slice(0, 4), +checkOut.slice(5, 7) - 1, +checkOut.slice(8, 10))
-  return Math.round((b - a) / 86_400_000)
-}
-
-/**
- * Expand half-open [start, end) spans into the sorted, de-duplicated list of
- * occupied nights. A year of a busy room is a few hundred strings — cheap to
- * hold and to binary-search.
- */
-export function expandRanges(ranges: DateRange[]): string[] {
-  const out = new Set<string>()
-  for (const r of ranges) {
-    for (let d = r.start; d < r.end; d = addDays(d, 1)) out.add(d)
-  }
-  return [...out].sort()
-}
-
-/** First occupied night ≥ `ymd`, or undefined if none in the loaded window. */
-export function nextUnavailableOnOrAfter(nights: string[], ymd: string): string | undefined {
-  let lo = 0
-  let hi = nights.length
-  while (lo < hi) {
-    const mid = (lo + hi) >> 1
-    if (nights[mid] < ymd) lo = mid + 1
-    else hi = mid
-  }
-  return nights[lo]
-}
-
-/** True when every night of [checkIn, checkOut) is free. */
-export function stayIsFree(nightSet: Set<string>, checkIn: string, checkOut: string): boolean {
-  if (!(checkIn < checkOut)) return false
-  for (let d = checkIn; d < checkOut; d = addDays(d, 1)) {
-    if (nightSet.has(d)) return false
-  }
-  return true
-}
diff --git a/src/modules/chatelet/services/ChateletApiService.ts b/src/modules/chatelet/services/ChateletApiService.ts
index 36e74f3..2be1400 100644
--- a/src/modules/chatelet/services/ChateletApiService.ts
+++ b/src/modules/chatelet/services/ChateletApiService.ts
@@ -1,4 +1,4 @@
-import type { AvailabilityResult, Room, UnavailableRanges } from '../types/room'
+import type { AvailabilityResult, Room } from '../types/room'
 import type { BookingQuote, BookingRequest, PublicBooking } from '../types/booking'
 
 export interface ChateletApiConfig {
@@ -30,26 +30,6 @@ export class ChateletApiService {
     return this.request(`/chatelet/api/v1/public/rooms/${id}`, { method: 'GET' })
   }
 
-  /**
-   * Nights a guest cannot book over a window (default today → +365 d): live
-   * holds, confirmed stays and manual blocks merged into anonymous spans.
-   * Keyless, like the room read it hangs off.
-   */
-  async getUnavailableRanges(
-    roomId: string,
-    start?: string,
-    end?: string,
-  ): Promise<UnavailableRanges> {
-    const q = new URLSearchParams()
-    if (start) q.set('start', start)
-    if (end) q.set('end', end)
-    const qs = q.toString()
-    return this.request(
-      `/chatelet/api/v1/public/rooms/${roomId}/unavailable${qs ? `?${qs}` : ''}`,
-      { method: 'GET' },
-    )
-  }
-
   async checkAvailability(
     roomId: string,
     checkIn: string,
diff --git a/src/modules/chatelet/types/room.ts b/src/modules/chatelet/types/room.ts
index b49ebef..6800d6a 100644
--- a/src/modules/chatelet/types/room.ts
+++ b/src/modules/chatelet/types/room.ts
@@ -31,17 +31,3 @@ export interface AvailabilityResult {
   quote_fiat: number | null
   currency: string | null
 }
-
-/** Half-open [start, end) span of occupied nights; `end` is the morning the room frees up. */
-export interface DateRange {
-  start: string
-  end: string
-}
-
-/** `GET /chatelet/api/v1/public/rooms/{id}/unavailable` — the guest calendar feed. */
-export interface UnavailableRanges {
-  room_id: string
-  start: string
-  end: string
-  ranges: DateRange[]
-}
diff --git a/src/modules/chatelet/views/ChateletDetailPage.vue b/src/modules/chatelet/views/ChateletDetailPage.vue
index aa71891..ae43195 100644
--- a/src/modules/chatelet/views/ChateletDetailPage.vue
+++ b/src/modules/chatelet/views/ChateletDetailPage.vue
@@ -2,18 +2,16 @@
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { toast } from 'vue-sonner'
-import { watchDebounced } from '@vueuse/core'
+import { addDays, format } from 'date-fns'
 import { MapPin, Users } from 'lucide-vue-next'
 import { Card, CardContent } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
-import { formatSats } from '@/lib/utils/formatting'
+import { Label } from '@/components/ui/label'
+import DatePicker from '@/modules/base/components/DatePicker.vue'
 import { useAuth } from '@/composables/useAuthService'
 import { useChatelet } from '../composables/useChatelet'
-import { useRoomUnavailability } from '../composables/useRoomUnavailability'
-import { stayIsFree } from '../lib/unavailable'
 import BookRoomDialog from '../components/BookRoomDialog.vue'
-import StayDatePicker from '../components/StayDatePicker.vue'
 import type { AvailabilityResult, Room } from '../types/room'
 
 const route = useRoute()
@@ -32,23 +30,25 @@ const showBooking = ref(false)
  *  `result` being cleared once the dates are taken. */
 const bookingQuote = ref<AvailabilityResult | null>(null)
 
-// Occupied nights for the calendar; refreshed after a booking and when a
-// quote contradicts the local set (someone else's hold appeared).
-const roomIdRef = computed(() => route.params.id as string | undefined)
-const unavailability = useRoomUnavailability(roomIdRef)
+// Same YYYY-MM-DD wire format the DatePicker speaks; the availability
+// endpoint takes the same strings.
+const today = computed(() => format(new Date(), 'yyyy-MM-dd'))
 
-// Any date change invalidates the last quote; a complete stay re-quotes
-// itself (the availability call is the price preview, so no button).
-watch([checkIn, checkOut], () => {
+// Check-out must be at least the next morning. Bumping the floor also
+// clears a check-out that the new check-in has overtaken.
+const minCheckOut = computed(() =>
+  checkIn.value
+    ? format(addDays(new Date(checkIn.value + 'T00:00:00'), 1), 'yyyy-MM-dd')
+    : today.value,
+)
+
+watch(checkIn, () => {
+  if (checkOut.value && checkOut.value < minCheckOut.value) checkOut.value = ''
+  result.value = null
+})
+watch(checkOut, () => {
   result.value = null
 })
-watchDebounced(
-  [checkIn, checkOut],
-  ([ci, co]) => {
-    if (ci && co && room.value) void onCheck()
-  },
-  { debounce: 150 },
-)
 
 const YMD = /^\d{4}-\d{2}-\d{2}$/
 
@@ -66,6 +66,7 @@ onMounted(async () => {
   if (typeof qi === 'string' && YMD.test(qi) && typeof qo === 'string' && YMD.test(qo)) {
     checkIn.value = qi
     checkOut.value = qo
+    if (room.value) await onCheck()
   }
 })
 
@@ -74,16 +75,7 @@ async function onCheck() {
   checking.value = true
   result.value = null
   try {
-    const ci = checkIn.value
-    const co = checkOut.value
-    const r = await checkAvailability(room.value.id, ci, co)
-    // Only the quote for the dates still selected counts (debounce race).
-    if (ci !== checkIn.value || co !== checkOut.value) return
-    result.value = r
-    if (r && !r.available && stayIsFree(unavailability.nightSet.value, ci, co)) {
-      // The calendar thought these nights were free — it is stale.
-      void unavailability.refresh()
-    }
+    result.value = await checkAvailability(room.value.id, checkIn.value, checkOut.value)
   } catch (e: unknown) {
     toast.error(e instanceof Error ? e.message : 'Availability check failed')
   } finally {
@@ -110,12 +102,11 @@ function onBook() {
   showBooking.value = true
 }
 
-/** The dates are taken now — drop the stale quote and grey them out. */
+/** The dates are taken now — drop the stale quote so the card resets. */
 function onBooked() {
   result.value = null
   checkIn.value = ''
   checkOut.value = ''
-  void unavailability.refresh()
 }
 
 watch(showBooking, (open) => {
@@ -162,36 +153,39 @@ watch(showBooking, (open) => {
       </p>
 
       <Card>
-        <CardContent class="p-4 space-y-4">
-          <StayDatePicker
-            v-model:check-in="checkIn"
-            v-model:check-out="checkOut"
-            :nights="unavailability.nights.value"
-            :night-set="unavailability.nightSet.value"
-            :min-nights="room.min_nights"
-            :max-date="unavailability.windowEnd.value"
-          />
-          <p v-if="unavailability.error.value" class="text-xs text-muted-foreground">
-            Could not load the availability calendar — you can still pick dates and check them.
-          </p>
-
-          <div v-if="checking" class="flex items-center gap-2 text-sm text-muted-foreground">
-            <div class="animate-spin w-4 h-4 border-2 border-primary border-t-transparent rounded-full"></div>
-            Checking availability…
+        <CardContent class="p-4 space-y-3">
+          <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
+            <div class="space-y-1 min-w-0">
+              <Label>Check-in</Label>
+              <DatePicker v-model="checkIn" :min="today" placeholder="Check-in" />
+            </div>
+            <div class="space-y-1 min-w-0">
+              <Label>Check-out</Label>
+              <DatePicker
+                v-model="checkOut"
+                :min="minCheckOut"
+                :disabled="!checkIn"
+                placeholder="Check-out"
+              />
+            </div>
           </div>
+          <Button
+            class="w-full"
+            :disabled="!checkIn || !checkOut || checking"
+            @click="onCheck"
+          >
+            {{ checking ? 'Checking…' : 'Check availability' }}
+          </Button>
 
-          <div v-if="result && !checking" class="text-sm">
+          <div v-if="result" class="text-sm pt-1">
             <template v-if="result.available">
-              <div class="rounded-lg bg-muted/50 p-3 space-y-1">
-                <div class="flex justify-between text-muted-foreground">
-                  <span>{{ room.price_amount }} {{ room.price_currency }} × {{ result.nights }} night{{ result.nights === 1 ? '' : 's' }}</span>
-                  <span v-if="result.quote_fiat != null">{{ result.quote_fiat }} {{ result.currency }}</span>
-                </div>
-                <div class="flex justify-between font-semibold text-foreground">
-                  <span>Total</span>
-                  <span v-if="result.quote_sat != null">{{ formatSats(result.quote_sat) }}</span>
-                </div>
-              </div>
+              <p class="text-foreground">
+                Available for {{ result.nights }} night(s) —
+                <span class="font-semibold">{{ result.quote_sat }} sats</span>
+                <span v-if="result.quote_fiat" class="text-muted-foreground">
+                  (≈ {{ result.quote_fiat }} {{ result.currency }})
+                </span>
+              </p>
               <Button class="w-full mt-3" @click="onBook">
                 {{ isAuthenticated ? 'Book' : 'Sign in to book' }}
               </Button>