Adding a datePicker in FullCalendar / custom button click
<p>I added a datePicker (<a href="http://www.eyecon.ro/datepicker/" rel="noreferrer">http://www.eyecon.ro/datepicker/</a>) right below the FullCalendar (<a href="http://fullcalendar.io" rel="noreferrer">http://fullcalendar.io</a>) page.</p>

<p>how can i attach this date picker to a custom button on the header of the fullcallendar and when the button is pressed the datepicker will show up?</p>

<p>thanks</p>

<p>UPDATE: added code</p>

<p>EDIT: code updated</p>

<p>the code i written so far is:
JS:</p>

<pre><code>$(function () { 
        //...some code.....
            //fullcalendar 
            $('#calendar').fullCalendar({
                //...options
                header: {
                    left: 'title today',
                    center: '',
                    right: 'prevMonth prev myCustomButton  next nextMonth'
                },
                customButtons: {
                    myCustomButton: {
                        text: ' ',
                        click: function () {
        $('#date').DatePicker({
            flat: true,
            date: currentDate,
            current: currentDate,
            calendars: 2,
            starts: 1,
            onChange: function (formated, dates) {
                $('#calendar').fullCalendar('gotoDate', formated);
               }
        });
                 }
                    },
                    //...other buttons
                },
                 //....other options....
            });//fullcalendar
         });//$
</code></pre>

<p>ASP:</p>

<pre><code>        &lt;div&gt;
            &lt;div id='calendar'&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;p id="date"&gt;&lt;/p&gt;
        &lt;/div&gt;
</code></pre>