doubts with tag select

I have the following select tag:

<!--select-->
                        <div class="uk-form-row">
                            <div class="uk-grid">
                                <div class="uk-width-medium-1-2">
                                    <div class="uk-input-group">
                                        <span class="uk-input-group-addon"><i class="uk-input-group-icon uk-icon-male"></i></span>
                                        <label>Pessoa</label>
                                        <select required class="md-input" ng-options="item as item.t0053_descricao for item in itemsContas track by item.t0053_id_conta" ng-model="selectedContas"></select>
                                        <span class="uk-input-group-addon">
                                            <a href="javascript:void(0)" style="cursor:pointer !important" ng-click="getAllContas()" data-uk-tooltip="{pos:'right'}" title="Atualizar Colaboradores"><i class="material-icons md-48">refresh</i></a>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--fim select-->

The result is this:

I would like to put an input inside the select, so that the user can type to search, how could I do this in my code?