<div class="search-panel"> <form ng-submit="$ctrl.onSearch()"> <vn-horizontal> <vn-textfield vn-one label="General search" ng-model="filter.search" info="Search travels by id" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Reference" ng-model="filter.ref"> </vn-textfield> <vn-textfield vn-one label="Total entries" ng-model="filter.totalEntries"> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-textfield vn-one label="Travel id" ng-model="filter.id"> </vn-textfield> <vn-autocomplete vn-one label="Agency" ng-model="filter.agencyFk" url="AgencyModes" show-field="name" value-field="id"> </vn-autocomplete> </vn-horizontal> <vn-horizontal> <vn-date-picker vn-one label="Shipped from" ng-model="filter.shippedFrom"> </vn-date-picker> <vn-date-picker vn-one label="Shipped to" ng-model="filter.shippedTo"> </vn-date-picker> </vn-horizontal> <vn-horizontal> <vn-date-picker vn-one label="Landed from" ng-model="filter.landedFrom"> </vn-date-picker> <vn-date-picker vn-one label="Landed to" ng-model="filter.landedTo"> </vn-date-picker> </vn-horizontal> <vn-horizontal> <vn-autocomplete vn-one label="Warehouse Out" ng-model="filter.warehouseOutFk" url="Warehouses" show-field="name" value-field="id"> </vn-autocomplete> <vn-autocomplete vn-one label="Warehouse In" ng-model="filter.warehouseInFk" url="Warehouses" show-field="name" value-field="id"> </vn-autocomplete> </vn-horizontal> <vn-horizontal class="vn-mt-lg"> <vn-submit label="Search"></vn-submit> </vn-horizontal> </form> </div>