Hi Friend,

Try the following code:

***************calendar.css***************

#calender {
width: 200px;
font-family: ms sans serif, sans serif;
font-size: 7pt;
}

#calenderTable {
border-style: outset;
border-width: 2px;
border-color: black;
background-color: #EEE;
display: none;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
}

#calenderTableHead TR {
background-color: #5FB404;
}

#calenderTableDays TR {
background-color: #B40404;
color: #E6E6E6;
}

.normalDay {
border: 1px dotted black;
cursor: pointer;
}

.hlDay {
border: 1px black;
background-color: #585858;
color: #E6E6E6;
cursor: pointer;
}

.toDay {
border: 1px solid #E70;
background-color: #FD8;
color: #E70;
font-weight: bold;
cursor: pointer;
}

.choosenDay {
border: 1px #000000;
background-color: #585858;
color: #E6E6E6;
font-weight: bold;
cursor: pointer;
}

You can also download the code from the following link:

http://www.roseindia.net/javascript/javascript-calendar.shtml

The download link has been provided there.

Thanks