jQuery datapicker appearing behind twitter bootstrap modal

Question

I am using Bootstrap v2.3.2 and jQuery Datepicker v1.10.0,

On a modal I am trying to make use of the datepicker and it is appearing behind the modal on Firefox and

Answer 1

As @Matt answered, apply z-index higher than modal’s z-index, suppose modal has the below z-index:

modal.fade {
    z-index: 10000000 !important;
}

Then apply z-index more than modal for datepicker class:

.datepicker {z-index: 20000000 !important}