any popup calendar include in jsf

Hi... Good day,

I’m looking for any popup calendar like where I may select previous, present or future date like “datetimepick” to include in my jsf page. But I’m failure to do it. So here I’ve attached code of my project to show where I need to add to run calendar properly. Here same text boxes are using to display search result, add data, update data & delete data also. So anyone can help me to solve this problem please please, it's really urgent. If any thing need to ask me please ask me, really it's so urgent & I'm 1st time using jsf. I'm totally new in this field.

THANKS IN ADVANCE

<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <title></title>
 <script language="javascript" type="text/javascript" src="datetimepicker.js">
 </script>
</head>
<body>
<f:view><h:form>
<h:panelGrid border="0" columns="3" style="height: 341px; width: 343px; ">
 <h:outputText id="txt13" value="Precint ID :" style="line-height: normal; font-variant:       normal; font-style: normal; font-size: medium; font-weight: bold; color: Black; text-align: left"/>
 <h:inputText value="#{cOracle.diplay_precint_id}"></h:inputText>

<h:outputText id="txt14" value="PT :" style="line-height: normal; font-variant: normal; font-style: normal; font-size: medium; font-weight: bold; color: Black; text-align: left"/>
 <h:inputText value="#{cOracle.display_PT }"></h:inputText>
 
 <h:outputText id="txt12" value="Date:" style="line-height: normal; font-variant: normal; font-style: normal; font-size: medium; font-weight: bold; color: Black; text-align: left"/>
 <h:inputText  value="#{cOracle.date }"> </h:inputText >
</h:panelGrid> <br>
<h:panelGrid border="0" columns="3">
<h:commandButton value="Add" action="#{cOracle.add }"></h:commandButton>
<h:commandButton value="Update" action="#{cOracle.update }"></h:commandButton>
<h:commandButton value="Delete" action="#{cOracle.delete }"></h:commandButton>
</h:panelGrid> <br>
</h:form></f:view>
</body>
</html>

Hello md abdul aziz,

I think you won't be able to achieve it by using pure JSF. In order to do it, you have to count on supportive visualization frameworks such as Tomahawk, MyFaces, Richfaces, etc.

Look at these links:

MyFaces:

http://myfaces.apache.org/tomahawk-project/tomahawk/tagdoc/t_inputCalendar.html

Richfaces:

http://livedemo.exadel.com/richfaces-demo/richfaces/calendar.jsf?c=calendar&tab=usage

http://docs.jboss.org/richfaces/latest_3_3_X/en/tlddoc/rich/calendar.html

You'll have to look for the documentation on how to deploy their libraries to your project. For Richfaces, you'll may find the necessary documentation here:

http://www.jboss.org/richfaces

Good luck