diff --git a/src/js/controller.js b/src/js/controller.js
index f3f7544..665e4de 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -19,4 +19,17 @@ angular.module('focaModal')
             $uibModalInstance.close(true);
         };
     }
+])
+.controller('focaModalFechaController', [
+    '$uibModalInstance', '$scope', 'titulo',
+    function($uibModalInstance, $scope, titulo) {
+        $scope.titulo = titulo;
+        $scope.fecha = new Date();
+        $scope.cancelar = function() {
+            $uibModalInstance.dismiss();
+        };
+        $scope.aceptar = function() {
+            $uibModalInstance.close($scope.fecha);
+        };
+    }
 ]);
diff --git a/src/js/controllerModal.js b/src/js/controllerModal.js
index 49e3d34..a5666a0 100644
--- a/src/js/controllerModal.js
+++ b/src/js/controllerModal.js
@@ -13,7 +13,7 @@ angular.module('focaModal')
 
             $scope.filters = '';
             $scope.columnas = columnas;
-            $scope.titulo = titulo
+            $scope.titulo = titulo;
             $scope.entidades = [];
             $scope.primerBusqueda = false;
             $scope.searchLoading = false;
@@ -44,7 +44,6 @@ angular.module('focaModal')
                     $scope.filteredEntidades = $filter('filter')(
                         $scope.entidades, { $: $scope.filters }
                     );
-
                     $scope.lastPage = Math.ceil(
                         $scope.filteredEntidades.length / $scope.numPerPage
                     );
@@ -99,6 +98,12 @@ angular.module('focaModal')
                     avanzarPagina();
                 }
             };
+            $scope.esFecha = function(fecha) {
+                if(fecha.includes('fecha')) {
+                    return true;
+                }
+                return false;
+            }
 
             function calcularPages(paginaActual) {
                 var paginas = [];
diff --git a/src/js/service.js b/src/js/service.js
index d70818a..709788c 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -35,8 +35,7 @@ angular.module('focaModal')
                     return $uibModal.open({
                         templateUrl: 'foca-modal.html',
                         controller: 'focaModalController',
-                        animation: false,
-                        backdrop: false,
+                        size: 'lg',
                         resolve: {
                             columnas: function() { return columnas; },
                             query: function() { return query; },
@@ -51,6 +50,21 @@ angular.module('focaModal')
                 },
                 getEntidad: function(filters, query) {
                     return $http.get(API_ENDPOINT.URL + query, {nombre: filters});
+                },
+                modalFecha: function(titulo) {
+                    return $uibModal.open({
+                        templateUrl: 'foca-fecha.html',
+                        controller: 'focaModalFechaController',
+                        size: 'md',
+                        resolve: {
+                            titulo: function() {return titulo;}
+                        }
+                    })
+                    .result.then(
+                        function(resultado) {
+                            return resultado;
+                        }
+                    )
                 }
             };
         }
diff --git a/src/views/foca-fecha.html b/src/views/foca-fecha.html
new file mode 100644
index 0000000..b4401f0
--- /dev/null
+++ b/src/views/foca-fecha.html
@@ -0,0 +1,17 @@
+<div class="modal-header py-1">
+    <h4 ng-bind="titulo"></h4>
+    <strong ng-bind="fecha | date: 'dd/MMMM/yyyy HH:mm'"></strong>
+</div>
+<div class="modal-body">
+    <div class="offset-2">
+        <div uib-datepicker ng-model="fecha"></div>
+    </div>
+</div>
+<div class="modal-footer">
+    <button
+        class="form-control btn btn-secondary"
+        ng-click="cancelar()">Cancelar</button>
+    <button
+        class="form-control btn btn-primary"
+        ng-click="aceptar()">Aceptar</button>
+</div>
diff --git a/src/views/foca-modal.html b/src/views/foca-modal.html
index d533420..e9a9c2d 100644
--- a/src/views/foca-modal.html
+++ b/src/views/foca-modal.html
@@ -55,7 +55,9 @@
                 ng-repeat="(key, entidad) in currentPageEntidades"
                 ng-click="select(entidad)"
                 >
-                <td ng-repeat="propiedad in columnas.propiedad" ng-bind="entidad[propiedad]"></td>
+                <td
+                    ng-repeat="propiedad in columnas.propiedad"
+                    ng-bind="entidad[propiedad]"></td>
                 <td class="d-md-none text-primary">
                     <i class="fa fa-circle-thin" aria-hidden="true"></i>
                 </td>