Jak wstawić kalendarz z opcją wyboru daty? Opcje

[switch301]

Witam, czy może mi ktoś podać przykład kodu który wstawia ramkę tekstową a obok gotowy kalendarz z którego można wybrać kliknięciem datę która automatycznie uzupełni ową ramkę? wiem że takich rzeczy jest dużo na google, ale jestem świeży w php i nie bardzo potrafię to zaimplementować do swojego projektu. W skrócie moja ramka wygląda tak:

[HTML] pobierz, plaintext 
Due date: <input type="text" name="duedate" value="yyyy.mm.dd" onfocus="this.value = (this.value == this.defaultValue ) ? '' : this.value;return true;">
[HTML] pobierz, plaintext 

co zrobić by gdzieś obok niej widniał mały kalendarzyk z którego zamiast wpisać z ręki można ową datę wybrać kliknięciem a ona wskoczy w odpowiednim formacie?

Z góry bardzo dziękuję, pozdrawiam!

[tehaha]

generalnie jak czegoś nie umiesz to najbezpieczniej jest najpierw pobrać sobie sam przykładowy skrypt ze strony, który jest na pewno poprawny, oraz pobrać niezbędne biblioteki, odpalasz sobie to na kompie i jak już sam przykład działa to wtedy dopiero próbujesz go przerabiać do swoich potrzeb i na końcu montujesz do swojego skryptu.

Tutaj masz sam wyizolowany przykład: http://jqueryui.com/demos/datepicker/default.html, skopiuj sobie jego kod źródłowy,

potrzebujesz też to:
http://jqueryui.com/download
http://docs.jquery.com/Downloading_jQuery

wrzucasz to wszystko do tego folderu gdzie masz plik html z przykładem. i załączasz:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="jquery-ui-1.7.3/css/ui-lightness/jquery-ui-1.7.3.custom.css" type="text/css" media="all" />
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.3/development-bundle/ui/jquery-ui-1.7.3.custom.js"></script>
[HTML] pobierz, plaintext