Ionic 5 объединяет два входных компонента в один ion-item

Question

у меня есть ion-listкак показано ниже, который показывает один компонент в каждой строке.

              <ion-list slot="content">
        <ion-item >
          <ion-label position="floating">EMAIL</ion-label>
          <ion-input [(ngModel)]="card.email" inputmode="email"></ion-input>
      </ion-item>
    
      <ion-item>
          <ion-label position="floating">MOBILE</ion-label>
          <ion-input [(ngModel)]="card.mobile" inputmode="tel"></ion-input>
      </ion-item>
      </ion-list>

Я хочу иметь два поля в мобильном телефоне ion-itemс одним для кода страны и другим для части номера мобильного телефона, поскольку он уже есть. Как это должно быть сделано? Я не мог найти ни одного примера и не знаю, как его достичь.