It would be absolutely lovely if the DatePickerField could be used in the regular CMS as well, not just the popup window. I tried using it instead of the regular calendar field but the calendar didn't show up when I clicked in the field. It worked when I used it in a popup when I tried out your Testimonial examples.

Kindly, Marcus

Ok I wasn't thinking big enough on my event delegation. If you run the rather silly
         '(function($) {
            $(function(){
               $("body").mouseover(function(event) {
                  var target = event.target;
                  if (target.id == "'.$id.'") {
                     $(target).datepicker({dateFormat : "'.self::$dateFormat.'"
                        , buttonImage : "/sapphire/images/calendar-icon.gif"
                        , buttonImageOnly : true
                     });
                  }   
               });
            });            
         })(jQuery);'
it works.

Now if you'll excuse me I'll have go and pretend I never wrote that.

Oh and if you go from a Testimonial page to the regular cms page with the datepicker on, the styles don't work. I think the issue is related to the fact that we get two datepicker divs with the same id on the page and jQuery gets confused.

Ok I fixed that by switching DataObjectManager to jquery ui 1.6 instead of 1.5.3. After putting both the field and the DataObjectManager on the same version of jQuery ui they play nice.

There is one last issue which seems to be related to the fact that as far as I can tell, the javascript for the DatePickerField is not loaded properly unless I do a reload on a page which has the datepickerfield on it. It works for the popup but we need to find a way to register the scripts even though the field isn't actually on the first page we visit in the CMS.

Ok so I managed to get scripts registered globally through Object::extend() by looking at how you did it in verticaltabs.

So I wrote something like this
<?php
class DatePickerFieldScriptInit extends Extension {
   public function augmentInit() {
      Requirements::javascript("jsparty/jquery/jquery.js");

      Requirements::javascript("dataobject_manager/javascript/jquery-ui.1.6.js");
      Requirements::javascript("dataobject_manager/code/date_picker_field/datepicker.js");

      Requirements::css("dataobject_manager/css/ui/ui.core.css");
      Requirements::css("dataobject_manager/css/ui/ui.datepicker.css");
      Requirements::css("dataobject_manager/css/ui/ui.theme.css");
      
   }
}
?>

And this gets the scripts registered on all pages. However what do we do about the custom script that references internal properties of the DatePickerField? Is there some other way of getting scripts on the global queue?

You can have more control over your thumbnails by toggling the "square thumbnails" boolean.