diff --git a/_form-controls.html b/_form-controls.html
index 0aa7198e..21be8ba9 100644
--- a/_form-controls.html
+++ b/_form-controls.html
@@ -48,11 +48,7 @@
          <label for="password">Password Input:</label>
          <input type="password" name="password" id="password" value=""  />
 		</div>
-		<div data-role="fieldcontain">
-         <label for="date">Date Input (non-functional):</label>
-         <input type="date" name="date" id="date" value=""  />
-		</div>
-		
+
 		<div data-role="fieldcontain">
 		<label for="textarea">Textarea:</label>
 		<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
diff --git a/css/manifest.php b/css/manifest.php
index 50ee5fb9..4df800f9 100644
--- a/css/manifest.php
+++ b/css/manifest.php
@@ -15,8 +15,7 @@ $elements = array(
 	'jQuery.mobile.forms.select.css',
 	'jQuery.mobile.forms.textinput.css',
 	'jQuery.mobile.listview.css',
-	'jQuery.mobile.forms.slider.css',
-	'jquery.ui.datepicker.css'
+	'jQuery.mobile.forms.slider.css'
 );
 
 ?>
diff --git a/experiments/ui-datepicker/index.html b/experiments/ui-datepicker/index.html
new file mode 100644
index 00000000..df132df6
--- /dev/null
+++ b/experiments/ui-datepicker/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html> 
+<html> 
+	<head> 
+	<title>jQuery Mobile Framework - Datepicker</title> 
+	<link rel="stylesheet" type="text/css" href="../../css/all" /> 
+	<script type="text/javascript" src="../../js/all"></script>
+	
+</head> 
+<body> 
+
+<div data-role="page">
+	<link rel="stylesheet" type="text/css" href="jquery.ui.datepicker.css" /> 
+	<script type="text/javascript" src="jquery.ui.datepicker.js"></script>
+	<script type="text/javascript">
+		$(function(){
+			/*  datepicker workaround */
+			$('input[type=date]').hide().after( $('<div />').datepicker() );
+			$('.ui-datepicker-header').addClass('ui-body-c ui-corner-top').removeClass('ui-corner-all');
+			$('.ui-datepicker-prev').buttonMarkup({iconpos: 'notext', icon: 'arrow-l', shadow: true, corners: true});
+			$('.ui-datepicker-next').buttonMarkup({iconpos: 'notext', icon: 'arrow-r', shadow: true, corners: true});
+			$('.ui-datepicker-calendar thead').remove();
+			$('.ui-datepicker-calendar .ui-btn-text span').attr('class','');
+			$('.ui-datepicker-calendar td').addClass('ui-btn-up-c');
+			$('.ui-datepicker-calendar a').buttonMarkup({corners: false, shadow: false});
+			/* // datepicker workaround */
+		});
+	</script>
+	
+	<div data-role="header">
+		<h1>Datepicker Styled for mobile</h1>
+		<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
+	</div>
+	
+	<div data-role="content">
+	
+	
+		<form action="#" method="get">
+			
+			<div data-role="fieldcontain">
+	     	    <label for="date">Date Input (non-functional):</label>
+	     	    <input type="date" name="date" id="date" value=""  />
+			</div>
+		
+		
+		</form>
+
+	</div>
+	
+</div>
+		
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/js/jQuery.ui.datepicker.js b/experiments/ui-datepicker/jQuery.ui.datepicker.js
similarity index 100%
rename from js/jQuery.ui.datepicker.js
rename to experiments/ui-datepicker/jQuery.ui.datepicker.js
diff --git a/css/jquery.ui.datepicker.css b/experiments/ui-datepicker/jquery.ui.datepicker.css
similarity index 100%
rename from css/jquery.ui.datepicker.css
rename to experiments/ui-datepicker/jquery.ui.datepicker.css
diff --git a/js/manifest.php b/js/manifest.php
index 7457daf9..7b6e529d 100644
--- a/js/manifest.php
+++ b/js/manifest.php
@@ -20,7 +20,6 @@ $elements = array(
 	'jQuery.mobile.dialog.js',
 	'jQuery.mobile.navlist.js',
 	'jQuery.mobile.grid.js',
-	'jQuery.ui.datepicker.js',
 	'jQuery.mobile.js'
 );
 
