title: Setting margin-up calendar in javascript
body: <p>I am having a problem while selecting date (using bootstrap class datepicker), after running the snippet, the calendar shows below textbox:</p>
  
  <pre><code>&lt;input type="text" class="form-control datepicker" name="due_date" id="due_date" onclick="calendar_up()" value="" placeholder="Due Date"&gt;
  </code></pre>
  
  <p>I want that the calendar should appear above the textbox, I have written the script but it's not working,</p>
  
  <pre><code>    &lt;script&gt; 
            function calendar_up(){
            document.getElementById('due_date').style.marginTop = Value.ToString() + '150px';
            }
     &lt;/script&gt;
  </code></pre>
  
  <p>Any help would be appreciated. </p>