Custom mask for all country

[jovanhartono]

It is possible to add custom masks for all countries?
ex: +1 123-4567-8901, +2 123-4567-8901, etc..

nice project btw

[goveo]

@jovanhartono Thanks!
You can pass the country param with modified format country values:

const countries = defaultCountries.map((country) => {
  const parsedCountry = parseCountry(country);

  return buildCountryData({
    ...parsedCountry,
    format: '...-....-....',
  });
});

export const App = () => {
  return <PhoneInput countries={countries} defaultCountry="ua" />;
};

But this example doesn't handle dial-code value, so this will be supported:

• +1 123-4567-8901
• +43 123-4567-8901
• +380 123-4567-8901