').append($('').attr('colspan', options.calendarWeeks ? '8' : '7')));
+
+ return [
+ $('')
+ .addClass('datepicker-days')
+ .append($(' ').addClass('table-condensed').append(headTemplate).append($(''))),
+ $('')
+ .addClass('datepicker-months')
+ .append($(' ').addClass('table-condensed').append(headTemplate.clone()).append(contTemplate.clone())),
+ $('')
+ .addClass('datepicker-years')
+ .append($(' ').addClass('table-condensed').append(headTemplate.clone()).append(contTemplate.clone())),
+ $('')
+ .addClass('datepicker-decades')
+ .append($(' ').addClass('table-condensed').append(headTemplate.clone()).append(contTemplate.clone())),
+ ];
+ },
+ getTimePickerMainTemplate = function () {
+ var topRow = $(''),
+ middleRow = $(' '),
+ bottomRow = $(' ');
+
+ if (isEnabled('h')) {
+ topRow.append(
+ $('| ').append(
+ $('')
+ .attr({ href: '#', tabindex: '-1', title: options.tooltips.incrementHour })
+ .addClass('btn')
+ .attr('data-action', 'incrementHours')
+ .append($('').addClass(options.icons.up))
+ )
+ );
+ middleRow.append(
+ $(' | ').append(
+ $('')
+ .addClass('timepicker-hour')
+ .attr({ 'data-time-component': 'hours', title: options.tooltips.pickHour })
+ .attr('data-action', 'showHours')
+ )
+ );
+ bottomRow.append(
+ $(' | ').append(
+ $('')
+ .attr({ href: '#', tabindex: '-1', title: options.tooltips.decrementHour })
+ .addClass('btn')
+ .attr('data-action', 'decrementHours')
+ .append($('').addClass(options.icons.down))
+ )
+ );
+ }
+ if (isEnabled('m')) {
+ if (isEnabled('h')) {
+ topRow.append($(' | ').addClass('separator'));
+ middleRow.append($(' | ').addClass('separator').html(':'));
+ bottomRow.append($(' | ').addClass('separator'));
+ }
+ topRow.append(
+ $(' | ').append(
+ $('')
+ .attr({ href: '#', tabindex: '-1', title: options.tooltips.incrementMinute })
+ .addClass('btn')
+ .attr('data-action', 'incrementMinutes')
+ .append($('').addClass(options.icons.up))
+ )
+ );
+ middleRow.append(
+ $(' | ').append(
+ $('')
+ .addClass('timepicker-minute')
+ .attr({ 'data-time-component': 'minutes', title: options.tooltips.pickMinute })
+ .attr('data-action', 'showMinutes')
+ )
+ );
+ bottomRow.append(
+ $(' | ').append(
+ $('')
+ .attr({ href: '#', tabindex: '-1', title: options.tooltips.decrementMinute })
+ .addClass('btn')
+ .attr('data-action', 'decrementMinutes')
+ .append($('').addClass(options.icons.down))
+ )
+ );
+ }
+ if (isEnabled('s')) {
+ if (isEnabled('m')) {
+ topRow.append($(' | ').addClass('separator'));
+ middleRow.append($(' | ').addClass('separator').html(':'));
+ bottomRow.append($(' | ').addClass('separator'));
+ }
+ topRow.append(
+ $(' | ').append(
+ $('')
+ .attr({ href: '#', tabindex: '-1', title: options.tooltips.incrementSecond })
+ .addClass('btn')
+ .attr('data-action', 'incrementSeconds')
+ .append($('').addClass(options.icons.up))
+ )
+ );
+ middleRow.append(
+ $(' | ').append(
+ $('')
+ .addClass('timepicker-second')
+ .attr({ 'data-time-component': 'seconds', title: options.tooltips.pickSecond })
+ .attr('data-action', 'showSeconds')
+ )
+ );
+ bottomRow.append(
+ $(' | ').append(
+ $('')
+ .attr({ href: '#', tabindex: '-1', title: options.tooltips.decrementSecond })
+ .addClass('btn')
+ .attr('data-action', 'decrementSeconds')
+ .append($('').addClass(options.icons.down))
+ )
+ );
+ }
+
+ if (!use24Hours) {
+ topRow.append($(' | ').addClass('separator'));
+ middleRow.append(
+ $(' | ').append(
+ $(' | |