Estoy buscando crear un sistema de eventos y reservas.

Encontré la pregunta de desbordamiento de pilajQuery - Control de selector de fecha móvil el cual muestra jquery-mobile-datebox y jQuery-Mobile-Themed-DatePicker.

Quiero mostrar un calendario donde ciertas fechas que obtengo del servidor son

disponiblno disponiblreservad

Cuando se toca una fecha reservada o disponible, quiero mostrar las horas; puede haber más de una vez por día. El usuario puede hacer clic en un momento para reservarlo, lo que provocaría una solicitud de Ajax.

jQuery UI datepicker, por ejemplo, tiene

 onSelect: function(date, inst) {

De lo que puedo ver en los recolectores anteriores, lo que necesito no está disponible. Antes de comenzar a hackearlos yo mismo:

Cuál se prestaría mejor a lo que quier ¿Hay quizás mejores por ahí que ya satisfagan mis necesidades?

ACTUALIZAR

Firebug me dio

<div class="ui-datebox-griddate ui-corner-all ui-btn-up-e" data-date="25" data-theme="e">25</div>

where ui-btn-up-e se puede cambiar de a - e.

Ahora necesito saber si el tema de datos también debe cambiarse

 $('.ui-datebox-griddate').click(function () {
   alert($(this).attr("class"));
 }

Cuál es la mejor manera de alternar entre tres de las clases y guardar el estado cada vez?

 $('.ui-datebox-griddate').toggle(
   function () {
     $(this).????? // change ui-btn-up-? to ui-btn-up-a
     $.get(...)
  },
   function () {
     $(this).????? // change ui-btn-up-a to ui-btn-up-b
     $.get(...)
  },
   function () {
     $(this).????? // change ui-btn-up-b to ui-btn-up-c
     $.get(...)
  }
);

UPDATE: NOTA: cuando hago clic en, el calendario cambia la fecha, volviendo a cargar el calendario por completo. Quizás necesito detener eso: