ui bootstrap datepicker inside an accordion is not

Question

I am trying to do a module with a datepicker inside an accordion.

problem is the datepicker popup box is not visible over the accordion.

here is a plunker showing the problem :

http://plnkr.co/edit/jBqU0LXQFcUuzQLency2?p=preview

any idea on how i could make the dialog window appear over the accordion module ?

edit: with bootstrap 3, this is working :

.panel-group .panel {
    overflow: inherit;
}

Answer 1

Add this css after the bootstrap.css link can fix it. This will override the CSS relating to position for each accordion-body.

<style type="text/css">
    .collapse {
        position: inherit;
    }
</style>

Answer 2

This works for me Bootstrap version 3:

.panel-body {
  overflow: inherit !important;
}

my datepicker is in an accordion that is in a bootbox.