YUI: Calendar w/ Drag & Drop

This example shows how to add Drag & Drop to a Calendar Control.

The Code

YAHOO.namespace("disco.calendar");

YAHOO.disco.calendar.init = function() { 
                var navConfig = {
                    strings : {
                        month: "Choose Month",
                        year: "Enter Year",
                        submit: "OK",
                        cancel: "Cancel",
                        invalidYear: "Please enter a valid year"
                    },
                    monthFormat: YAHOO.widget.Calendar.SHORT,
                    initialFocus: "year"
                };
                
                var cal2 = new YAHOO.widget.Calendar("cal2Container", {navigator:navConfig});
                cal2.cfg.setProperty("close", true);
                cal2.renderEvent.subscribe(function() {
                    //Get the title so we can set the drag handle
                    var title = YAHOO.util.Dom.getElementsByClassName('title', 'div', cal2.oDomContainer)[0];
                    //On render setup the DD instance
                    var dd = new YAHOO.util.DD("cal2Container");
                    //Set the handle to the title, so we drag by it..
                    dd.setHandleElId(title);
                });
                
                cal2.render();
                
            }

YAHOO.util.Event.onDOMReady(YAHOO.disco.calendar.init);