Why JQuery Datepicker doesn't work with JQuery Validator?

[mrjimoy_05]

Hi guys,
Why my code below doesn't work? How to make them work together on one page?

// THIS CODE IS FOR DATE PICKER
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
  $(document).ready(function() {
	$("#datepicker").datepicker({dateFormat: 'yy-mm-dd 00:00:00'});
  });
</script>


// THIS CODE IS FOR VALIDATOR
<link rel="stylesheet" href="../CSS/ValidationEngine.jquery.css" type="text/css">
<script src="../JS/Jquery.validationEngine-lang-en.js" type="text/javascript" charset="utf-8"></script>
<script src="../JS/Jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script>
	jQuery(document).ready(function(){
		// binds form submission and fields to the validation engine
		jQuery("#manpg").validationEngine('attach', {promptPosition : "centerRight"});
	});
</script>

I placed this code below that code:

<form id="manpg" method="post" action="">
  <input class="validate[required] text-input" type="text" name="title" id="title" />
  <textarea class="ckeditor" name="pagecontent" cols="100" rows="20" id="pagecontent"></textarea>
  <input class="validate[required] text-input" type="text" name="dexpired" id="datepicker" />	
  <input class="submit" type="submit" value=" Save Content " />
</form>

They do not want work together. If I place one of them below the one, just the last code will work, and vice versa...
Please help.
Thanks