Как переделать диапазон в select?
 

Есть фильтр с ценой у него есть 2 инпута ,где вводится диапазон от минимального значения до максимального,как переделать чтобы место инпутов был селект ?чтобы туда заносились значения от минимального до максимального в оба одинаково


Вот верстка

<div class="ngrs-range-slider">
    <div class="ngrs-inputs">
        <div class="row between-xs middle-xs">
            <div class="col-xs-4">
                <input class="input-small" name="filteredModelMin" type="number" data-ng-model="modelMin" data-ng-keyup="inputChange($event)" data-ng-blur="blurMin()" />
            </div>
            <div class="col-xs-4">
                <div class="ngrs-runner-dash">-</div>
            </div>
            <div class="col-xs-4">
                <input class="input-small" name="filteredModelMax" type="number" data-ng-model="modelMax" data-ng-keyup="inputChange($event)"  data-ng-blur="blurMax()"/>
            </div>
        </div>
    </div>
    <div class="ngrs-runner">
        <div class="ngrs-handle ngrs-handle-min"><i></i></div>
        <div class="ngrs-handle ngrs-handle-max"><i></i></div>
        <div class="ngrs-join cs-bg-10"></div>
    </div>
    <div class="ngrs-value-runner" ng-show="showValues">
        <div class="row between-xs">
            <div>
                <div class="ngrs-value ngrs-value-min"><div data-ng-bind="::min"></div></div>
            </div>
            <div>
                <div class="ngrs-value ngrs-value-max"><div data-ng-bind="::max"></div></div>
            </div>
        </div>
    </div>
</div>

Если сейчас просто поменять input на select то на сайте будет так выводить(это для первого инпута)

<select class="input-small ng-pristine ng-valid ng-not-empty ng-touched" name="filteredModelMin" type="number" data-ng-model="modelMin" data-ng-keyup="inputChange($event)" data-ng-blur="blurMin()"><option value="? number:1000 ?"></option>
</select>

Буду очень благодарен хотя бы за совет