<div class="{{ values['on'] }} {{ values.get('col-', 'col col-md-3 w-100') }} mb-2 mb-md-0">
  <div class="input-group input-group-sm border border-top-0 border-right-0 border-left-0 border-light d-flex justify-content-between">
    <input type="text" class="col form-control border-0 no-border-radius px-0" placeholder="daterange">
    <div class="input-group-append">
      <span class="col input-group-text bg-white border-0 px-0">
        <i class="fa fa-calendar text-light"></i>
      </span>
    </div>
  </div>
</div>
