[?] Component size, gzipped: 204kb
Phone Input
The Phone Input is used to collect phone numbers with international dial codes. It contains a dropdown which allows the user to choose from a list of countries and dial codes.
Examples
Click here to learn more about nested overrides.
As with many of our components, there is also an uncontrolled version, StatefulPhoneInput, which manages its own state.
Supported Countries
The following countries are available in the country selector dropdown.
You can import these as an object COUNTRIES from baseui/phone-input.
Note, the country objects are formatted for ease of use with our Select component.
COUNTRIES: {id: string, // Country ISOlabel: string, // Country NamedialCode: string // Country Dial Code}
ID
Label
Dial Code
AF
Afghanistan (افغانستان)
+93
AL
Albania (Shqipëri)
+355
DZ
Algeria (الجزائر)
+213
AS
American Samoa
+1684
AD
Andorra
+376
AO
Angola
+244
AI
Anguilla
+1264
AG
Antigua and Barbuda
+1268
AR
Argentina
+54
AM
Armenia (Հայաստան)
+374
AW
Aruba
+297
AU
Australia
+61
AT
Austria (Österreich)
+43
AZ
Azerbaijan (Azərbaycan)
+994
BS
Bahamas
+1242
BH
Bahrain (البحرين)
+973
BD
Bangladesh (বাংলাদেশ)
+880
BB
Barbados
+1246
BY
Belarus (Беларусь)
+375
BE
Belgium (België)
+32
BZ
Belize
+501
BJ
Benin (Bénin)
+229
BM
Bermuda
+1441
BT
Bhutan (འབྲུག)
+975
BO
Bolivia
+591
BA
Bosnia and Herzegovina (Босна и Херцеговина)
+387
BW
Botswana
+267
BR
Brazil (Brasil)
+55
IO
British Indian Ocean Territory
+246
VG
British Virgin Islands
+1284
BN
Brunei
+673
BG
Bulgaria (България)
+359
BF
Burkina Faso
+226
BI
Burundi (Uburundi)
+257
KH
Cambodia (កម្ពុជា)
+855
CM
Cameroon (Cameroun)
+237
CA
Canada
+1
CV
Cape Verde (Kabu Verdi)
+238
KY
Cayman Islands
+1345
CF
Central African Republic (République centrafricaine)
+236
TD
Chad (Tchad)
+235
CL
Chile
+56
CN
China (中国)
+86
CX
Christmas Island
+61
CC
Cocos (Keeling) Islands
+61
CO
Colombia
+57
KM
Comoros (جزر القمر)
+269
CD
Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)
+243
CG
Congo (Republic) (Congo-Brazzaville)
+242
CK
Cook Islands
+682
CR
Costa Rica
+506
CI
Côte d’Ivoire
+225
HR
Croatia (Hrvatska)
+385
CU
Cuba
+53
CW
Curaçao
+599
CY
Cyprus (Κύπρος)
+357
CZ
Czech Republic (Česká republika)
+420
DK
Denmark (Danmark)
+45
DJ
Djibouti
+253
DM
Dominica
+1767
DO
Dominican Republic (República Dominicana)
+1
EC
Ecuador
+593
EG
Egypt (مصر)
+20
SV
El Salvador
+503
GQ
Equatorial Guinea (Guinea Ecuatorial)
+240
ER
Eritrea
+291
EE
Estonia (Eesti)
+372
ET
Ethiopia
+251
FK
Falkland Islands (Islas Malvinas)
+500
FO
Faroe Islands (Føroyar)
+298
FJ
Fiji
+679
FI
Finland (Suomi)
+358
FR
France
+33
GF
French Guiana (Guyane française)
+594
PF
French Polynesia (Polynésie française)
+689
GA
Gabon
+241
GM
Gambia
+220
GE
Georgia (საქართველო)
+995
DE
Germany (Deutschland)
+49
GH
Ghana (Gaana)
+233
GI
Gibraltar
+350
GR
Greece (Ελλάδα)
+30
GL
Greenland (Kalaallit Nunaat)
+299
GD
Grenada
+1473
GP
Guadeloupe
+590
GU
Guam
+1671
GT
Guatemala
+502
GG
Guernsey
+44
GN
Guinea (Guinée)
+224
GW
Guinea-Bissau (Guiné Bissau)
+245
GY
Guyana
+592
HT
Haiti
+509
HN
Honduras
+504
HK
Hong Kong (香港)
+852
HU
Hungary (Magyarország)
+36
IS
Iceland (Ísland)
+354
IN
India (भारत)
+91
ID
Indonesia
+62
IR
Iran (ایران)
+98
IQ
Iraq (العراق)
+964
IE
Ireland
+353
IM
Isle of Man
+44
IL
Israel (ישראל)
+972
IT
Italy (Italia)
+39
JM
Jamaica
+1
JP
Japan (日本)
+81
JE
Jersey
+44
JO
Jordan (الأردن)
+962
KZ
Kazakhstan (Казахстан)
+7
KE
Kenya
+254
KI
Kiribati
+686
XK
Kosovo
+383
KW
Kuwait (الكويت)
+965
KG
Kyrgyzstan (Кыргызстан)
+996
LA
Laos (ລາວ)
+856
LV
Latvia (Latvija)
+371
LB
Lebanon (لبنان)
+961
LS
Lesotho
+266
LR
Liberia
+231
LY
Libya (ليبيا)
+218
LI
Liechtenstein
+423
LT
Lithuania (Lietuva)
+370
LU
Luxembourg
+352
MO
Macau (澳門)
+853
MK
Macedonia (FYROM) (Македонија)
+389
MG
Madagascar (Madagasikara)
+261
MW
Malawi
+265
MY
Malaysia
+60
MV
Maldives
+960
ML
Mali
+223
MT
Malta
+356
MH
Marshall Islands
+692
MQ
Martinique
+596
MR
Mauritania (موريتانيا)
+222
MU
Mauritius (Moris)
+230
YT
Mayotte
+262
MX
Mexico (México)
+52
FM
Micronesia
+691
MD
Moldova (Republica Moldova)
+373
MC
Monaco
+377
MN
Mongolia (Монгол)
+976
ME
Montenegro (Crna Gora)
+382
MS
Montserrat
+1664
MA
Morocco (المغرب)
+212
MZ
Mozambique (Moçambique)
+258
MM
Myanmar (Burma) (မြန်မာ)
+95
NA
Namibia (Namibië)
+264
NR
Nauru
+674
NP
Nepal (नेपाल)
+977
NL
Netherlands (Nederland)
+31
NC
New Caledonia (Nouvelle-Calédonie)
+687
NZ
New Zealand
+64
NI
Nicaragua
+505
NE
Niger (Nijar)
+227
NG
Nigeria
+234
NU
Niue
+683
NF
Norfolk Island
+672
KP
North Korea (조선 민주주의 인민 공화국)
+850
MP
Northern Mariana Islands
+1670
NO
Norway (Norge)
+47
OM
Oman (عُمان)
+968
PK
Pakistan (پاکستان)
+92
PW
Palau
+680
PS
Palestine (فلسطين)
+970
PA
Panama (Panamá)
+507
PG
Papua New Guinea
+675
PY
Paraguay
+595
PE
Peru (Perú)
+51
PH
Philippines
+63
PL
Poland (Polska)
+48
PT
Portugal
+351
PR
Puerto Rico
+1
QA
Qatar (قطر)
+974
RE
Réunion (La Réunion)
+262
RO
Romania (România)
+40
RU
Russia (Россия)
+7
RW
Rwanda
+250
BL
Saint Barthélemy
+590
SH
Saint Helena
+290
KN
Saint Kitts and Nevis
+1869
LC
Saint Lucia
+1758
MF
Saint Martin (Saint-Martin (partie française))
+590
PM
Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)
+508
VC
Saint Vincent and the Grenadines
+1784
WS
Samoa
+685
SM
San Marino
+378
ST
São Tomé and Príncipe (São Tomé e Príncipe)
+239
SA
Saudi Arabia (المملكة العربية السعودية)
+966
SN
Senegal (Sénégal)
+221
RS
Serbia (Србија)
+381
SC
Seychelles
+248
SL
Sierra Leone
+232
SG
Singapore
+65
SX
Sint Maarten
+1721
SK
Slovakia (Slovensko)
+421
SI
Slovenia (Slovenija)
+386
SB
Solomon Islands
+677
SO
Somalia (Soomaaliya)
+252
ZA
South Africa
+27
KR
South Korea (대한민국)
+82
SS
South Sudan (جنوب السودان)
+211
ES
Spain (España)
+34
LK
Sri Lanka (ශ්රී ලංකාව)
+94
SD
Sudan (السودان)
+249
SR
Suriname
+597
SJ
Svalbard and Jan Mayen
+47
SZ
Swaziland
+268
SE
Sweden (Sverige)
+46
CH
Switzerland (Schweiz)
+41
SY
Syria (سوريا)
+963
TW
Taiwan (台灣)
+886
TJ
Tajikistan
+992
TZ
Tanzania
+255
TH
Thailand (ไทย)
+66
TL
Timor-Leste
+670
TG
Togo
+228
TK
Tokelau
+690
TO
Tonga
+676
TT
Trinisoad and Tobago
+1868
TN
Tunisia (تونس)
+216
TR
Turkey (Türkiye)
+90
TM
Turkmenistan
+993
TC
Turks and Caicos Islands
+1649
TV
Tuvalu
+688
VI
U.S. Virgin Islands
+1340
UG
Uganda
+256
UA
Ukraine (Україна)
+380
AE
United Arab Emirates (الإمارات العربية المتحدة)
+971
GB
United Kingdom
+44
US
United States
+1
UY
Uruguay
+598
UZ
Uzbekistan (Oʻzbekiston)
+998
VU
Vanuatu
+678
VA
Vatican City (Città del Vaticano)
+39
VE
Venezuela
+58
VN
Vietnam (Việt Nam)
+84
WF
Wallis and Futuna (Wallis-et-Futuna)
+681
YE
Yemen (اليمن)
+967
ZM
Zambia
+260
ZW
Zimbabwe
+263
AX
Åland Islands
+358
Overrides
Additionally, you can fully customize any part of the Phone Input through the overrides prop. The Phone Input consists of multiple subcomponents that are listed bellow and you can override each one of them. To help you identify the names of these subcomponents, you can highlight them through this selector:
🇺🇸
+1
Note: You should always use longhand CSS properties. Mixing shorthands and longhands will lead into strange behaviors!
API
PhoneInput API
"aria-label" nullable string required
Sets aria-label attribute of the input element.
"aria-labelledby" nullable string required
Sets aria-labelledby attribute of the input element.
"aria-describedby" nullable string required
Sets aria-describedby attribute of the input element.
country $ReadOnly<object> required
Defines the value of the country select.
$ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required disabled boolean required
Defines if the component is disabled.
error boolean required
Renders component in 'error' state.
id nullable string required
Sets the id attribute of the input element.
maxDropdownHeight string required
Sets the max height of the country select dropdown.
maxDropdownWidth string required
Sets the max width of the country select dropdown.
mapIsoToLabel function
Function for mapping ISO codes to country names. Useful for localization of the country select dropdown.
(string) => stringname nullable string required
Sets the name attribute of the input element.
onCountryChange function required
A handler for the country select's change events.
value required $ReadOnlyArray$ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean option nullable required $ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean type required $KeysObject.freeze({ select: "select", remove: "remove", clear: "clear" }) => mixedonTextChange function required
A handler for the input element's change events.
SyntheticInputEventHTMLInputElement => mixedoverrides object required
Input { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdown { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownListItem { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownFlagColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownNameColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownDialcodeColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*DialCode { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelect { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*FlagContainer { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*placeholder string
Sets the placeholder text for the input element.
positive boolean required
Renders component in 'positive' state.
required boolean required
Sets the 'required' attribute of the input element. The country select will always have a value so does has no need for 'require'.
size $Keys<typeof SIZE> required
Sets the size of the component.
$Keys{ default: "default", compact: "compact", large: "large" }text string required
Defines the value of the input element.
StatefulPhoneInput API
"aria-label" nullable string required
Sets aria-label attribute of the input element.
"aria-labelledby" nullable string required
Sets aria-labelledby attribute of the input element.
"aria-describedby" nullable string required
Sets aria-describedby attribute of the input element.
country $ReadOnly<object> required
Defines the value of the country select.
$ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required disabled boolean required
Defines if the component is disabled.
error boolean required
Renders component in 'error' state.
id nullable string required
Sets the id attribute of the input element.
maxDropdownHeight string required
Sets the max height of the country select dropdown.
maxDropdownWidth string required
Sets the max width of the country select dropdown.
mapIsoToLabel function
Function for mapping ISO codes to country names. Useful for localization of the country select dropdown.
(string) => stringname nullable string required
Sets the name attribute of the input element.
onCountryChange function required
A handler for the country select's change events.
value required $ReadOnlyArray$ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean option nullable required $ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean type required $KeysObject.freeze({ select: "select", remove: "remove", clear: "clear" }) => mixedonTextChange function required
A handler for the input element's change events.
SyntheticInputEventHTMLInputElement => mixedoverrides object required
Input { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdown { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownListItem { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownFlagColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownNameColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownDialcodeColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*DialCode { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelect { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*FlagContainer { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*placeholder string
Sets the placeholder text for the input element.
positive boolean required
Renders component in 'positive' state.
required boolean required
Sets the 'required' attribute of the input element. The country select will always have a value so does has no need for 'require'.
size $Keys<typeof SIZE> required
Sets the size of the component.
$Keys{ default: "default", compact: "compact", large: "large" }text string required
Defines the value of the input element.
initialState object
country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string stateReducer function
function $Keys{ textChange: "textChange", countryChange: "countryChange" }, country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string , country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string => country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string onTextChange function
SyntheticInputEventHTMLInputElement => mixedonCountryChange function
value required $ReadOnlyArray$ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean option nullable required $ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean type required $KeysObject.freeze({ select: "select", remove: "remove", clear: "clear" }) => mixedStatefulPhoneInputContainer API
children function required
"aria-label" nullable required string"aria-labelledby" nullable required string"aria-describedby" nullable required stringcountry required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required disabled boolean required error boolean required id nullable required stringmaxDropdownHeight string required maxDropdownWidth string required mapIsoToLabel (string) => stringname nullable required stringonCountryChange function required value required $ReadOnlyArray$ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean option nullable required $ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean type required $KeysObject.freeze({ select: "select", remove: "remove", clear: "clear" }) => mixedonTextChange function required SyntheticInputEventHTMLInputElement => mixedoverrides object required Input { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdown { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownListItem { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownFlagColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownNameColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownDialcodeColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*DialCode { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelect { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*FlagContainer { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*placeholder string positive boolean required required boolean required size required $Keys{ default: "default", compact: "compact", large: "large" }text string required => NodeinitialState object = { text: , country: }
country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string stateReducer function = (type, nextState) => undefined
function $Keys{ textChange: "textChange", countryChange: "countryChange" }, country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string , country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string => country required $ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required text string onTextChange function =
SyntheticInputEventHTMLInputElement => mixedonCountryChange function =
value required $ReadOnlyArray$ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean option nullable required $ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean type required $KeysObject.freeze({ select: "select", remove: "remove", clear: "clear" }) => mixedCountrySelect API
country $ReadOnly<object> required
$ReadOnlydialCode string required id required $Keys{ AF: { label: "Afghanistan (افغانستان)", id: "AF", dialCode: "+93" }, AL: { label: "Albania (Shqipëri)", id: "AL", dialCode: "+355" }, DZ: { label: "Algeria (الجزائر)", id: "DZ", dialCode: "+213" }, AS: { label: "American Samoa", id: "AS", dialCode: "+1684" }, AD: { label: "Andorra", id: "AD", dialCode: "+376" }, AO: { label: "Angola", id: "AO", dialCode: "+244" }, AI: { label: "Anguilla", id: "AI", dialCode: "+1264" }, AG: { label: "Antigua and Barbuda", id: "AG", dialCode: "+1268" }, AR: { label: "Argentina", id: "AR", dialCode: "+54" }, AM: { label: "Armenia (Հայաստան)", id: "AM", dialCode: "+374" }, AW: { label: "Aruba", id: "AW", dialCode: "+297" }, AU: { label: "Australia", id: "AU", dialCode: "+61" }, AT: { label: "Austria (Österreich)", id: "AT", dialCode: "+43" }, AZ: { label: "Azerbaijan (Azərbaycan)", id: "AZ", dialCode: "+994" }, BS: { label: "Bahamas", id: "BS", dialCode: "+1242" }, BH: { label: "Bahrain (البحرين)", id: "BH", dialCode: "+973" }, BD: { label: "Bangladesh (বাংলাদেশ)", id: "BD", dialCode: "+880" }, BB: { label: "Barbados", id: "BB", dialCode: "+1246" }, BY: { label: "Belarus (Беларусь)", id: "BY", dialCode: "+375" }, BE: { label: "Belgium (België)", id: "BE", dialCode: "+32" }, BZ: { label: "Belize", id: "BZ", dialCode: "+501" }, BJ: { label: "Benin (Bénin)", id: "BJ", dialCode: "+229" }, BM: { label: "Bermuda", id: "BM", dialCode: "+1441" }, BT: { label: "Bhutan (འབྲུག)", id: "BT", dialCode: "+975" }, BO: { label: "Bolivia", id: "BO", dialCode: "+591" }, BA: { label: "Bosnia and Herzegovina (Босна и Херцеговина)", id: "BA", dialCode: "+387" }, BW: { label: "Botswana", id: "BW", dialCode: "+267" }, BR: { label: "Brazil (Brasil)", id: "BR", dialCode: "+55" }, IO: { label: "British Indian Ocean Territory", id: "IO", dialCode: "+246" }, VG: { label: "British Virgin Islands", id: "VG", dialCode: "+1284" }, BN: { label: "Brunei", id: "BN", dialCode: "+673" }, BG: { label: "Bulgaria (България)", id: "BG", dialCode: "+359" }, BF: { label: "Burkina Faso", id: "BF", dialCode: "+226" }, BI: { label: "Burundi (Uburundi)", id: "BI", dialCode: "+257" }, KH: { label: "Cambodia (កម្ពុជា)", id: "KH", dialCode: "+855" }, CM: { label: "Cameroon (Cameroun)", id: "CM", dialCode: "+237" }, CA: { label: "Canada", id: "CA", dialCode: "+1" }, CV: { label: "Cape Verde (Kabu Verdi)", id: "CV", dialCode: "+238" }, KY: { label: "Cayman Islands", id: "KY", dialCode: "+1345" }, CF: { label: "Central African Republic (République centrafricaine)", id: "CF", dialCode: "+236" }, TD: { label: "Chad (Tchad)", id: "TD", dialCode: "+235" }, CL: { label: "Chile", id: "CL", dialCode: "+56" }, CN: { label: "China (中国)", id: "CN", dialCode: "+86" }, CX: { label: "Christmas Island", id: "CX", dialCode: "+61" }, CC: { label: "Cocos (Keeling) Islands", id: "CC", dialCode: "+61" }, CO: { label: "Colombia", id: "CO", dialCode: "+57" }, KM: { label: "Comoros (جزر القمر)", id: "KM", dialCode: "+269" }, CD: { label: "Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)", id: "CD", dialCode: "+243" }, CG: { label: "Congo (Republic) (Congo-Brazzaville)", id: "CG", dialCode: "+242" }, CK: { label: "Cook Islands", id: "CK", dialCode: "+682" }, CR: { label: "Costa Rica", id: "CR", dialCode: "+506" }, CI: { label: "Côte d’Ivoire", id: "CI", dialCode: "+225" }, HR: { label: "Croatia (Hrvatska)", id: "HR", dialCode: "+385" }, CU: { label: "Cuba", id: "CU", dialCode: "+53" }, CW: { label: "Curaçao", id: "CW", dialCode: "+599" }, CY: { label: "Cyprus (Κύπρος)", id: "CY", dialCode: "+357" }, CZ: { label: "Czech Republic (Česká republika)", id: "CZ", dialCode: "+420" }, DK: { label: "Denmark (Danmark)", id: "DK", dialCode: "+45" }, DJ: { label: "Djibouti", id: "DJ", dialCode: "+253" }, DM: { label: "Dominica", id: "DM", dialCode: "+1767" }, DO: { label: "Dominican Republic (República Dominicana)", id: "DO", dialCode: "+1" }, EC: { label: "Ecuador", id: "EC", dialCode: "+593" }, EG: { label: "Egypt (مصر)", id: "EG", dialCode: "+20" }, SV: { label: "El Salvador", id: "SV", dialCode: "+503" }, GQ: { label: "Equatorial Guinea (Guinea Ecuatorial)", id: "GQ", dialCode: "+240" }, ER: { label: "Eritrea", id: "ER", dialCode: "+291" }, EE: { label: "Estonia (Eesti)", id: "EE", dialCode: "+372" }, ET: { label: "Ethiopia", id: "ET", dialCode: "+251" }, FK: { label: "Falkland Islands (Islas Malvinas)", id: "FK", dialCode: "+500" }, FO: { label: "Faroe Islands (Føroyar)", id: "FO", dialCode: "+298" }, FJ: { label: "Fiji", id: "FJ", dialCode: "+679" }, FI: { label: "Finland (Suomi)", id: "FI", dialCode: "+358" }, FR: { label: "France", id: "FR", dialCode: "+33" }, GF: { label: "French Guiana (Guyane française)", id: "GF", dialCode: "+594" }, PF: { label: "French Polynesia (Polynésie française)", id: "PF", dialCode: "+689" }, GA: { label: "Gabon", id: "GA", dialCode: "+241" }, GM: { label: "Gambia", id: "GM", dialCode: "+220" }, GE: { label: "Georgia (საქართველო)", id: "GE", dialCode: "+995" }, DE: { label: "Germany (Deutschland)", id: "DE", dialCode: "+49" }, GH: { label: "Ghana (Gaana)", id: "GH", dialCode: "+233" }, GI: { label: "Gibraltar", id: "GI", dialCode: "+350" }, GR: { label: "Greece (Ελλάδα)", id: "GR", dialCode: "+30" }, GL: { label: "Greenland (Kalaallit Nunaat)", id: "GL", dialCode: "+299" }, GD: { label: "Grenada", id: "GD", dialCode: "+1473" }, GP: { label: "Guadeloupe", id: "GP", dialCode: "+590" }, GU: { label: "Guam", id: "GU", dialCode: "+1671" }, GT: { label: "Guatemala", id: "GT", dialCode: "+502" }, GG: { label: "Guernsey", id: "GG", dialCode: "+44" }, GN: { label: "Guinea (Guinée)", id: "GN", dialCode: "+224" }, GW: { label: "Guinea-Bissau (Guiné Bissau)", id: "GW", dialCode: "+245" }, GY: { label: "Guyana", id: "GY", dialCode: "+592" }, HT: { label: "Haiti", id: "HT", dialCode: "+509" }, HN: { label: "Honduras", id: "HN", dialCode: "+504" }, HK: { label: "Hong Kong (香港)", id: "HK", dialCode: "+852" }, HU: { label: "Hungary (Magyarország)", id: "HU", dialCode: "+36" }, IS: { label: "Iceland (Ísland)", id: "IS", dialCode: "+354" }, IN: { label: "India (भारत)", id: "IN", dialCode: "+91" }, ID: { label: "Indonesia", id: "ID", dialCode: "+62" }, IR: { label: "Iran (ایران)", id: "IR", dialCode: "+98" }, IQ: { label: "Iraq (العراق)", id: "IQ", dialCode: "+964" }, IE: { label: "Ireland", id: "IE", dialCode: "+353" }, IM: { label: "Isle of Man", id: "IM", dialCode: "+44" }, IL: { label: "Israel (ישראל)", id: "IL", dialCode: "+972" }, IT: { label: "Italy (Italia)", id: "IT", dialCode: "+39" }, JM: { label: "Jamaica", id: "JM", dialCode: "+1" }, JP: { label: "Japan (日本)", id: "JP", dialCode: "+81" }, JE: { label: "Jersey", id: "JE", dialCode: "+44" }, JO: { label: "Jordan (الأردن)", id: "JO", dialCode: "+962" }, KZ: { label: "Kazakhstan (Казахстан)", id: "KZ", dialCode: "+7" }, KE: { label: "Kenya", id: "KE", dialCode: "+254" }, KI: { label: "Kiribati", id: "KI", dialCode: "+686" }, XK: { label: "Kosovo", id: "XK", dialCode: "+383" }, KW: { label: "Kuwait (الكويت)", id: "KW", dialCode: "+965" }, KG: { label: "Kyrgyzstan (Кыргызстан)", id: "KG", dialCode: "+996" }, LA: { label: "Laos (ລາວ)", id: "LA", dialCode: "+856" }, LV: { label: "Latvia (Latvija)", id: "LV", dialCode: "+371" }, LB: { label: "Lebanon (لبنان)", id: "LB", dialCode: "+961" }, LS: { label: "Lesotho", id: "LS", dialCode: "+266" }, LR: { label: "Liberia", id: "LR", dialCode: "+231" }, LY: { label: "Libya (ليبيا)", id: "LY", dialCode: "+218" }, LI: { label: "Liechtenstein", id: "LI", dialCode: "+423" }, LT: { label: "Lithuania (Lietuva)", id: "LT", dialCode: "+370" }, LU: { label: "Luxembourg", id: "LU", dialCode: "+352" }, MO: { label: "Macau (澳門)", id: "MO", dialCode: "+853" }, MK: { label: "Macedonia (FYROM) (Македонија)", id: "MK", dialCode: "+389" }, MG: { label: "Madagascar (Madagasikara)", id: "MG", dialCode: "+261" }, MW: { label: "Malawi", id: "MW", dialCode: "+265" }, MY: { label: "Malaysia", id: "MY", dialCode: "+60" }, MV: { label: "Maldives", id: "MV", dialCode: "+960" }, ML: { label: "Mali", id: "ML", dialCode: "+223" }, MT: { label: "Malta", id: "MT", dialCode: "+356" }, MH: { label: "Marshall Islands", id: "MH", dialCode: "+692" }, MQ: { label: "Martinique", id: "MQ", dialCode: "+596" }, MR: { label: "Mauritania (موريتانيا)", id: "MR", dialCode: "+222" }, MU: { label: "Mauritius (Moris)", id: "MU", dialCode: "+230" }, YT: { label: "Mayotte", id: "YT", dialCode: "+262" }, MX: { label: "Mexico (México)", id: "MX", dialCode: "+52" }, FM: { label: "Micronesia", id: "FM", dialCode: "+691" }, MD: { label: "Moldova (Republica Moldova)", id: "MD", dialCode: "+373" }, MC: { label: "Monaco", id: "MC", dialCode: "+377" }, MN: { label: "Mongolia (Монгол)", id: "MN", dialCode: "+976" }, ME: { label: "Montenegro (Crna Gora)", id: "ME", dialCode: "+382" }, MS: { label: "Montserrat", id: "MS", dialCode: "+1664" }, MA: { label: "Morocco (المغرب)", id: "MA", dialCode: "+212" }, MZ: { label: "Mozambique (Moçambique)", id: "MZ", dialCode: "+258" }, MM: { label: "Myanmar (Burma) (မြန်မာ)", id: "MM", dialCode: "+95" }, NA: { label: "Namibia (Namibië)", id: "NA", dialCode: "+264" }, NR: { label: "Nauru", id: "NR", dialCode: "+674" }, NP: { label: "Nepal (नेपाल)", id: "NP", dialCode: "+977" }, NL: { label: "Netherlands (Nederland)", id: "NL", dialCode: "+31" }, NC: { label: "New Caledonia (Nouvelle-Calédonie)", id: "NC", dialCode: "+687" }, NZ: { label: "New Zealand", id: "NZ", dialCode: "+64" }, NI: { label: "Nicaragua", id: "NI", dialCode: "+505" }, NE: { label: "Niger (Nijar)", id: "NE", dialCode: "+227" }, NG: { label: "Nigeria", id: "NG", dialCode: "+234" }, NU: { label: "Niue", id: "NU", dialCode: "+683" }, NF: { label: "Norfolk Island", id: "NF", dialCode: "+672" }, KP: { label: "North Korea (조선 민주주의 인민 공화국)", id: "KP", dialCode: "+850" }, MP: { label: "Northern Mariana Islands", id: "MP", dialCode: "+1670" }, NO: { label: "Norway (Norge)", id: "NO", dialCode: "+47" }, OM: { label: "Oman (عُمان)", id: "OM", dialCode: "+968" }, PK: { label: "Pakistan (پاکستان)", id: "PK", dialCode: "+92" }, PW: { label: "Palau", id: "PW", dialCode: "+680" }, PS: { label: "Palestine (فلسطين)", id: "PS", dialCode: "+970" }, PA: { label: "Panama (Panamá)", id: "PA", dialCode: "+507" }, PG: { label: "Papua New Guinea", id: "PG", dialCode: "+675" }, PY: { label: "Paraguay", id: "PY", dialCode: "+595" }, PE: { label: "Peru (Perú)", id: "PE", dialCode: "+51" }, PH: { label: "Philippines", id: "PH", dialCode: "+63" }, PL: { label: "Poland (Polska)", id: "PL", dialCode: "+48" }, PT: { label: "Portugal", id: "PT", dialCode: "+351" }, PR: { label: "Puerto Rico", id: "PR", dialCode: "+1" }, QA: { label: "Qatar (قطر)", id: "QA", dialCode: "+974" }, RE: { label: "Réunion (La Réunion)", id: "RE", dialCode: "+262" }, RO: { label: "Romania (România)", id: "RO", dialCode: "+40" }, RU: { label: "Russia (Россия)", id: "RU", dialCode: "+7" }, RW: { label: "Rwanda", id: "RW", dialCode: "+250" }, BL: { label: "Saint Barthélemy", id: "BL", dialCode: "+590" }, SH: { label: "Saint Helena", id: "SH", dialCode: "+290" }, KN: { label: "Saint Kitts and Nevis", id: "KN", dialCode: "+1869" }, LC: { label: "Saint Lucia", id: "LC", dialCode: "+1758" }, MF: { label: "Saint Martin (Saint-Martin (partie française))", id: "MF", dialCode: "+590" }, PM: { label: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", id: "PM", dialCode: "+508" }, VC: { label: "Saint Vincent and the Grenadines", id: "VC", dialCode: "+1784" }, WS: { label: "Samoa", id: "WS", dialCode: "+685" }, SM: { label: "San Marino", id: "SM", dialCode: "+378" }, ST: { label: "São Tomé and Príncipe (São Tomé e Príncipe)", id: "ST", dialCode: "+239" }, SA: { label: "Saudi Arabia (المملكة العربية السعودية)", id: "SA", dialCode: "+966" }, SN: { label: "Senegal (Sénégal)", id: "SN", dialCode: "+221" }, RS: { label: "Serbia (Србија)", id: "RS", dialCode: "+381" }, SC: { label: "Seychelles", id: "SC", dialCode: "+248" }, SL: { label: "Sierra Leone", id: "SL", dialCode: "+232" }, SG: { label: "Singapore", id: "SG", dialCode: "+65" }, SX: { label: "Sint Maarten", id: "SX", dialCode: "+1721" }, SK: { label: "Slovakia (Slovensko)", id: "SK", dialCode: "+421" }, SI: { label: "Slovenia (Slovenija)", id: "SI", dialCode: "+386" }, SB: { label: "Solomon Islands", id: "SB", dialCode: "+677" }, SO: { label: "Somalia (Soomaaliya)", id: "SO", dialCode: "+252" }, ZA: { label: "South Africa", id: "ZA", dialCode: "+27" }, KR: { label: "South Korea (대한민국)", id: "KR", dialCode: "+82" }, SS: { label: "South Sudan (جنوب السودان)", id: "SS", dialCode: "+211" }, ES: { label: "Spain (España)", id: "ES", dialCode: "+34" }, LK: { label: "Sri Lanka (ශ්රී ලංකාව)", id: "LK", dialCode: "+94" }, SD: { label: "Sudan (السودان)", id: "SD", dialCode: "+249" }, SR: { label: "Suriname", id: "SR", dialCode: "+597" }, SJ: { label: "Svalbard and Jan Mayen", id: "SJ", dialCode: "+47" }, SZ: { label: "Swaziland", id: "SZ", dialCode: "+268" }, SE: { label: "Sweden (Sverige)", id: "SE", dialCode: "+46" }, CH: { label: "Switzerland (Schweiz)", id: "CH", dialCode: "+41" }, SY: { label: "Syria (سوريا)", id: "SY", dialCode: "+963" }, TW: { label: "Taiwan (台灣)", id: "TW", dialCode: "+886" }, TJ: { label: "Tajikistan", id: "TJ", dialCode: "+992" }, TZ: { label: "Tanzania", id: "TZ", dialCode: "+255" }, TH: { label: "Thailand (ไทย)", id: "TH", dialCode: "+66" }, TL: { label: "Timor-Leste", id: "TL", dialCode: "+670" }, TG: { label: "Togo", id: "TG", dialCode: "+228" }, TK: { label: "Tokelau", id: "TK", dialCode: "+690" }, TO: { label: "Tonga", id: "TO", dialCode: "+676" }, TT: { label: "Trinisoad and Tobago", id: "TT", dialCode: "+1868" }, TN: { label: "Tunisia (تونس)", id: "TN", dialCode: "+216" }, TR: { label: "Turkey (Türkiye)", id: "TR", dialCode: "+90" }, TM: { label: "Turkmenistan", id: "TM", dialCode: "+993" }, TC: { label: "Turks and Caicos Islands", id: "TC", dialCode: "+1649" }, TV: { label: "Tuvalu", id: "TV", dialCode: "+688" }, VI: { label: "U.S. Virgin Islands", id: "VI", dialCode: "+1340" }, UG: { label: "Uganda", id: "UG", dialCode: "+256" }, UA: { label: "Ukraine (Україна)", id: "UA", dialCode: "+380" }, AE: { label: "United Arab Emirates (الإمارات العربية المتحدة)", id: "AE", dialCode: "+971" }, GB: { label: "United Kingdom", id: "GB", dialCode: "+44" }, US: { label: "United States", id: "US", dialCode: "+1" }, UY: { label: "Uruguay", id: "UY", dialCode: "+598" }, UZ: { label: "Uzbekistan (Oʻzbekiston)", id: "UZ", dialCode: "+998" }, VU: { label: "Vanuatu", id: "VU", dialCode: "+678" }, VA: { label: "Vatican City (Città del Vaticano)", id: "VA", dialCode: "+39" }, VE: { label: "Venezuela", id: "VE", dialCode: "+58" }, VN: { label: "Vietnam (Việt Nam)", id: "VN", dialCode: "+84" }, WF: { label: "Wallis and Futuna (Wallis-et-Futuna)", id: "WF", dialCode: "+681" }, YE: { label: "Yemen (اليمن)", id: "YE", dialCode: "+967" }, ZM: { label: "Zambia", id: "ZM", dialCode: "+260" }, ZW: { label: "Zimbabwe", id: "ZW", dialCode: "+263" }, AX: { label: "Åland Islands", id: "AX", dialCode: "+358" } }label string required disabled boolean =
error boolean required
inputRef object = { current: null }
current union required One of HTMLInputElement, nullonCountryChange function required
value required $ReadOnlyArray$ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean option nullable required $ReadOnlyid union One of string, numberlabel Nodedisabled boolean clearableValue boolean isCreatable boolean type required $KeysObject.freeze({ select: "select", remove: "remove", clear: "clear" }) => mixedmapIsoToLabel function
(string) => stringmaxDropdownHeight string =
maxDropdownWidth string =
overrides object = {}
CountrySelectDropdown { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownListItem { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownFlagColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownNameColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelectDropdownDialcodeColumn { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*DialCode { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*CountrySelect { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*FlagContainer { component: ?ComponentType<<T> & { children: Node }>, props: ?{} | ({}) => ?{}, style: ?{} | ({}) => ?{} }<<T>> | ComponentType<<T> & { children: Node }>*positive boolean required
required boolean required
size $Keys<typeof SIZE> =
$Keys{ default: "default", compact: "compact", large: "large" }CountrySelectDropdown API
Phone Input exports
You can import this module like so:
import {PhoneInput} from 'baseui/phone-input'
It exports the following components or utility functions:
- PhoneInput
- StatefulPhoneInput
- StatefulPhoneInputContainer
- CountrySelect
- CountrySelectDropdown
- Flag
- StyledFlag
- SIZE
- DEFAULT_MAX_DROPDOWN_WIDTH
- DEFAULT_MAX_DROPDOWN_HEIGHT
- STATE_CHANGE_TYPE
- COUNTRIES
- StyledFlagContainer
- StyledRoot
- StyledDialCode
- StyledCountrySelectDropdownContainer
- StyledCountrySelectDropdownListItem
- StyledCountrySelectDropdownFlagColumn
- StyledCountrySelectDropdownNameColumn
- StyledCountrySelectDropdownDialcodeColumn