title: Datetimepicker calendar is not open in correct position
body: <p>I am using Eonasdan bootstrap datetimepicker in paramquery grid. From starting I have faced one problem, If I open datetimepicker, the calendar is hiding inside the grid. When I given the css condition</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.dropdown-menu {
  position: fixed;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>it is working. The calendar is visible clearly but it is not open in a correct place. After given "position:fixed", If I click picker icon the calendar is open in right-top of the grid or right-bottom of the grid. It is not open in an exact place. How can I resolve this?</p>
  
  <p><img src="https://i.stack.imgur.com/7f2zc.png" alt="http://i.stack.imgur.com/7f2zc.png"></p>