Vacation Rental Minimum Stay

FreeNew

Typed check-in and check-out dates where the minimum number of nights depends on the check-in date, such as a weekend, a holiday week or the high season. Use this when a rental host sets a longer minimum stay for some dates than for others.

Customize

Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.

weekendNights2

defaultNights1

Guide and examples

When to use it

Use it when a rental host sets a longer minimum stay for some dates than for others.

Do not use it when one minimum applies all year; set minDays on date-range-field.

Installation


pnpm dlx shadcn@latest add https://ui.tealmac.com/r/vacation-rental-minimum-stay.json

It composes date-range-field and date-time-core, which the CLI installs for you.

Usage

import { VacationRentalMinimumStay } from "@/components/vacation-rental-minimum-stay"

<VacationRentalMinimumStay
  rules={[
    {
      from: "2026-12-20",
      to: "2027-01-03",
      nights: 7,
      reason: "holiday season",
    },
  ]}
  weekendNights={2}
/>

Props

Prop	Type	Default	Description
rules	`{ from: string; to: string; nights: number; reason: string }[]`	-	Date ranges (by check-in) with a minimum stay.
weekendNights	number	2	Minimum when check-in is Friday or Saturday and no rule applies.
defaultNights	number	1	Minimum otherwise.
value / defaultValue / onValueChange	DateRange	-	Check-in and check-out.

Accessibility

The rule that applies is in a status message and the range field reports a too-short stay as an alert with the number of nights.

Testing

The pattern ships with a Testing Library test (vacation-rental-minimum-stay.test.tsx) that covers the rule lookup, the weekend rule and the message for a too-short stay.