Not able to use Calendar tag(p:Calendar) PrimeFaces Taglib

I am not able to use the calendar tag
<p:calendar>, through which I want to display a pop-calendar through which user can select the date easily.

The pop-up doesnt come.......

I have placed primefaces2.2.jar in the lib folder under web-inf.....
Following is a dummy.....i am not able to see a pop-up,,,when i click on the link....

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="p" uri="http://primefaces.prime.com.tr/ui"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Insert title here</title>
</head>
<body>
<f:view>
<p:resources/>
<h:form>

<p:calendar></p:calendar>
</h:form>
</f:view>
</body>
</html>

do reply guys...am in urgent need...i need to submit my project within few days and am stuck in this...................anyone among you faced this problem???

Is there any other alternative by which i can make Date picker in JSF???

check the following link for examples on how to create prime faces calendar

PrimeFaces Calendar

I have done that...The textbox and the image(on which we click to see popup) both gets rendered.......
But when i click on the image...nothing gets happened....no popup......ie7 browser shows the error as "primefaces not defined".....