diff --git a/packages/features/components/phone-input/PhoneInput.tsx b/packages/features/components/phone-input/PhoneInput.tsx index 4dfcc6f868..8d644266e2 100644 --- a/packages/features/components/phone-input/PhoneInput.tsx +++ b/packages/features/components/phone-input/PhoneInput.tsx @@ -11,6 +11,11 @@ import { useBookerStore, type CountryCode } from "@calcom/features/bookings/Book import { trpc } from "@calcom/trpc/react"; import classNames from "@calcom/ui/classNames"; +const CUSTOM_PHONE_MASKS = { + ci: ".. .. .. .. ..", + bj: ".. .. .. .. ..", +}; + export type PhoneInputProps = { value?: string; id?: string; @@ -67,6 +72,7 @@ function BasePhoneInput({ enableSearch disableSearchIcon country={effectiveDefaultCountry} + masks={CUSTOM_PHONE_MASKS} inputProps={{ name, required: rest.required, @@ -118,6 +124,7 @@ function BasePhoneInputWeb({ country={value ? undefined : defaultCountry} enableSearch disableSearchIcon + masks={CUSTOM_PHONE_MASKS} inputProps={{ name, required: rest.required,