JSFiddle - React, Tailwind, and code Playground

by LimitedWard

HTML

<div data-role="controlgroup" data-type="horizontal">
     <input name="" id="numberTxt" placeholder="Enter A Mobile Number" value=""  type="tel">
      <a href="" id="iconshow" data-role="button" onClick='pickAContact()' data-icon="plus" data-iconpos="notext">Add</a>
    </div>

CSS

.ui-controlgroup-controls {
            width: 100%;
            margin-bottom: 42px;
         }

        .ui-controlgroup-controls .ui-input-text{
            position: absolute;
            
            left: 15px;
            right: 73px;
            height: 40px;
            margin:0;
        }

        .ui-controlgroup-controls a.ui-btn{
            position: absolute;
            right: 15px; left: auto;
            

        }