reverted:
--- b/css/telephone_international_widget.css
+++ a/css/telephone_international_widget.css
@@ -1,11 +1,8 @@
+.field--widget-telephone-international #valid-msg {
-.field--widget-telephone-international .valid-msg {
   margin-left: 5px;
   color: #00C900;
 }
+.field--widget-telephone-international #error-msg {
-.field--widget-telephone-international .error-msg {
   margin-left: 5px;
   color: red;
+}
\ No newline at end of file
-}
-.field--widget-telephone-international .hide {
-  display: none;
-}
diff -u b/js/telephone_international_widget.js b/js/telephone_international_widget.js
--- b/js/telephone_international_widget.js
+++ b/js/telephone_international_widget.js
@@ -66,7 +66,7 @@
           errorMsg.classList.add('hide')
           if (event.type === 'blur') {
             input.value = iti.getNumber(intlTelInputUtils.numberFormat.NATIONAL)
-            hiddenInput.value = iti.getNumber(intlTelInputUtils.numberFormat.E164)
+            hiddenInput.value = iti.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL)
           }
         }
         else {
reverted:
--- b/src/Plugin/Field/FieldWidget/TelephoneInternationalWidget.php
+++ a/src/Plugin/Field/FieldWidget/TelephoneInternationalWidget.php
@@ -23,25 +23,14 @@
    * {@inheritdoc}
    */
   public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
+    $element['value'] = $element + [
-    $value = $element + [
-      '#type' => 'textfield',
-      '#default_value' => isset($items[$delta]->value) ? $items[$delta]->value : NULL,
-    ];
-    $value['#attributes']['class'][] = 'telephone_international_widget_value';
-
-    $display = $element + [
       '#type' => 'textfield',
       '#default_value' => isset($items[$delta]->value) ? $items[$delta]->value : NULL,
       '#placeholder' => $this->getSetting('placeholder'),
+      '#field_suffix' => '<span id="valid-msg" class="hide">✓ Valid</span><span id="error-msg" class="hide"></span>',
-      '#field_suffix' => '<span class="valid-msg hide">✓ Valid</span><span class="error-msg hide"></span>',
-      '#input' => FALSE,
     ];
+    $element['value']['#attributes']['class'][] = 'telephone_international_widget';
+    $element['value']['#attached']['library'][] = 'telephone_international_widget/intl-tel-input';
-    $display['#attributes']['class'][] = 'hidden';
-    $display['#attributes']['class'][] = 'telephone_international_widget';
-    $display['#attached']['library'][] = 'telephone_international_widget/intl-tel-input-widget';
-
-    $element['value'] = $value;
-    $element['display'] = $display;
 
     return $element;
   }
reverted:
--- b/telephone_international_widget.libraries.yml
+++ a/telephone_international_widget.libraries.yml
@@ -7,14 +7,8 @@
     gpl-compatible: true
   js:
     /libraries/intl-tel-input/build/js/intlTelInput.js: {}
+    js/telephone_international_widget.js: {}
-    /libraries/intl-tel-input/build/js/utils.js: {}
   css:
     base:
       /libraries/intl-tel-input/build/css/intlTelInput.css: {}
       css/telephone_international_widget.css: {}
-
-intl-tel-input-widget:
-  js:
-    js/telephone_international_widget.js: {}
-  dependencies:
-    - telephone_international_widget/intl-tel-input