@@ -454,7 +455,7 @@ const RecurringBookingsTooltip = ({ booking, recurringDates }: RecurringBookings
);
})}>
-
diff --git a/apps/web/components/booking/CancelBooking.tsx b/apps/web/components/booking/CancelBooking.tsx
index 142f702aad..39d33488f1 100644
--- a/apps/web/components/booking/CancelBooking.tsx
+++ b/apps/web/components/booking/CancelBooking.tsx
@@ -5,7 +5,8 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
import useTheme from "@calcom/lib/hooks/useTheme";
import { collectPageParameters, telemetryEventTypes, useTelemetry } from "@calcom/lib/telemetry";
import type { RecurringEvent } from "@calcom/types/Calendar";
-import { Button, Icon, TextArea } from "@calcom/ui";
+import { Button, TextArea } from "@calcom/ui";
+import { FiX } from "@calcom/ui/components/icon";
type Props = {
booking: {
@@ -39,7 +40,7 @@ export default function CancelBooking(props: Props) {
{error && (
-
+
diff --git a/apps/web/components/booking/SkeletonLoader.tsx b/apps/web/components/booking/SkeletonLoader.tsx
index 8bcbe26b85..3ed1e22537 100644
--- a/apps/web/components/booking/SkeletonLoader.tsx
+++ b/apps/web/components/booking/SkeletonLoader.tsx
@@ -4,7 +4,7 @@ import { SkeletonText } from "@calcom/ui";
function SkeletonLoader() {
return (
-
+
diff --git a/apps/web/components/booking/pages/AvailabilityPage.tsx b/apps/web/components/booking/pages/AvailabilityPage.tsx
index 7b1d5cbb39..6ebf471179 100644
--- a/apps/web/components/booking/pages/AvailabilityPage.tsx
+++ b/apps/web/components/booking/pages/AvailabilityPage.tsx
@@ -28,7 +28,8 @@ import { getRecurringFreq } from "@calcom/lib/recurringStrings";
import { collectPageParameters, telemetryEventTypes, useTelemetry } from "@calcom/lib/telemetry";
import { detectBrowserTimeFormat, setIs24hClockInLocalStorage, TimeFormat } from "@calcom/lib/timeFormat";
import { trpc } from "@calcom/trpc/react";
-import { Icon, HeadSeo } from "@calcom/ui";
+import { HeadSeo } from "@calcom/ui";
+import { FiChevronDown, FiChevronUp, FiCreditCard, FiGlobe, FiRefreshCcw } from "@calcom/ui/components/icon";
import { timeZone as localStorageTimeZone } from "@lib/clock";
import useRouterQuery from "@lib/hooks/useRouterQuery";
@@ -220,12 +221,12 @@ function TimezoneDropdown({
-
+
{timeZone}
{isTimeOptionsOpen ? (
-
+
) : (
-
+
)}
@@ -367,7 +368,7 @@ const AvailabilityPage = ({ profile, eventType, ...restProps }: Props) => {
{!rescheduleUid && eventType.recurringEvent && (
-
+
{getRecurringFreq({ t, recurringEvent: eventType.recurringEvent })}
@@ -392,7 +393,7 @@ const AvailabilityPage = ({ profile, eventType, ...restProps }: Props) => {
)}
{stripeAppData.price > 0 && (
-
+
-
+
@@ -492,7 +500,7 @@ const BookingPage = ({
@@ -501,7 +509,7 @@ const BookingPage = ({
{stripeAppData.price > 0 && (
-
+
-
+
{getEveryFreqFor({
t,
@@ -524,7 +532,7 @@ const BookingPage = ({
)}
-
+
{(rescheduleUid || !eventType.recurringEvent?.freq) && `${parseDate(date, i18n)}`}
{!rescheduleUid &&
@@ -552,14 +560,14 @@ const BookingPage = ({
{t("former_time")}
-
+
{typeof booking.startTime === "string" && parseDate(dayjs(booking.startTime), i18n)}
)}
{!!eventType.seatsPerTimeSlot && (
- = 0.5
? "text-rose-600"
@@ -623,7 +631,7 @@ const BookingPage = ({
/>
{bookingForm.formState.errors.email && (
-
+
{t("email_validation_error")}
)}
@@ -716,7 +724,7 @@ const BookingPage = ({
{bookingForm.formState.errors.phone && (
-
+
{t("invalid_number")}
)}
@@ -834,7 +842,7 @@ const BookingPage = ({
/>
{bookingForm.formState.errors?.customInputs?.[input.id] && (
-
+
{t("invalid_number")}
)}
@@ -914,7 +922,7 @@ const BookingPage = ({
{bookingForm.formState.errors.smsReminderNumber && (
-
+
{t("invalid_number")}
)}
@@ -954,19 +962,14 @@ const BookingPage = ({
|