title: Bootstrap Datepicker autoclose not working. Issue with 'form-floating'?
body: <p>I am using bootstrap datepicker in my ASP.NET web application as follows:</p>
  <p>HTML</p>
  <pre><code>           &lt;div class=&quot;row mb-2&quot;&gt;
                          &lt;div class=&quot;col-sm-4 form-floating&quot;&gt;
                              &lt;div class=&quot;input-group date&quot; data-provide=&quot;datepicker&quot; name=&quot;dp&quot; id=&quot;dp&quot;&gt;
                              &lt;input type=&quot;text&quot; class=&quot;form-control&quot; id=&quot;Last_Reviewed_On&quot; readonly name=&quot;Last_Reviewed_On&quot;&gt;
                              &lt;label for=&quot;Last_Reviewed_On&quot;&gt;Last Reviewed On&lt;/label&gt;
                                  &lt;/div&gt;
                          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>jQuery Initialization</p>
  <pre><code>            $('#dp').datepicker({
                  autoclose: true,
                  todayHighlight: true,
                  format: &quot;mm/dd/yyyy&quot;,
                  startDate: new Date()
              });
  </code></pre>
  <p>For some reason, the datepicker calendar still shows automatically (despite the autoclose directive in the initializer) when the form is displayed, as seen here:</p>
  <p><a href="https://i.stack.imgur.com/k0LuP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/k0LuP.png" alt="Sample output of code" /></a></p>
  <p>I noticed that the label for the form element is not displayed properly.</p>
  <p>I don't know how to resolve this.  I wondered if <code>form-floating</code> on the wrapper <code>&lt;div&gt;</code> would be interfering, and even after removing that, the output is still wrong.<br />
  Can anyone help me figure this out please?</p>