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!

[switch301]

nie zasłaniam się, po prostu nigdy nie miałem z tym doczynienia i naprawdę nie wiem jak to zrobić. dziękuję za przesłanie linka, ale mimo wszystko nie wiem jak sobie poradzić. Piszesz "jedną linijkę", więc pytam, którą? Próbowałem wstawić to co jest w source:

[PHP] pobierz, plaintext 
<meta charset="utf-8">
	<script>
	$(function() {
		$( "#datepicker" ).datepicker();
	});
	</script>
<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div><!-- End demo -->
<div class="demo-description">
<p>The datepicker is tied to a standard form input field.  Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay.  Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p>
</div><!-- End demo-description -->
[PHP] pobierz, plaintext 

ale to niczego nie zmienia, pojawia mi się jedynie ramka do wpisania daty, która dalej nie umożliwia wyświetlenia kalendarza. Jeżeli ktoś mógłby mi to dokładniej zarysować, byłbym bardzo wdzięczny, i przepraszam wszystkich którzy czują się urażeni moją ignorancją i niewiedzą w temacie. Pozdrawiam!