Availability Preview Strip

Horizontal 7-day date strip with colour-coded availability dots. Used as a compact date picker in ActivityBookingSidebar.

Source

registry/core/ui/availability-preview-strip.tsx
/**
 * AvailabilityPreviewStrip — horizontal 7-day date strip with availability dots.
 *
 * Shows a colour-coded dot per day (green = available, amber = limited, grey = sold out).
 * Used as a date-picker companion in `ActivityBookingSidebar`.
 *
 * Server-safe barrel. Import from this file.
 *
 * @example
 * ```tsx
 * import { AvailabilityPreviewStrip } from "@/components/ui/availability-preview-strip";
 *
 * <AvailabilityPreviewStrip
 *   anchorDate={today}
 *   availability={availabilityData}
 *   selectedDate={selectedDate}
 *   onDateSelect={setSelectedDate}
 * />
 * ```
 */

export type {
  AvailabilityPreviewStripProps,
  AvailabilityDate,
  ISODate,
} from "./availability-preview-strip.types";
export { AvailabilityPreviewStrip } from "./availability-preview-strip.client";