IN THE HEAD SECTION

<link rel="stylesheet" href="jqcalendar/default.css" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script><BR>
$(document).ready(function() {
$('input.datepicker').Zebra_DatePicker();
});
</script>

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

TEXT BOX

<input type="text" name="Datez" id="aaa" value="<?php echo str_replace('"', '"', trim($row["Datez"])) ?>"/>

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

AT THE BOTTOM OF THE PAGE

<script type="text/javascript" src="jqcalendar/jquery-1.10.1.js"></script>
<script type="text/javascript" src="jqcalendar/zebra_datepicker.js"></script>
<script type="text/javascript" src="jqcalendar/core.js"></script>

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%