title: Adding a datePicker in FullCalendar / custom button click
body: <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>