<?xml version="1.0" encoding="UTF-8"?>

<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

<xp:this.resources>

<xp:styleSheet href="/datePicker.css"></xp:styleSheet>

<xp:styleSheet href="/jquery-ui-1.8.6.custom.css"></xp:styleSheet>

</xp:this.resources>

<xp:br></xp:br>

<xp:inputText id="inputText1" styleClass="date-pick"></xp:inputText>

<xp:br></xp:br>

<xp:br></xp:br>

<xp:scriptBlock id="scriptBlock1">

<script type="text/javascript" src="jquery-1.4.2.min.js" />

<script type="text/javascript" src="jquery.datePicker.js" />

<script type="text/javascript" src="date.js" />

<script type="text/javascript"

src="jquery-ui-1.8.6.custom.min.js" />

<script type="text/javascript">

$(document).ready(function(){

Date.format='dd/mm/yyyy';

$('.date-pick').datePicker();

});

</script>

</xp:scriptBlock>