diff --git a/src/js/controller.js b/src/js/controller.js
index d71b881..1f7ed2e 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -9,7 +9,9 @@ angular.module('focaModalNotaPedido')
             function($filter, $scope, $uibModalInstance,
                 focaModalNotaPedidoService, usadoPor
             ) {
-
+                var fecha = new Date();
+                $scope.fechaHasta = new Date();
+                $scope.fechaDesde = new Date(fecha.setMonth(fecha.getMonth() - 1));
                 $scope.filters = '';
                 $scope.notasPedido = [];
                 $scope.primerBusqueda = false;
@@ -24,11 +26,30 @@ angular.module('focaModalNotaPedido')
                 //METODOS
                 $scope.busquedaPress = function(key) {
                     if (key === 13) {
+                        if(!$scope.fechaDesde) {
+                            alert('INGRESE FECHA DESDE');
+                            return;
+                        }
+                        if(!$scope.fechaHasta) {
+                            alert('INGRESE FECHA HASTA');
+                            return;
+                        }
+                        if($scope.fechaDesde > $scope.fechaHasta) {
+                            alert('La fecha desde no puede ser mayor a la fecha hasta');
+                            return;
+                        }
                         $scope.searchLoading = true;
-                        focaModalNotaPedidoService.getNotasPedido(usadoPor).then(llenarDatos);
+                        focaModalNotaPedidoService
+                            .getNotasPedido(usadoPor, $scope.fechaDesde.toISOString().split('.')[0],
+                                $scope.fechaHasta.toISOString().split('.')[0])
+                            .then(llenarDatos);
                     }
                 };
                 function llenarDatos(res) {
+                    $scope.notasPedido = [];
+                    $scope.filteredNotasPedido = [];
+                    $scope.currentPageNotasPedido = [];
+                    $scope.selectedNotaPedido = -1;
                     $scope.searchLoading = false;
                     $scope.primerBusqueda = true;
                     $scope.notasPedido = res.data;
diff --git a/src/js/service.js b/src/js/service.js
index 4f32319..994d868 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -4,9 +4,10 @@ angular.module('focaModalNotaPedido')
         'API_ENDPOINT',
         function($http, API_ENDPOINT) {
             return {
-                getNotasPedido: function(usadoPor) {
+                getNotasPedido: function(usadoPor, fechaDesde, fechaHasta) {
                     var sinRemito = (usadoPor === 'remito' ? '/sin-remito' : '');
-                    return $http.get(API_ENDPOINT.URL + '/nota-pedido/listar' + sinRemito);
+                    return $http.get(API_ENDPOINT.URL + '/nota-pedido/listar/' + fechaDesde + '/' +
+                        fechaHasta + sinRemito);
                 }
             };
         }
diff --git a/src/views/foca-modal-nota-pedido.html b/src/views/foca-modal-nota-pedido.html
index c9c9dd3..2903092 100644
--- a/src/views/foca-modal-nota-pedido.html
+++ b/src/views/foca-modal-nota-pedido.html
@@ -3,10 +3,46 @@
 </div>
 <div class="modal-body" id="modal-body">
     <div class="input-group">
+        <small class="col-2 text-left my-1">Fecha Desde</small>
+        <div class="input-group mb-2 col-4">
+            <div class="input-group-prepend">
+                <div class="input-group-text">
+                    <i class="fa fa-calendar"></i>
+                </div>
+            </div>
+            <input
+                class="form-control form-control-sm"
+                id="inlineFormInputGroup"
+                ladda="searchLoading"
+                type="date"
+                ng-model="fechaDesde"
+                hasta-hoy
+                ng-required="true"
+            />
+        </div>
+        <small class="col-2 text-left my-1">Fecha Hasta</small>
+        <div class="input-group mb-2 col-4">
+            <div class="input-group-prepend">
+                <div class="input-group-text">
+                    <i class="fa fa-calendar"></i>
+                </div>
+            </div>
+            <input
+                class="form-control form-control-sm"
+                id="inlineFormInputGroup"
+                ladda="searchLoading"
+                type="date"
+                ng-model="fechaHasta"
+                ng-required="true"
+                hasta-hoy
+            />
+        </div>
+    </div>
+    <div class="input-group">
         <input
             ladda="searchLoading"
             type="text"
-            class="form-control"
+            class="form-control form-control-sm"
             placeholder="Busqueda"
             ng-model="filters"
             ng-change="search()"
@@ -14,7 +50,7 @@
             ng-keypress="busquedaPress($event.keyCode)"
             foca-focus="selectedNotaPedido == -1"
             ng-focus="selectedNotaPedido = -1"
-        >
+        />
         <div class="input-group-append">
             <button
                 ladda="searchLoading"