How to put a calender picker in front of textbox

textbox

<input id="date_slot" name="date_slot" type="text" style="width:150px;" value="" />

<script type="text/javascript">
    var ng_config = {
        assests_dir: 'assets/'  // the path to the assets directory
    }
</script>
<script type="text/javascript" src="js/ng_all.js"></script>
<script type="text/javascript" src="components/calendar.js"></script>
<script type="text/javascript">
var my_cal;
ng.ready(function(){
        // creating the calendar
        my_cal = new ng.Calendar({
            input: 'date_slot', // the input field id
        //  start_date: 'year - 1', // the start date (default is today)
          start_date: 'year,month,day',    // the start date (default is today)
            display_date: new Date()    // the display date (default is start_date)
        });

    });
</script>

required

all.css
ng_all.js
calendar.js
(code of these files are too long, so i did not post).
i will mail if you required.

Thanks

It might help you,

http://www.code-sample.com/2012/02/display-selected-date-calendar-into.html[^]