tailwind custom input time

Fragile Fish answered on January 31, 2022 Popularity 8/10 Helpfulness 3/10

answer tailwind custom input time

tailwind custom input time

Comment

<div class="flex justify-center">
  <div class="timepicker relative form-floating mb-3 xl:w-96" data-mdb-with-icon="false" id="input-toggle-timepicker">
    <input type="text"
      class="form-control block w-full px-3 py-1.5 text-base font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none"
      placeholder="Select a date" data-mdb-toggle="input-toggle-timepicker" />
    <label for="floatingInput" class="text-gray-700">Select a time</label>
  </div>
</div>

Popularity 8/10 Helpfulness 3/10 Language whatever

Source: tailwind-elements.com

Tags: input time whatever

Link to this answer
Share Copy Link