title: How to check dropdown state of bootstrap datepicker?
body: <p>I know the following checks the visibility of the entire widget but is there a way to check only the visibility/state of the dropdown calendar?   </p>
  
  <pre><code>$("#datePicker").datetimepicker().is(":visible") 
  </code></pre>
  
  <p>EDIT: the widget functions as expected and is contained in a modal with only format and positioning set.</p>
  
  <pre><code>$('#datePicker').datetimepicker({
      format: 'MM/DD/YYYY',
      widgetPositioning: {
          horizontal: 'auto',
          vertical: 'top'
      }
  });
  </code></pre>
  
  <p>HTML when calendar dropdown is open/visible:</p>
  
  <pre><code>&lt;div class="bootstrap-datetimepicker-widget dropdown-menu usetwentyfour top pull-right" style="display:block;"&gt;...&lt;/div&gt;
  &lt;span class="input-group-addon toggleCalendar"&gt;
      &lt;span class="glyphicon glyphicon-calendar"&gt;...&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>