title: How to correctly implement jQuery datepicker and jQuery time picker
body: <p>I am trying to install datepicker UI on my application along with its cool addon Timepicker <a href="http://trentrichardson.com/examples/timepicker/#basic_examples" rel="nofollow">http://trentrichardson.com/examples/timepicker/#basic_examples</a></p>
  
  <p>I keep getting this error in the console</p>
  
  <pre><code>Uncaught TypeError: undefined is not a function jquery.ui.widget.js:71
  $.widget jquery.ui.widget.js:71
  (anonymous function) jquery.ui.slider.js:22
  (anonymous function) jquery.ui.slider.js:672
  </code></pre>
  
  <p>I am trying to use example #3 which is a datepicker plus a slider (time format)</p>
  
  <pre><code>$('#basic_example_3').datetimepicker({
      timeFormat: "hh:mm tt"
  });
  </code></pre>
  
  <p>Here is what I my head html code </p>
  
  <pre><code>  &lt;link rel="stylesheet" href="css/jquery/jquery-ui.css"&gt;
    &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.core.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.widget.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.slider.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery-ui-timepicker-addon.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I don't see a slider at all in my calender pop up. I see a drop down menu with time!
  Can some one help me with this please? I think if I can fix that error it will solve the problem.</p>
  
  <p>Thanks</p>