From 5e3fe3cbe60e529b7f0d9d18065fd094c4d2152a Mon Sep 17 00:00:00 2001
From: Gaurav Kumar <gaurav07c@gmail.com>
Date: Wed, 5 Aug 2026 11:59:34 +0530
Subject: [PATCH] fix(bookings): provide stable country fallback for phone
 input (#29740)

* fix(bookings): provide stable country fallback for phone input

* chore(bookings): add explanatory comment for phone input country fallback
---
 apps/web/components/phone-input/PhoneInput.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/phone-input/PhoneInput.tsx b/apps/web/components/phone-input/PhoneInput.tsx
index a82ab7b1d6..36949c4ec0 100644
--- a/apps/web/components/phone-input/PhoneInput.tsx
+++ b/apps/web/components/phone-input/PhoneInput.tsx
@@ -117,7 +117,10 @@ function BasePhoneInputWeb({
     <PhoneInput
       {...rest}
       value={value ? value.trim().replace(/^\+?/, "+") : undefined}
-      country={value ? undefined : defaultCountry}
+      // react-phone-input-2 treats `country` as a fallback. Keeping it stable 
+      // preserves calling-code-only values like `+371` during async updates, 
+      // while full international numbers still resolve their country from `value`.
+      country={defaultCountry}
       enableSearch
       disableSearchIcon
       masks={CUSTOM_PHONE_MASKS}