docs: function (inst, hour, showPeriod, showLeadingZero) {
  
              var displayHour = hour;
              if ((hour > 12) && showPeriod) {
                  displayHour = hour - 12;
              }
              if ((displayHour == 0) && showPeriod) {
                  displayHour = 12;
              }
              if ((displayHour < 10) && showLeadingZero) {
                  displayHour = '0' + displayHour;
              }
  
              var html = "";
              var enabled = true;
              var onHourShow = this._get(inst, 'onHourShow');		//custom callback
              var maxTime = this._get(inst, 'maxTime');
              var minTime = this._get(inst, 'minTime');
  
              if (hour == undefined) {
                  html = '<td><span class="ui-state-default ui-state-disabled">&nbsp;</span></td>';
                  return html;
              }
  
              if (onHourShow) {
                  enabled = onHourShow.apply((inst.input ? inst.input[0] : null), [hour]);
              }
  
              if (enabled) {
                  if ( !isNaN(parseInt(maxTime.hour)) && hour > maxTime.hour ) enabled = false;
                  if ( !isNaN(parseInt(minTime.hour)) && hour < minTime.hour ) enabled = false;
              }
  
              if (enabled) {
                  html = '<td class="ui-timepicker-hour-cell" data-timepicker-instance-id="#' + inst.id.replace(/\\\\/g,"\\") + '" data-hour="' + hour.toString() + '">' +
                      '<a class="ui-state-default ' +
                      (hour == inst.hours ? 'ui-state-active' : '') +
                      '">' +
                      displayHour.toString() +
                      '</a></td>';
              }
              else {
                  html =
                      '<td>' +
                      '<span class="ui-state-default ui-state-disabled ' +
                      (hour == inst.hours ? ' ui-state-active ' : ' ') +
                      '">' +
                      displayHour.toString() +
                      '</span>' +
                      '</td>';
              }
              return html;
          }