title: Javascript date picker MooTools
body: <p>I'm trying to get the following demo script working <a href="http://www.monkeyphysics.com/mootools/script/2/" rel="nofollow">http://www.monkeyphysics.com/mootools/script/2/</a></p>
  
  <p>Here is the code I have:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  // this code http://www.monkeyphysics.com/mootools/fetch/4/datepicker.css
  &lt;/style&gt;
  &lt;script src="datepicker.js"&gt;&lt;/script&gt;  //tested in browser, correct path
  
  &lt;script language="javascript" type="text/javascript"&gt;window.addEvent('load', function() {
  new DatePicker('.demo_vista', { pickerClass: 'datepicker_vista' });
  new DatePicker('.demo_dashboard', { pickerClass: 'datepicker_dashboard' });
  new DatePicker('.demo_jqui', { pickerClass: 'datepicker_jqui', positionOffset:        { x: 0, y: 5 } });
  new DatePicker('.demo', { positionOffset: { x: 0, y: 5 }});
  });&lt;/script&gt;
  
  &lt;label&gt;Datepicker with Vista skin:&lt;/label&gt;
  &lt;input name='date_B' type='text' value='' class='date demo_vista' /&gt;
  
  &lt;label&gt;Datepicker with OSX Dashboard skin:&lt;/label&gt;
  &lt;input name='date_B' type='text' value='' class='date demo_dashboard' /&gt;
  
  &lt;label&gt;Datepicker with jQuery UI skin:&lt;/label&gt;
  &lt;input name='date_B' type='text' value='' class='date demo_jqui' /&gt;
  
  &lt;label&gt;Datepicker basic (CSS only):&lt;/label&gt;
  &lt;input name='date_B' type='text' value='' class='date demo' /&gt;
  </code></pre>
  
  <p>This is the exact copy / paste from the site, and the the issue I get is no loading of the date picker, at all. It's like it's not finding the JS file (tested path in browser, it is), can anyone see an issue?</p>
  
  <p>Thanks!</p>