From b8b9251f76a084ea1c96bb3984476b8840a7d667 Mon Sep 17 00:00:00 2001 From: Kartik <103111467+kartik-212004@users.noreply.github.com> Date: Wed, 7 Jan 2026 04:01:21 +0530 Subject: [PATCH] fix: Support 10-digit phone numbers for Ivory Coast (+225) (#26465) * fix: update ivory coast mask to 10 digits * update formating for Benin numbers --------- Co-authored-by: Dhairyashil Shinde <93669429+dhairyashiil@users.noreply.github.com> Co-authored-by: Dhairyashil --- packages/features/components/phone-input/PhoneInput.tsx | 7 +++++++ 1 file changed, 7 insertions(+) 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,