Calendar and Slider

calendar

<script>
		//reset type=date inputs to text
		$( document ).bind( "mobileinit", function(){
			$.mobile.page.prototype.options.degradeInputs.date = true;
		});	
</script>

<link rel="stylesheet"  href="datepicker/jquery.ui.datepicker.mobile.css" /> 
<script src="datepicker/jQuery.ui.datepicker.js"></script>
<script src="datepicker/jquery.ui.datepicker.mobile.js"></script>

<label for="date">Date Input:</label>
<input type="date" name="date" id="date" value=""  />


<div data-role="fieldcontain">
	<label for="slider">Input slider:</label>
 	<input type="range" name="slider" id="slider" value="0" min="0" max="100"  />
</div>