Separate dial code option

Display the selected country dial code next to the input, so it looks like it's part of the typed number. Play with this option on Storybook (using the React component).

Demo

Markup

<input id="phone" type="tel">

Code

const input = document.querySelector("#phone");
window.intlTelInput(input, {
  initialCountry: "gb",
  separateDialCode: true,
  utilsScript: "/intl-tel-input/js/utils.js?1716383386062" // just for formatting/placeholders etc
});