I downloaded ExtJs 4.1. What I am trying to do is apply date to the normal text box.
Fighting on this issue from past one week.
Following is the code

<html lang="en">
<head>
<title>Welcome to Ext JS 4.1</title>
<script language="javascript" src="ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
<script language="javascript">
Ext.onReady(function() {
Ext.each(Ext.query('.date'), function(el) {
new Ext.form.DateField({
applyTo: el,
format: 'Y-m-d'
});
});
});
</script></head>
<body>
<input type="text" class="date" name="three" value="0000-00-00"/><br>
</body>
</html>

Appreciate any help. Where I am doing wrong