JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://www.inputpicker.com/src/jquery.inputpicker.css?1609851508" />

<input id='test' style='width:60px;'/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://www.inputpicker.com/src/jquery.inputpicker.js?1609851508"></script>

JavaScript

$(document).ready(function(){
  $('#test').inputpicker("val" , "1");
});

$('#test').inputpicker({
    data:[
        {value:"1",text:"USD"},
        {value:"2",text:"EUR"},
        {value:"3",text:"CNY"}
    ],
    fields:[
        {name:'value',text:'Id'},
        {name:'text',text:'Title'}
    ],
    autoOpen: true,
    headShow: false,
    filterOpen: true,
    fieldText : 'text',
    fieldValue: 'value'
});