Tailwind Picker

Time Picker

https://codepen.io/junchow/pen/NWxqORX?editors=1000

<div class="container mx-auto my-12 p-12 bg-gray-100">
  <div class="inline-flex text-lg border rounded-md shadow-lg p-2">
    <select name="" id="" class="px-2 outline-none appearance-none bg-transparent">
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="02">03</option>
    </select>
    <span class="px-2">:</span>
    <select name="" id="" class="px-2 outline-none appearance-none bg-transparent">
      <option value="00">00</option>
      <option value="01">01</option>
    </select>
    <select name="" id="" class="px-2 outline-none appearance-none bg-transparent">
      <option value="AM">AM</option>
      <option value="PM">PM</option>
    </select>
  </div>
</div>