JSFiddle - React, Tailwind, and code Playground

by Gaurav Kesarwani

HTML

<div class="dynamic-date-picker">
  <div class="to-date">
    <select type="text" class="dynamic-date-to">
      <option>Latest datapoint</option>
      <option>Last Sunday</option>
      <option>Latest Monday</option>
    </select>
    <span>-</span>
    <input type="number">
  </div>
  <div class="from-date">
    <select type="text" class="dynamic-date-from">
      <option>Latest datapoint</option>
      <option>Last Sunday</option>
      <option>Latest Monday</option>
    </select>
    <span>-</span>
    <input type="number">
  </div>
</div>

CSS

.dynamic-date-picker {
  display: flex;
}

.to-date {
  border-right: 1px solid #CCC;
}