usan lista desordenada para mostrar los dias de un rol

src/main/webapp/js/pages/crearRolPolicia.js

@@ -100,7 +100,7 @@ function listarRolesPolicias(objParams = {}) {
         }).then((datatable) => {
             $(datatable).on("click", ".ver-detalle", function () {
                 let data = $(datatable).DataTable().row($(this).parents("tr")).data();
-
+                console.log(data);
 
                 axios.get("modals/policias/mantenimientoRol/detalleRol.jspf").then((response) => {
                     debugger
@@ -120,6 +120,9 @@ function listarRolesPolicias(objParams = {}) {
                             $("#spanSede").html(data.sede_descripcion);
                             $("#spanHorario").html(`${data.tiporol_descripcion} ${data.frecuencia_descripcion}`);
                             $("#spanRangoFechas").html(`${data.fecha_inicio} - ${data.fecha_fin}`);
+                            let htmlList = ``;
+                            data.detalles_rol.forEach(x => htmlList += `<li class="list-group-item" id="${x.id}">${x.fecha_entrada}</li>`);
+                            $("#listaDias").html(htmlList);
                         }
                     });
 

src/main/webapp/vistas/modals/policias/mantenimientoRol/detalleRol.jspf

@@ -37,8 +37,10 @@
     </div>
 
     <div class="col-md-7">
+        <ul class="list-group" id="listaDias">
             
-        <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
+        </ul>
+        <!--        <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
                     <div class="calendars">
                         <div class="calendar left">
                             <div class="calendar-table">
@@ -121,7 +123,7 @@
                             </div>
                         </div>
                     </div>
-        </div>
+                </div>-->
     </div>
 </div>