Not a complete example but I have implemented an older version of this calendar:
http://www.dynarch.com/projects/calendar/
with activewidgets and it works without problems. Here is a partial example of how I integrated it
var UI4button = new AW.UI.Button;
UI4button.setClass("ui", "button-customr16"); // adds .aw-button-small CSS class
UI4button.setId("UI4button");
UI4button.setStyle("background-image","url(../images/buttons/calendar.gif)")
UI4button.setEvent("onmouseover","this.style.backgroundPosition='0 -15px'")
UI4button.setEvent("onmousedown","this.style.backgroundPosition='0 -30px'")
UI4button.setEvent("onmouseup","this.style.backgroundPosition='0 -15px'")
UI4button.setEvent("onmouseout","this.style.backgroundPosition='0 0px'")
UI4button.setControlTooltip("Select date.")
UI4button.setControlDisabled(_UI4DIS_);
if (_UI4DIS_){UI4button.setControlVisible(false);} else {UI4button.setControlVisible(true);}
document.write(UI4button);
var _UI4_ = new AW.UI.Input;
_UI4_.setId("UI4");
_UI4_.setSize(75);
_UI4_.setControlText("_UI4VAL_");
_UI4_.setAttribute("value","_UI4VAL_");
_UI4_.setControlTooltip('Click icon to enter mission date.');
_UI4_.getContent('box/text').setAttribute('readonly',true);
_UI4_.getContent("box/text").setStyle("font-size", "12px");
document.write(_UI4_);
function onSelectUI4(calendar, date) {
_UI4_.setControlText(date);
_UI4_.setAttribute("value",date);
if (calendar.dateClicked) {
calendar.callCloseHandler();
}
};
Calendar.setup({
inputField : "UI4",
ifFormat : "%m/%d/%Y",
button : "UI4button",
align : "Bl",
singleClick : true,
onSelect : onSelectUI4
});