Stay progresshospitality
Four-step stay journey whose current step comes from dates, times and the current instant in a time zone.
설치
pnpm
pnpm dlx shadcn@4.23.0 add @uikit/stay-progressDefault
stay-progress-demo.tsx
import { dateOnly } from "@plott/webkit-time";import { StayProgress } from "@/components/ui/stay-progress";
const now = Date.parse("2026-07-20T09:00:00Z");
export default function StayProgressDemo() { return <StayProgress checkIn={dateOnly("2026-07-20")} checkOut={dateOnly("2026-07-22")} now={now} timeZone="Europe/Paris" live={false} />;}