JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
<input value="" list="default">
<i class="fa fa-caret-down innerinput" onclick="showList();"></i>

<datalist id="default">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

CSS

.innerinput {
    position: relative;
    z-index: 1;
    left: -20px;
    top: 1px;
    color: #7B7B7B;
    cursor:pointer;
    width: 0; 
}

JavaScript

function showList(){
	alert("solution?");
}