title: Datepicker : Datepicker on Modal (z-index)
body: <p>I face this problem today when I try to show datepicker on Bootstrap Modal.</p>
  
  <p>I'm using <a href="https://bootstrap-datepicker.readthedocs.io/en/latest/index.html" rel="nofollow">bootstrap-datepicker</a> as datepicker library.</p>
  
  <p>Here is my modal form :</p>
  
  <pre><code>&lt;div class="form-group"&gt;
       &lt;label for="message-text" class="control-label"&gt;Start Date&lt;/label&gt;
            &lt;div class="input-group date"&gt;
                 &lt;div class="input-group-addon"&gt;
                     &lt;i class="fa fa-calendar"&gt;&lt;/i&gt;
                 &lt;/div&gt;
                 &lt;input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"&gt;
             &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my datepicker script :</p>
  
  <pre><code>$('#datepicker2').datepicker({
          autoclose: true,
          format: 'yyyy-mm-dd',
          zIndexOffset: 10000
      });
  </code></pre>
  
  <p>I already using zIndexOffset but it's not working, the calendar still shown behind the modal.</p>
  
  <p>Can anyone suggest the solution ? </p>
  
  <p>Thank you.</p>