title: p:calendar onselect/onchange not fired
body: <p>I am trying to have two Javascript functions that are being called as soon as a user selects a date from a p:calendar.</p>
  
  <p>Unfortunately, the onchange event is only being processed if the user types a date manually in the text field and tabs forward. The onselect event is not being fired at all.</p>
  
  <p>The xhtml is as follows:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"&gt;
  &lt;h:head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
      &lt;h:outputScript library="js" name="custom.js" target="body" /&gt;
  &lt;/h:head&gt;
  &lt;h:body&gt;
      &lt;p:log /&gt;
      &lt;h:form id="someForm"&gt;
          &lt;p:panelGrid columns="2"&gt;
              &lt;p:outputLabel for="myCalendar" value="Date: " /&gt;
              &lt;p:calendar id="myCalendar" onchange="alertDateSelected()" onselect="alertSelectEvent()" showOn="button" /&gt;
          &lt;/p:panelGrid&gt;
      &lt;/h:form&gt;
  &lt;/h:body&gt;
  &lt;/html&gt;    
  </code></pre>
  
  <p>The Javascript code for the onselect and onchange events:</p>
  
  <pre><code>function alertDateSelected() {
      PrimeFaces.info('Selected date from p:calendar');
  }
  
  function alertSelectEvent() {
      PrimeFaces.info('Clicked p:calendar date selection button');
  }
  </code></pre>
  
  <p>Is there a possibility to hook to the onchange/onselect event on p:calendar; e.g. if the user selects a date from the calendar panel or via the "Today" button? If so, what am I doing incorrectly? </p>