title: Datepicker inside Bootstrap modal using Bootbox
body: <p>I'm trying to use a Datepicker inside a Bootbox modal but the problem is that the datepicker won't show the calendar inside the modal, but it works outside.</p>
  
  <pre><code>&lt;button class="add_date_btn btn btn-primary btn-sm" taller_id="&lt;?php htmlout($id); ?&gt;"&gt;Add&lt;/button&gt;
  &lt;div id="add_class_form" title="Agregar Clase"&gt;
      &lt;form action="" method="post" id="form_clase"&gt;
          &lt;div class="form-group"&gt;
              &lt;div class="input-group"&gt; 
                  &lt;input type="text" class="form-control" value="Choose Date" id="datepicker" name="fecha" required /&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>On the modal I'm loading the content of a hidden DIV using Bootbox:</p>
  
  <pre><code>$('.add_date_btn').on('click', function () {
        bootbox.dialog({
            message: $('#add_class_form').html(),
            title: "Add Class",
            buttons: {
                cancelar: {
                    label: "Cancelar",
                    className: "btn-default"
                }
            }
        });
    }); //End click
  </code></pre>
  
  <p>A sample is here: <a href="http://jsfiddle.net/4EjSW/" rel="nofollow">http://jsfiddle.net/4EjSW/</a></p>
  
  <p>On my site the DIV #add_class_form is set to "display:none" but on the sample code I left it there so anyone can confirm it's actually working when it's outside the modal.</p>
  
  <p>Any idea how to fix this? </p>