<!doctype html>
<html>
<head>
<title>Calendar Example</title>
<style>
.yui3-skin-sam .redtext {
color:#ff0000;
}
</style>
</head>
<body class="yui3-skin-sam">
<div id="firstcalendar"></div>
<div id="secondcalendar"></div>
<div id="currentDate"></div>
<script>
YUI({
base: '/build/',
filter: "raw"
}).use('calendar', function(Y) {
var calendarone = new Y.Calendar({
showNextMonth: true,
showPrevMonth: true,
selectionMode: "multiple",
date: new Date(2011,10,1),
width:'300px'});
calendarone.render("#firstcalendar");
var calendartwo = new Y.Calendar({
showNextMonth: true,
showPrevMonth: true,
selectionMode: "multiple",
date: new Date(2015,10,1),
width:'300px'});
calendartwo.render("#secondcalendar");
});
</script>
</body>
</html>