*
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">**
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
** *<title></title>
</head>
<body>
<ext:ScriptManager ID="ScriptManager1" runat="server" />*
** *<div style="height: 89px">
** *<form id="form1" runat="server">
** *<table>
** *<tr>
** *<td>
** *date
** *</td>
** *<td>
** *<div *style="position :relative">
** * * <ext:TextField ID="txtDate" *runat="server">
** * * * * * * * * *<Listeners>
** * * * * * * * * * * *<Focus Handler=" var tf = #{txtDate};var ele = tf.getEl();#{Window1}.y=89;#{Window1}.x=158; #{Window1}.show(ele);" />
** * * * * * * * * *</Listeners>
** * * * * * * *</ext:TextField>
** * <ext:Window ID="Window1" runat="server" MinWidth="200" MinHeight="225" Resizable="false" Closable="false"
** * * *Title="DatePicker" Showonload="false" Icon="Clock" Centeronload="false" >
** * * *<Body>
** * * * * *<ext:ContainerLayout ID="ContainerLayout1" runat="server">
** * * * * * * <ext:DatePicker ID="date" runat ="server" >
** * * * * * * <Listeners>
** * * * * * * *<Select Handler="#{txtDate}.setValue(el.getValue().format('d-m-Y'));#{Window1}.hide();" />
** * * * * * * </Listeners>
** * * * * * * </ext:DatePicker>
** * * * * *</ext:ContainerLayout>
** * * *</Body>
** *</ext:Window>
** *
** *</td>
** *</tr>
** *</table>
** *
** *</form>
</body>
</html>