title: JQuery date time picker layout format issue
body: <p>I am jquery for date time picker. Its working fine but , previous month or next month icon is not displying as shown in image.. but its also working when i click on the pictureless area. </p>
  
  <p>I need to show the image at the corners as shown in image . please suggest where the problem is..</p>
  
  <p>I downloaded from  <a href="http://trentrichardson.com/examples/timepicker/" rel="nofollow noreferrer">http://trentrichardson.com/examples/timepicker/</a></p>
  
  <p><img src="https://i.stack.imgur.com/7Zpp7.png" alt="enter image description here">
  <strong>My Code :</strong> </p>
  
  <pre><code>          &lt;link rel="stylesheet" href="css/jquery-ui.css"&gt;
     &lt;style&gt;
     /* css for timepicker */
  .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
  .ui-timepicker-div dl { text-align: left; }
  .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
  .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
  .ui-timepicker-div td { font-size: 90%; }
  .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  
  .ui-timepicker-rtl{ direction: rtl; }
  .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
  .ui-timepicker-rtl dl dt{ float: right; clear: right; }
  .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
     &lt;/style&gt;
  
      &lt;script src="js/jquery-1.9.1.js"&gt;&lt;/script&gt;
              &lt;script src="js/1.10.3/jquery-ui.js"&gt;&lt;/script&gt;
          &lt;script src="js/jquery-ui-timepicker-addon.js"&gt;&lt;/script&gt;           
              &lt;script&gt;
  
   $(function() {
  
  
      $( "#datepicker" ).datetimepicker({dateFormat: "yy-mm-dd"});
    });
  
    &lt;/script&gt;
  </code></pre>