<div class="">
  <div class="Polaris-Labelled__LabelWrapper">
    <div class="Polaris-Label">
      <label class="Polaris-Label__Text" for="date_range">Date range</label>
    </div>
  </div>
  <div data-controller="paper-select" data-selected-value="" class="Polaris-Select Polaris-Select--error">
    <select name="date_range" id="date_range" class="Polaris-Select__Input" data-paper-select-target="select" data-action="paper-select#update"><option value="today">Today</option>
      <option value="yesterday">Yesterday</option>
      <option value="lastWeek">Last 7 days</option></select>
    <div
      class="Polaris-Select__Content"
      aria-hidden="true"
      
    >
      <span
        class="Polaris-Select__SelectedOption"
        data-paper-select-target="selectedOption"
      >
      </span>
      <span class="Polaris-Select__Icon">
        <span class="Polaris-Icon">
          <svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
            <path d="M10 16l-4-4h8l-4 4zm0-12l4 4H6l4-4z"></path>
          </svg>
        </span>      </span>
    </div>
    <div class="Polaris-Select__Backdrop"></div>
  </div>
</div>