el selector de fechas no aparece después de hacer clic en la imagen

Tengo un violín que muestra el selector de fecha. El mismo código que he escrito a continuación, pero no pasa nada, ¿qué hago mal? Cuando hago clic en ese color verde, entonces no se genera un selector de fecha, pero en el violín va bien, ¿dónde estoy haciendo el mal?

http://jsfiddle.net/cBwEK/10/

<code>  <html>
   <head>
 <script type="text/javascript" src="mootools-yui-compressed.js"></script>//mootools script  
    <script type="text/javascript" src="datepicker.js"></script>     
    <link rel="stylesheet" type="text/css" href="datepicker.css" />

   </head>
   <body>

  <input name='date_allow_empty' type='text' value='' class='date picker' />
  <div id="invokeDP"></div>

      <script type="text/javascript">           
       var dp = new DatePicker('.picker', {
  pickerClass: 'datepicker ',
  allowEmpty: true,
  toggleElements: ['invokeDP']
  });    
     </script>  

   </body>
</html>
</code>

EDITAR: He tomado todos los guiones dentrohead sección, anteriormente estos guiones estaban enbody sección

Respuestas a la pregunta(2)

Su respuesta a la pregunta