import { CalendarX2 } from "lucide-react"; import dayjs from "@calcom/dayjs"; import type { Slots } from "@calcom/features/schedules"; import { classNames } from "@calcom/lib"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { Button, SkeletonText } from "@calcom/ui"; import { useBookerStore } from "../Booker/store"; import { useTimePreferences } from "../lib"; import { SeatsAvailabilityText } from "./SeatsAvailabilityText"; type AvailableTimesProps = { slots: Slots[string]; onTimeSelect: ( time: string, attendees: number, seatsPerTimeSlot?: number | null, bookingUid?: string ) => void; seatsPerTimeSlot?: number | null; showAvailableSeatsCount?: boolean | null; showTimeFormatToggle?: boolean; className?: string; selectedSlots?: string[]; }; export const AvailableTimes = ({ slots, onTimeSelect, seatsPerTimeSlot, showAvailableSeatsCount, showTimeFormatToggle = true, className, selectedSlots, }: AvailableTimesProps) => { const { t, i18n } = useLocale(); const [timeFormat, timezone] = useTimePreferences((state) => [state.timeFormat, state.timezone]); const bookingData = useBookerStore((state) => state.bookingData); const hasTimeSlots = !!seatsPerTimeSlot; return (
{t("all_booked_today")}