JSFiddle - React, Tailwind, and code Playground

by peteryates

HTML

<form>
  <div class="date">
    <div class="date-part">
      <label for="day">Day</label>
      <input name="day"/>
    </div>
    <div class="date-part">
      <label for="month">Month</label>
      <input name="month" list="months"/>

      <datalist id="months">
        <option value="January"/>
        <option value="February"/>
        <option value="March"/>
        <option value="April"/>      
        
      </datalist>
      
    </div>

    <div class="date-part">
      <label for="year">Year</label>
      <input name="year"/>
    </div>
  </div>
</form>

SASS

form
  .date
    display: inline
    
    .date-part
      display: inline-block
      
      label
        display: block