diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html
new file mode 100644
index 000000000..57e2c5cc2
--- /dev/null
+++ b/demos/datepicker/buttonbar.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>jQuery UI Datepicker - Default Demo</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+	<script type="text/javascript" src="../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$('#date123').datepicker({showButtonPanel: true});
+	});
+	</script>
+</head>
+<body>
+
+
+<p>Date: <input type="text" id="date123"></p>
+
+
+</body>
+</html>
diff --git a/demos/datepicker/default.html b/demos/datepicker/default.html
index 27a328af6..0383be419 100644
--- a/demos/datepicker/default.html
+++ b/demos/datepicker/default.html
@@ -9,13 +9,13 @@
 	<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
 	<script type="text/javascript">
 	$(function() {
-		$("#datepicker").datepicker();
+		$("#date123").datepicker();
 	});
 	</script>
 </head>
 <body>
 
-<input type="text" id="datepicker" />
+Date: <input type="text" id="date123" />
 
 </body>
 </html>
diff --git a/demos/datepicker/dropdown_month_year.html b/demos/datepicker/dropdown_month_year.html
new file mode 100644
index 000000000..b0602d6be
--- /dev/null
+++ b/demos/datepicker/dropdown_month_year.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>jQuery UI Datepicker - Default Demo</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+	<script type="text/javascript" src="../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$('#date123').datepicker({changeMonth:true, changeYear:true});
+	});
+	</script>
+</head>
+<body>
+
+
+<p>Date: <input type="text" id="date123"></p>
+
+
+</body>
+</html>
diff --git a/demos/datepicker/index.html b/demos/datepicker/index.html
index 1b40e8611..3fa714fdc 100644
--- a/demos/datepicker/index.html
+++ b/demos/datepicker/index.html
@@ -8,7 +8,11 @@
 
 <dl class="nav">
 	<dt>Datepicker</dt>
-		<dd><a href="default.html">Default</a></dd>
+		<dd><a href="default.html">Default datepicker</a></dd>
+		<dd><a href="dropdown_month_year.html">Month & year menus</a></dd>
+		<dd><a href="buttonbar.html">Today & Done button bar</a></dd>
+		<dd><a href="multiple_calendars.html">3 month view</a></dd>
+		<dd><a href="inline.html">Inline datepicker</a></dd>
 </dl>
 
 </body>
diff --git a/demos/datepicker/inline.html b/demos/datepicker/inline.html
new file mode 100644
index 000000000..0221bfbbf
--- /dev/null
+++ b/demos/datepicker/inline.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>jQuery UI Datepicker - Default Demo</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+	<script type="text/javascript" src="../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#date123").datepicker();
+	});
+	</script>
+</head>
+<body>
+
+
+Date: <div id="date123" /></div>
+
+</body>
+</html>
diff --git a/demos/datepicker/multiple_calendars.html b/demos/datepicker/multiple_calendars.html
new file mode 100644
index 000000000..b502eb3ee
--- /dev/null
+++ b/demos/datepicker/multiple_calendars.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<title>jQuery UI Datepicker - Default Demo</title>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+	<script type="text/javascript" src="../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/ui.datepicker.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$('#date123').datepicker({numberOfMonths: 3, showButtonPanel: true});
+	});
+	</script>
+</head>
+<body>
+
+
+<p>Date: <input type="text" id="date123"></p>
+
+
+
+</body>
+</html>
