Added `WoltLab/WCF/Date/Picker` to replace `$.ui.datepicker`
authorAlexander Ebert <ebert@woltlab.com>
Wed, 17 Jun 2015 16:00:32 +0000 (18:00 +0200)
committerAlexander Ebert <ebert@woltlab.com>
Wed, 17 Jun 2015 16:00:32 +0000 (18:00 +0200)
18 files changed:
com.woltlab.wcf/templates/headIncludeJavaScript.tpl
wcfsetup/install/files/acp/templates/header.tpl
wcfsetup/install/files/js/.buildOrder
wcfsetup/install/files/js/3rdParty/jquery-ui.timepicker.js [deleted file]
wcfsetup/install/files/js/3rdParty/jquery-ui.timepicker.min.js [deleted file]
wcfsetup/install/files/js/WCF.User.js
wcfsetup/install/files/js/WCF.js
wcfsetup/install/files/js/WoltLab/WCF/BootstrapFrontend.js
wcfsetup/install/files/js/WoltLab/WCF/Controller/Clipboard.js
wcfsetup/install/files/js/WoltLab/WCF/Controller/Style/Changer.js
wcfsetup/install/files/js/WoltLab/WCF/Date/Picker.js [new file with mode: 0644]
wcfsetup/install/files/js/WoltLab/WCF/Date/Util.js
wcfsetup/install/files/js/WoltLab/WCF/Language.js
wcfsetup/install/files/js/WoltLab/WCF/ObjectMap.js
wcfsetup/install/files/js/WoltLab/WCF/UI/Alignment.js
wcfsetup/install/files/js/WoltLab/WCF/UI/Dialog.js
wcfsetup/install/files/js/require.config.js
wcfsetup/install/files/style/datePicker.less

index 117f7a404104f79dc0434a13dc1844088a7ff00c..fb4568c9d8f63d7b39f5b4b153d8314fece7403d 100644 (file)
@@ -22,7 +22,40 @@ requirejs.config({
        baseUrl: '{@$__wcf->getPath()}js'
 });
 </script>
-
+<script>
+       (function(window) {
+               var orgRequire = window.require;
+               var queue = [];
+               var counter = 0;
+               
+               window.require = function(dependencies, callback) {
+                       if (!Array.isArray(dependencies)) {
+                               return orgRequire.apply(window, arguments);
+                       }
+                       
+                       var i = counter++;
+                       queue.push(i);
+                       
+                       orgRequire(dependencies, function() {
+                               var args = arguments;
+                               
+                               queue[queue.indexOf(i)] = function() { callback.apply(window, args); };
+                               
+                               executeCallbacks();
+                       });
+               };
+               
+               function executeCallbacks() {
+                       while (queue.length) {
+                               if (typeof queue[0] !== 'function') {
+                                       break;
+                               }
+                               
+                               queue.shift()();
+                       }
+               };
+       })(window);
+</script>
 <script data-relocate="true">
        require(['Language', 'WoltLab/WCF/BootstrapFrontend'], function(Language, BootstrapFrontend) {
                Language.addObject({
@@ -139,7 +172,6 @@ requirejs.config({
 {if ENABLE_DEBUG_MODE}
 <script data-relocate="true" src="{@$__wcf->getPath()}js/3rdParty/jquery.ui.touch-punch{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@LAST_UPDATE_TIME}"></script>
 <script data-relocate="true" src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.nestedSortable{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@LAST_UPDATE_TIME}"></script>
-<script data-relocate="true" src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.timepicker{if !ENABLE_DEBUG_MODE}.min{/if}.js?v={@LAST_UPDATE_TIME}"></script>
 <script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.Assets.js?v={@LAST_UPDATE_TIME}"></script>
 <script data-relocate="true" src="{@$__wcf->getPath()}js/WCF.js?v={@LAST_UPDATE_TIME}"></script>
 {else}
index cae38fe70c7e97f1e36733dc687c9b268716fabf..7afbca4d2d3fefbbd2b878f3ca41113ec2bf9522 100644 (file)
@@ -22,7 +22,6 @@
        <script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.min.js?v={@LAST_UPDATE_TIME}"></script>
        <script src="{@$__wcf->getPath()}js/3rdParty/jquery.ui.touch-punch.min.js?v={@LAST_UPDATE_TIME}"></script>
        <script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.nestedSortable.min.js?v={@LAST_UPDATE_TIME}"></script>
-       <script src="{@$__wcf->getPath()}js/3rdParty/jquery-ui.timepicker.min.js?v={@LAST_UPDATE_TIME}"></script>
        <script src="{@$__wcf->getPath()}js/WCF.Assets.js?v={@LAST_UPDATE_TIME}"></script>
        <script src="{@$__wcf->getPath()}js/WCF.js?v={@LAST_UPDATE_TIME}"></script>
        <script src="{@$__wcf->getPath()}acp/js/WCF.ACP.js?v={@LAST_UPDATE_TIME}"></script>
index 3304ad719fac6fd84f1f2acf92fac3b931ad3ab2..5def664595b6f7b4b59c59429d0b1b4b43a2f77d 100644 (file)
@@ -1,6 +1,5 @@
 3rdParty/jquery.ui.touch-punch
 3rdParty/jquery-ui.nestedSortable
-3rdParty/jquery-ui.timepicker
 WCF.Assets
 WCF
 WCF.Like
diff --git a/wcfsetup/install/files/js/3rdParty/jquery-ui.timepicker.js b/wcfsetup/install/files/js/3rdParty/jquery-ui.timepicker.js
deleted file mode 100644 (file)
index b46b03e..0000000
+++ /dev/null
@@ -1,2204 +0,0 @@
-/*! jQuery Timepicker Addon - v1.4.5 - 2014-05-26
-* http://trentrichardson.com/examples/timepicker
-* Copyright (c) 2014 Trent Richardson; Licensed MIT */
-(function ($) {
-
-       /*
-       * Lets not redefine timepicker, Prevent "Uncaught RangeError: Maximum call stack size exceeded"
-       */
-       $.ui.timepicker = $.ui.timepicker || {};
-       if ($.ui.timepicker.version) {
-               return;
-       }
-
-       /*
-       * Extend jQueryUI, get it started with our version number
-       */
-       $.extend($.ui, {
-               timepicker: {
-                       version: "1.4.5"
-               }
-       });
-
-       /* 
-       * Timepicker manager.
-       * Use the singleton instance of this class, $.timepicker, to interact with the time picker.
-       * Settings for (groups of) time pickers are maintained in an instance object,
-       * allowing multiple different settings on the same page.
-       */
-       var Timepicker = function () {
-               this.regional = []; // Available regional settings, indexed by language code
-               this.regional[''] = { // Default regional settings
-                       currentText: 'Now',
-                       closeText: 'Done',
-                       amNames: ['AM', 'A'],
-                       pmNames: ['PM', 'P'],
-                       timeFormat: 'HH:mm',
-                       timeSuffix: '',
-                       timeOnlyTitle: 'Choose Time',
-                       timeText: 'Time',
-                       hourText: 'Hour',
-                       minuteText: 'Minute',
-                       secondText: 'Second',
-                       millisecText: 'Millisecond',
-                       microsecText: 'Microsecond',
-                       timezoneText: 'Time Zone',
-                       isRTL: false
-               };
-               this._defaults = { // Global defaults for all the datetime picker instances
-                       showButtonPanel: true,
-                       timeOnly: false,
-                       timeOnlyShowDate: false,
-                       showHour: null,
-                       showMinute: null,
-                       showSecond: null,
-                       showMillisec: null,
-                       showMicrosec: null,
-                       showTimezone: null,
-                       showTime: true,
-                       stepHour: 1,
-                       stepMinute: 1,
-                       stepSecond: 1,
-                       stepMillisec: 1,
-                       stepMicrosec: 1,
-                       hour: 0,
-                       minute: 0,
-                       second: 0,
-                       millisec: 0,
-                       microsec: 0,
-                       timezone: null,
-                       hourMin: 0,
-                       minuteMin: 0,
-                       secondMin: 0,
-                       millisecMin: 0,
-                       microsecMin: 0,
-                       hourMax: 23,
-                       minuteMax: 59,
-                       secondMax: 59,
-                       millisecMax: 999,
-                       microsecMax: 999,
-                       minDateTime: null,
-                       maxDateTime: null,
-                       maxTime: null,
-                       minTime: null,
-                       onSelect: null,
-                       hourGrid: 0,
-                       minuteGrid: 0,
-                       secondGrid: 0,
-                       millisecGrid: 0,
-                       microsecGrid: 0,
-                       alwaysSetTime: true,
-                       separator: ' ',
-                       altFieldTimeOnly: true,
-                       altTimeFormat: null,
-                       altSeparator: null,
-                       altTimeSuffix: null,
-                       altRedirectFocus: true,
-                       pickerTimeFormat: null,
-                       pickerTimeSuffix: null,
-                       showTimepicker: true,
-                       timezoneList: null,
-                       addSliderAccess: false,
-                       sliderAccessArgs: null,
-                       controlType: 'slider',
-                       defaultValue: null,
-                       parse: 'strict'
-               };
-               $.extend(this._defaults, this.regional['']);
-       };
-
-       $.extend(Timepicker.prototype, {
-               $input: null,
-               $altInput: null,
-               $timeObj: null,
-               inst: null,
-               hour_slider: null,
-               minute_slider: null,
-               second_slider: null,
-               millisec_slider: null,
-               microsec_slider: null,
-               timezone_select: null,
-               maxTime: null,
-               minTime: null,
-               hour: 0,
-               minute: 0,
-               second: 0,
-               millisec: 0,
-               microsec: 0,
-               timezone: null,
-               hourMinOriginal: null,
-               minuteMinOriginal: null,
-               secondMinOriginal: null,
-               millisecMinOriginal: null,
-               microsecMinOriginal: null,
-               hourMaxOriginal: null,
-               minuteMaxOriginal: null,
-               secondMaxOriginal: null,
-               millisecMaxOriginal: null,
-               microsecMaxOriginal: null,
-               ampm: '',
-               formattedDate: '',
-               formattedTime: '',
-               formattedDateTime: '',
-               timezoneList: null,
-               //units: ['hour', 'minute', 'second', 'millisec', 'microsec'],
-               units: ['hour', 'minute', 'second'], // WoltLab modification: milisec and microsec waste around 650ms creating 1k option-elements each
-               support: {},
-               control: null,
-
-               /* 
-               * Override the default settings for all instances of the time picker.
-               * @param  {Object} settings  object - the new settings to use as defaults (anonymous object)
-               * @return {Object} the manager object
-               */
-               setDefaults: function (settings) {
-                       extendRemove(this._defaults, settings || {});
-                       return this;
-               },
-
-               /*
-               * Create a new Timepicker instance
-               */
-               _newInst: function ($input, opts) {
-                       var tp_inst = new Timepicker(),
-                               inlineSettings = {},
-                               fns = {},
-                               overrides, i;
-
-                       for (var attrName in this._defaults) {
-                               if (this._defaults.hasOwnProperty(attrName)) {
-                                       var attrValue = $input.attr('time:' + attrName);
-                                       if (attrValue) {
-                                               try {
-                                                       inlineSettings[attrName] = eval(attrValue);
-                                               } catch (err) {
-                                                       inlineSettings[attrName] = attrValue;
-                                               }
-                                       }
-                               }
-                       }
-
-                       overrides = {
-                               beforeShow: function (input, dp_inst) {
-                                       if ($.isFunction(tp_inst._defaults.evnts.beforeShow)) {
-                                               return tp_inst._defaults.evnts.beforeShow.call($input[0], input, dp_inst, tp_inst);
-                                       }
-                               },
-                               onChangeMonthYear: function (year, month, dp_inst) {
-                                       // Update the time as well : this prevents the time from disappearing from the $input field.
-                                       tp_inst._updateDateTime(dp_inst);
-                                       if ($.isFunction(tp_inst._defaults.evnts.onChangeMonthYear)) {
-                                               tp_inst._defaults.evnts.onChangeMonthYear.call($input[0], year, month, dp_inst, tp_inst);
-                                       }
-                               },
-                               onClose: function (dateText, dp_inst) {
-                                       if (tp_inst.timeDefined === true && $input.val() !== '') {
-                                               tp_inst._updateDateTime(dp_inst);
-                                       }
-                                       if ($.isFunction(tp_inst._defaults.evnts.onClose)) {
-                                               tp_inst._defaults.evnts.onClose.call($input[0], dateText, dp_inst, tp_inst);
-                                       }
-                               }
-                       };
-                       for (i in overrides) {
-                               if (overrides.hasOwnProperty(i)) {
-                                       fns[i] = opts[i] || null;
-                               }
-                       }
-
-                       tp_inst._defaults = $.extend({}, this._defaults, inlineSettings, opts, overrides, {
-                               evnts: fns,
-                               timepicker: tp_inst // add timepicker as a property of datepicker: $.datepicker._get(dp_inst, 'timepicker');
-                       });
-                       tp_inst.amNames = $.map(tp_inst._defaults.amNames, function (val) {
-                               return val.toUpperCase();
-                       });
-                       tp_inst.pmNames = $.map(tp_inst._defaults.pmNames, function (val) {
-                               return val.toUpperCase();
-                       });
-
-                       // detect which units are supported
-                       tp_inst.support = detectSupport(
-                                       tp_inst._defaults.timeFormat + 
-                                       (tp_inst._defaults.pickerTimeFormat ? tp_inst._defaults.pickerTimeFormat : '') +
-                                       (tp_inst._defaults.altTimeFormat ? tp_inst._defaults.altTimeFormat : ''));
-
-                       // controlType is string - key to our this._controls
-                       if (typeof(tp_inst._defaults.controlType) === 'string') {
-                               if (tp_inst._defaults.controlType === 'slider' && typeof($.ui.slider) === 'undefined') {
-                                       tp_inst._defaults.controlType = 'select';
-                               }
-                               tp_inst.control = tp_inst._controls[tp_inst._defaults.controlType];
-                       }
-                       // controlType is an object and must implement create, options, value methods
-                       else {
-                               tp_inst.control = tp_inst._defaults.controlType;
-                       }
-
-                       // prep the timezone options
-                       var timezoneList = [-720, -660, -600, -570, -540, -480, -420, -360, -300, -270, -240, -210, -180, -120, -60,
-                                       0, 60, 120, 180, 210, 240, 270, 300, 330, 345, 360, 390, 420, 480, 525, 540, 570, 600, 630, 660, 690, 720, 765, 780, 840];
-                       if (tp_inst._defaults.timezoneList !== null) {
-                               timezoneList = tp_inst._defaults.timezoneList;
-                       }
-                       var tzl = timezoneList.length, tzi = 0, tzv = null;
-                       if (tzl > 0 && typeof timezoneList[0] !== 'object') {
-                               for (; tzi < tzl; tzi++) {
-                                       tzv = timezoneList[tzi];
-                                       timezoneList[tzi] = { value: tzv, label: $.timepicker.timezoneOffsetString(tzv, tp_inst.support.iso8601) };
-                               }
-                       }
-                       tp_inst._defaults.timezoneList = timezoneList;
-
-                       // set the default units
-                       tp_inst.timezone = tp_inst._defaults.timezone !== null ? $.timepicker.timezoneOffsetNumber(tp_inst._defaults.timezone) :
-                                                       ((new Date()).getTimezoneOffset() * -1);
-                       tp_inst.hour = tp_inst._defaults.hour < tp_inst._defaults.hourMin ? tp_inst._defaults.hourMin :
-                                                       tp_inst._defaults.hour > tp_inst._defaults.hourMax ? tp_inst._defaults.hourMax : tp_inst._defaults.hour;
-                       tp_inst.minute = tp_inst._defaults.minute < tp_inst._defaults.minuteMin ? tp_inst._defaults.minuteMin :
-                                                       tp_inst._defaults.minute > tp_inst._defaults.minuteMax ? tp_inst._defaults.minuteMax : tp_inst._defaults.minute;
-                       tp_inst.second = tp_inst._defaults.second < tp_inst._defaults.secondMin ? tp_inst._defaults.secondMin :
-                                                       tp_inst._defaults.second > tp_inst._defaults.secondMax ? tp_inst._defaults.secondMax : tp_inst._defaults.second;
-                       tp_inst.millisec = tp_inst._defaults.millisec < tp_inst._defaults.millisecMin ? tp_inst._defaults.millisecMin :
-                                                       tp_inst._defaults.millisec > tp_inst._defaults.millisecMax ? tp_inst._defaults.millisecMax : tp_inst._defaults.millisec;
-                       tp_inst.microsec = tp_inst._defaults.microsec < tp_inst._defaults.microsecMin ? tp_inst._defaults.microsecMin :
-                                                       tp_inst._defaults.microsec > tp_inst._defaults.microsecMax ? tp_inst._defaults.microsecMax : tp_inst._defaults.microsec;
-                       tp_inst.ampm = '';
-                       tp_inst.$input = $input;
-
-                       if (tp_inst._defaults.altField) {
-                               tp_inst.$altInput = $(tp_inst._defaults.altField);
-                               if (tp_inst._defaults.altRedirectFocus === true) {
-                                       tp_inst.$altInput.css({
-                                               cursor: 'pointer'
-                                       }).focus(function () {
-                                               $input.trigger("focus");
-                                       });
-                               }
-                       }
-
-                       if (tp_inst._defaults.minDate === 0 || tp_inst._defaults.minDateTime === 0) {
-                               tp_inst._defaults.minDate = new Date();
-                       }
-                       if (tp_inst._defaults.maxDate === 0 || tp_inst._defaults.maxDateTime === 0) {
-                               tp_inst._defaults.maxDate = new Date();
-                       }
-
-                       // datepicker needs minDate/maxDate, timepicker needs minDateTime/maxDateTime..
-                       if (tp_inst._defaults.minDate !== undefined && tp_inst._defaults.minDate instanceof Date) {
-                               tp_inst._defaults.minDateTime = new Date(tp_inst._defaults.minDate.getTime());
-                       }
-                       if (tp_inst._defaults.minDateTime !== undefined && tp_inst._defaults.minDateTime instanceof Date) {
-                               tp_inst._defaults.minDate = new Date(tp_inst._defaults.minDateTime.getTime());
-                       }
-                       if (tp_inst._defaults.maxDate !== undefined && tp_inst._defaults.maxDate instanceof Date) {
-                               tp_inst._defaults.maxDateTime = new Date(tp_inst._defaults.maxDate.getTime());
-                       }
-                       if (tp_inst._defaults.maxDateTime !== undefined && tp_inst._defaults.maxDateTime instanceof Date) {
-                               tp_inst._defaults.maxDate = new Date(tp_inst._defaults.maxDateTime.getTime());
-                       }
-                       tp_inst.$input.bind('focus', function () {
-                               tp_inst._onFocus();
-                       });
-
-                       return tp_inst;
-               },
-
-               /*
-               * add our sliders to the calendar
-               */
-               _addTimePicker: function (dp_inst) {
-                       var currDT = (this.$altInput && this._defaults.altFieldTimeOnly) ? this.$input.val() + ' ' + this.$altInput.val() : this.$input.val();
-
-                       this.timeDefined = this._parseTime(currDT);
-                       this._limitMinMaxDateTime(dp_inst, false);
-                       this._injectTimePicker();
-               },
-
-               /*
-               * parse the time string from input value or _setTime
-               */
-               _parseTime: function (timeString, withDate) {
-                       if (!this.inst) {
-                               this.inst = $.datepicker._getInst(this.$input[0]);
-                       }
-
-                       if (withDate || !this._defaults.timeOnly) {
-                               var dp_dateFormat = $.datepicker._get(this.inst, 'dateFormat');
-                               try {
-                                       var parseRes = parseDateTimeInternal(dp_dateFormat, this._defaults.timeFormat, timeString, $.datepicker._getFormatConfig(this.inst), this._defaults);
-                                       if (!parseRes.timeObj) {
-                                               return false;
-                                       }
-                                       $.extend(this, parseRes.timeObj);
-                               } catch (err) {
-                                       $.timepicker.log("Error parsing the date/time string: " + err +
-                                                                       "\ndate/time string = " + timeString +
-                                                                       "\ntimeFormat = " + this._defaults.timeFormat +
-                                                                       "\ndateFormat = " + dp_dateFormat);
-                                       return false;
-                               }
-                               return true;
-                       } else {
-                               var timeObj = $.datepicker.parseTime(this._defaults.timeFormat, timeString, this._defaults);
-                               if (!timeObj) {
-                                       return false;
-                               }
-                               $.extend(this, timeObj);
-                               return true;
-                       }
-               },
-
-               /*
-               * generate and inject html for timepicker into ui datepicker
-               */
-               _injectTimePicker: function () {
-                       var $dp = this.inst.dpDiv,
-                               o = this.inst.settings,
-                               tp_inst = this,
-                               litem = '',
-                               uitem = '',
-                               show = null,
-                               max = {},
-                               gridSize = {},
-                               size = null,
-                               i = 0,
-                               l = 0;
-
-                       // Prevent displaying twice
-                       if ($dp.find("div.ui-timepicker-div").length === 0 && o.showTimepicker) {
-                               var noDisplay = ' style="display:none;"',
-                                       html = '<div class="ui-timepicker-div' + (o.isRTL ? ' ui-timepicker-rtl' : '') + '"><dl>' + '<dt class="ui_tpicker_time_label"' + ((o.showTime) ? '' : noDisplay) + '>' + o.timeText + '</dt>' +
-                                                               '<dd class="ui_tpicker_time"' + ((o.showTime) ? '' : noDisplay) + '></dd>';
-
-                               // Create the markup
-                               for (i = 0, l = this.units.length; i < l; i++) {
-                                       litem = this.units[i];
-                                       uitem = litem.substr(0, 1).toUpperCase() + litem.substr(1);
-                                       show = o['show' + uitem] !== null ? o['show' + uitem] : this.support[litem];
-
-                                       // Added by Peter Medeiros:
-                                       // - Figure out what the hour/minute/second max should be based on the step values.
-                                       // - Example: if stepMinute is 15, then minMax is 45.
-                                       max[litem] = parseInt((o[litem + 'Max'] - ((o[litem + 'Max'] - o[litem + 'Min']) % o['step' + uitem])), 10);
-                                       gridSize[litem] = 0;
-
-                                       html += '<dt class="ui_tpicker_' + litem + '_label"' + (show ? '' : noDisplay) + '>' + o[litem + 'Text'] + '</dt>' +
-                                                               '<dd class="ui_tpicker_' + litem + '"><div class="ui_tpicker_' + litem + '_slider"' + (show ? '' : noDisplay) + '></div>';
-
-                                       if (show && o[litem + 'Grid'] > 0) {
-                                               html += '<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>';
-
-                                               if (litem === 'hour') {
-                                                       for (var h = o[litem + 'Min']; h <= max[litem]; h += parseInt(o[litem + 'Grid'], 10)) {
-                                                               gridSize[litem]++;
-                                                               var tmph = $.datepicker.formatTime(this.support.ampm ? 'hht' : 'HH', {hour: h}, o);
-                                                               html += '<td data-for="' + litem + '">' + tmph + '</td>';
-                                                       }
-                                               }
-                                               else {
-                                                       for (var m = o[litem + 'Min']; m <= max[litem]; m += parseInt(o[litem + 'Grid'], 10)) {
-                                                               gridSize[litem]++;
-                                                               html += '<td data-for="' + litem + '">' + ((m < 10) ? '0' : '') + m + '</td>';
-                                                       }
-                                               }
-
-                                               html += '</tr></table></div>';
-                                       }
-                                       html += '</dd>';
-                               }
-                               
-                               // Timezone
-                               var showTz = o.showTimezone !== null ? o.showTimezone : this.support.timezone;
-                               html += '<dt class="ui_tpicker_timezone_label"' + (showTz ? '' : noDisplay) + '>' + o.timezoneText + '</dt>';
-                               html += '<dd class="ui_tpicker_timezone" ' + (showTz ? '' : noDisplay) + '></dd>';
-
-                               // Create the elements from string
-                               html += '</dl></div>';
-                               var $tp = $(html);
-
-                               // if we only want time picker...
-                               if (o.timeOnly === true) {
-                                       $tp.prepend('<div class="ui-widget-header ui-helper-clearfix ui-corner-all">' + '<div class="ui-datepicker-title">' + o.timeOnlyTitle + '</div>' + '</div>');
-                                       $dp.find('.ui-datepicker-header, .ui-datepicker-calendar').hide();
-                               }
-                               
-                               // add sliders, adjust grids, add events
-                               for (i = 0, l = tp_inst.units.length; i < l; i++) {
-                                       litem = tp_inst.units[i];
-                                       uitem = litem.substr(0, 1).toUpperCase() + litem.substr(1);
-                                       show = o['show' + uitem] !== null ? o['show' + uitem] : this.support[litem];
-
-                                       // add the slider
-                                       tp_inst[litem + '_slider'] = tp_inst.control.create(tp_inst, $tp.find('.ui_tpicker_' + litem + '_slider'), litem, tp_inst[litem], o[litem + 'Min'], max[litem], o['step' + uitem]);
-
-                                       // adjust the grid and add click event
-                                       if (show && o[litem + 'Grid'] > 0) {
-                                               size = 100 * gridSize[litem] * o[litem + 'Grid'] / (max[litem] - o[litem + 'Min']);
-                                               $tp.find('.ui_tpicker_' + litem + ' table').css({
-                                                       width: size + "%",
-                                                       marginLeft: o.isRTL ? '0' : ((size / (-2 * gridSize[litem])) + "%"),
-                                                       marginRight: o.isRTL ? ((size / (-2 * gridSize[litem])) + "%") : '0',
-                                                       borderCollapse: 'collapse'
-                                               }).find("td").click(function (e) {
-                                                               var $t = $(this),
-                                                                       h = $t.html(),
-                                                                       n = parseInt(h.replace(/[^0-9]/g), 10),
-                                                                       ap = h.replace(/[^apm]/ig),
-                                                                       f = $t.data('for'); // loses scope, so we use data-for
-
-                                                               if (f === 'hour') {
-                                                                       if (ap.indexOf('p') !== -1 && n < 12) {
-                                                                               n += 12;
-                                                                       }
-                                                                       else {
-                                                                               if (ap.indexOf('a') !== -1 && n === 12) {
-                                                                                       n = 0;
-                                                                               }
-                                                                       }
-                                                               }
-                                                               
-                                                               tp_inst.control.value(tp_inst, tp_inst[f + '_slider'], litem, n);
-
-                                                               tp_inst._onTimeChange();
-                                                               tp_inst._onSelectHandler();
-                                                       }).css({
-                                                               cursor: 'pointer',
-                                                               width: (100 / gridSize[litem]) + '%',
-                                                               textAlign: 'center',
-                                                               overflow: 'hidden'
-                                                       });
-                                       } // end if grid > 0
-                               } // end for loop
-
-                               // Add timezone options
-                               this.timezone_select = $tp.find('.ui_tpicker_timezone').append('<select></select>').find("select");
-                               $.fn.append.apply(this.timezone_select,
-                               $.map(o.timezoneList, function (val, idx) {
-                                       return $("<option />").val(typeof val === "object" ? val.value : val).text(typeof val === "object" ? val.label : val);
-                               }));
-                               if (typeof(this.timezone) !== "undefined" && this.timezone !== null && this.timezone !== "") {
-                                       var local_timezone = (new Date(this.inst.selectedYear, this.inst.selectedMonth, this.inst.selectedDay, 12)).getTimezoneOffset() * -1;
-                                       if (local_timezone === this.timezone) {
-                                               selectLocalTimezone(tp_inst);
-                                       } else {
-                                               this.timezone_select.val(this.timezone);
-                                       }
-                               } else {
-                                       if (typeof(this.hour) !== "undefined" && this.hour !== null && this.hour !== "") {
-                                               this.timezone_select.val(o.timezone);
-                                       } else {
-                                               selectLocalTimezone(tp_inst);
-                                       }
-                               }
-                               this.timezone_select.change(function () {
-                                       tp_inst._onTimeChange();
-                                       tp_inst._onSelectHandler();
-                               });
-                               // End timezone options
-                               
-                               // inject timepicker into datepicker
-                               var $buttonPanel = $dp.find('.ui-datepicker-buttonpane');
-                               if ($buttonPanel.length) {
-                                       $buttonPanel.before($tp);
-                               } else {
-                                       $dp.append($tp);
-                               }
-
-                               this.$timeObj = $tp.find('.ui_tpicker_time');
-
-                               if (this.inst !== null) {
-                                       var timeDefined = this.timeDefined;
-                                       this._onTimeChange();
-                                       this.timeDefined = timeDefined;
-                               }
-
-                               // slideAccess integration: http://trentrichardson.com/2011/11/11/jquery-ui-sliders-and-touch-accessibility/
-                               if (this._defaults.addSliderAccess) {
-                                       var sliderAccessArgs = this._defaults.sliderAccessArgs,
-                                               rtl = this._defaults.isRTL;
-                                       sliderAccessArgs.isRTL = rtl;
-                                               
-                                       setTimeout(function () { // fix for inline mode
-                                               if ($tp.find('.ui-slider-access').length === 0) {
-                                                       $tp.find('.ui-slider:visible').sliderAccess(sliderAccessArgs);
-
-                                                       // fix any grids since sliders are shorter
-                                                       var sliderAccessWidth = $tp.find('.ui-slider-access:eq(0)').outerWidth(true);
-                                                       if (sliderAccessWidth) {
-                                                               $tp.find('table:visible').each(function () {
-                                                                       var $g = $(this),
-                                                                               oldWidth = $g.outerWidth(),
-                                                                               oldMarginLeft = $g.css(rtl ? 'marginRight' : 'marginLeft').toString().replace('%', ''),
-                                                                               newWidth = oldWidth - sliderAccessWidth,
-                                                                               newMarginLeft = ((oldMarginLeft * newWidth) / oldWidth) + '%',
-                                                                               css = { width: newWidth, marginRight: 0, marginLeft: 0 };
-                                                                       css[rtl ? 'marginRight' : 'marginLeft'] = newMarginLeft;
-                                                                       $g.css(css);
-                                                               });
-                                                       }
-                                               }
-                                       }, 10);
-                               }
-                               // end slideAccess integration
-
-                               tp_inst._limitMinMaxDateTime(this.inst, true);
-                       }
-               },
-
-               /*
-               * This function tries to limit the ability to go outside the
-               * min/max date range
-               */
-               _limitMinMaxDateTime: function (dp_inst, adjustSliders) {
-                       var o = this._defaults,
-                               dp_date = new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay);
-
-                       if (!this._defaults.showTimepicker) {
-                               return;
-                       } // No time so nothing to check here
-
-                       if ($.datepicker._get(dp_inst, 'minDateTime') !== null && $.datepicker._get(dp_inst, 'minDateTime') !== undefined && dp_date) {
-                               var minDateTime = $.datepicker._get(dp_inst, 'minDateTime'),
-                                       minDateTimeDate = new Date(minDateTime.getFullYear(), minDateTime.getMonth(), minDateTime.getDate(), 0, 0, 0, 0);
-
-                               if (this.hourMinOriginal === null || this.minuteMinOriginal === null || this.secondMinOriginal === null || this.millisecMinOriginal === null || this.microsecMinOriginal === null) {
-                                       this.hourMinOriginal = o.hourMin;
-                                       this.minuteMinOriginal = o.minuteMin;
-                                       this.secondMinOriginal = o.secondMin;
-                                       this.millisecMinOriginal = o.millisecMin;
-                                       this.microsecMinOriginal = o.microsecMin;
-                               }
-
-                               if (dp_inst.settings.timeOnly || minDateTimeDate.getTime() === dp_date.getTime()) {
-                                       this._defaults.hourMin = minDateTime.getHours();
-                                       if (this.hour <= this._defaults.hourMin) {
-                                               this.hour = this._defaults.hourMin;
-                                               this._defaults.minuteMin = minDateTime.getMinutes();
-                                               if (this.minute <= this._defaults.minuteMin) {
-                                                       this.minute = this._defaults.minuteMin;
-                                                       this._defaults.secondMin = minDateTime.getSeconds();
-                                                       if (this.second <= this._defaults.secondMin) {
-                                                               this.second = this._defaults.secondMin;
-                                                               this._defaults.millisecMin = minDateTime.getMilliseconds();
-                                                               if (this.millisec <= this._defaults.millisecMin) {
-                                                                       this.millisec = this._defaults.millisecMin;
-                                                                       this._defaults.microsecMin = minDateTime.getMicroseconds();
-                                                               } else {
-                                                                       if (this.microsec < this._defaults.microsecMin) {
-                                                                               this.microsec = this._defaults.microsecMin;
-                                                                       }
-                                                                       this._defaults.microsecMin = this.microsecMinOriginal;
-                                                               }
-                                                       } else {
-                                                               this._defaults.millisecMin = this.millisecMinOriginal;
-                                                               this._defaults.microsecMin = this.microsecMinOriginal;
-                                                       }
-                                               } else {
-                                                       this._defaults.secondMin = this.secondMinOriginal;
-                                                       this._defaults.millisecMin = this.millisecMinOriginal;
-                                                       this._defaults.microsecMin = this.microsecMinOriginal;
-                                               }
-                                       } else {
-                                               this._defaults.minuteMin = this.minuteMinOriginal;
-                                               this._defaults.secondMin = this.secondMinOriginal;
-                                               this._defaults.millisecMin = this.millisecMinOriginal;
-                                               this._defaults.microsecMin = this.microsecMinOriginal;
-                                       }
-                               } else {
-                                       this._defaults.hourMin = this.hourMinOriginal;
-                                       this._defaults.minuteMin = this.minuteMinOriginal;
-                                       this._defaults.secondMin = this.secondMinOriginal;
-                                       this._defaults.millisecMin = this.millisecMinOriginal;
-                                       this._defaults.microsecMin = this.microsecMinOriginal;
-                               }
-                       }
-
-                       if ($.datepicker._get(dp_inst, 'maxDateTime') !== null && $.datepicker._get(dp_inst, 'maxDateTime') !== undefined && dp_date) {
-                               var maxDateTime = $.datepicker._get(dp_inst, 'maxDateTime'),
-                                       maxDateTimeDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), maxDateTime.getDate(), 0, 0, 0, 0);
-
-                               if (this.hourMaxOriginal === null || this.minuteMaxOriginal === null || this.secondMaxOriginal === null || this.millisecMaxOriginal === null) {
-                                       this.hourMaxOriginal = o.hourMax;
-                                       this.minuteMaxOriginal = o.minuteMax;
-                                       this.secondMaxOriginal = o.secondMax;
-                                       this.millisecMaxOriginal = o.millisecMax;
-                                       this.microsecMaxOriginal = o.microsecMax;
-                               }
-
-                               if (dp_inst.settings.timeOnly || maxDateTimeDate.getTime() === dp_date.getTime()) {
-                                       this._defaults.hourMax = maxDateTime.getHours();
-                                       if (this.hour >= this._defaults.hourMax) {
-                                               this.hour = this._defaults.hourMax;
-                                               this._defaults.minuteMax = maxDateTime.getMinutes();
-                                               if (this.minute >= this._defaults.minuteMax) {
-                                                       this.minute = this._defaults.minuteMax;
-                                                       this._defaults.secondMax = maxDateTime.getSeconds();
-                                                       if (this.second >= this._defaults.secondMax) {
-                                                               this.second = this._defaults.secondMax;
-                                                               this._defaults.millisecMax = maxDateTime.getMilliseconds();
-                                                               if (this.millisec >= this._defaults.millisecMax) {
-                                                                       this.millisec = this._defaults.millisecMax;
-                                                                       this._defaults.microsecMax = maxDateTime.getMicroseconds();
-                                                               } else {
-                                                                       if (this.microsec > this._defaults.microsecMax) {
-                                                                               this.microsec = this._defaults.microsecMax;
-                                                                       }
-                                                                       this._defaults.microsecMax = this.microsecMaxOriginal;
-                                                               }
-                                                       } else {
-                                                               this._defaults.millisecMax = this.millisecMaxOriginal;
-                                                               this._defaults.microsecMax = this.microsecMaxOriginal;
-                                                       }
-                                               } else {
-                                                       this._defaults.secondMax = this.secondMaxOriginal;
-                                                       this._defaults.millisecMax = this.millisecMaxOriginal;
-                                                       this._defaults.microsecMax = this.microsecMaxOriginal;
-                                               }
-                                       } else {
-                                               this._defaults.minuteMax = this.minuteMaxOriginal;
-                                               this._defaults.secondMax = this.secondMaxOriginal;
-                                               this._defaults.millisecMax = this.millisecMaxOriginal;
-                                               this._defaults.microsecMax = this.microsecMaxOriginal;
-                                       }
-                               } else {
-                                       this._defaults.hourMax = this.hourMaxOriginal;
-                                       this._defaults.minuteMax = this.minuteMaxOriginal;
-                                       this._defaults.secondMax = this.secondMaxOriginal;
-                                       this._defaults.millisecMax = this.millisecMaxOriginal;
-                                       this._defaults.microsecMax = this.microsecMaxOriginal;
-                               }
-                       }
-
-                       if (dp_inst.settings.minTime!==null) {                          
-                               var tempMinTime=new Date("01/01/1970 " + dp_inst.settings.minTime);                             
-                               if (this.hour<tempMinTime.getHours()) {
-                                       this.hour=this._defaults.hourMin=tempMinTime.getHours();
-                                       this.minute=this._defaults.minuteMin=tempMinTime.getMinutes();                                                  
-                               } else if (this.hour===tempMinTime.getHours() && this.minute<tempMinTime.getMinutes()) {
-                                       this.minute=this._defaults.minuteMin=tempMinTime.getMinutes();
-                               } else {                                                
-                                       if (this._defaults.hourMin<tempMinTime.getHours()) {
-                                               this._defaults.hourMin=tempMinTime.getHours();
-                                               this._defaults.minuteMin=tempMinTime.getMinutes();                                      
-                                       } else if (this._defaults.hourMin===tempMinTime.getHours()===this.hour && this._defaults.minuteMin<tempMinTime.getMinutes()) {
-                                               this._defaults.minuteMin=tempMinTime.getMinutes();                                              
-                                       } else {
-                                               this._defaults.minuteMin=0;
-                                       }
-                               }                               
-                       }
-                       
-                       if (dp_inst.settings.maxTime!==null) {                          
-                               var tempMaxTime=new Date("01/01/1970 " + dp_inst.settings.maxTime);
-                               if (this.hour>tempMaxTime.getHours()) {
-                                       this.hour=this._defaults.hourMax=tempMaxTime.getHours();                                                
-                                       this.minute=this._defaults.minuteMax=tempMaxTime.getMinutes();
-                               } else if (this.hour===tempMaxTime.getHours() && this.minute>tempMaxTime.getMinutes()) {                                                        
-                                       this.minute=this._defaults.minuteMax=tempMaxTime.getMinutes();                                          
-                               } else {
-                                       if (this._defaults.hourMax>tempMaxTime.getHours()) {
-                                               this._defaults.hourMax=tempMaxTime.getHours();
-                                               this._defaults.minuteMax=tempMaxTime.getMinutes();                                      
-                                       } else if (this._defaults.hourMax===tempMaxTime.getHours()===this.hour && this._defaults.minuteMax>tempMaxTime.getMinutes()) {
-                                               this._defaults.minuteMax=tempMaxTime.getMinutes();                                              
-                                       } else {
-                                               this._defaults.minuteMax=59;
-                                       }
-                               }                                               
-                       }
-                       
-                       if (adjustSliders !== undefined && adjustSliders === true) {
-                               var hourMax = parseInt((this._defaults.hourMax - ((this._defaults.hourMax - this._defaults.hourMin) % this._defaults.stepHour)), 10),
-                                       minMax = parseInt((this._defaults.minuteMax - ((this._defaults.minuteMax - this._defaults.minuteMin) % this._defaults.stepMinute)), 10),
-                                       secMax = parseInt((this._defaults.secondMax - ((this._defaults.secondMax - this._defaults.secondMin) % this._defaults.stepSecond)), 10),
-                                       millisecMax = parseInt((this._defaults.millisecMax - ((this._defaults.millisecMax - this._defaults.millisecMin) % this._defaults.stepMillisec)), 10),
-                                       microsecMax = parseInt((this._defaults.microsecMax - ((this._defaults.microsecMax - this._defaults.microsecMin) % this._defaults.stepMicrosec)), 10);
-
-                               if (this.hour_slider) {
-                                       this.control.options(this, this.hour_slider, 'hour', { min: this._defaults.hourMin, max: hourMax, step: this._defaults.stepHour });
-                                       this.control.value(this, this.hour_slider, 'hour', this.hour - (this.hour % this._defaults.stepHour));
-                               }
-                               if (this.minute_slider) {
-                                       this.control.options(this, this.minute_slider, 'minute', { min: this._defaults.minuteMin, max: minMax, step: this._defaults.stepMinute });
-                                       this.control.value(this, this.minute_slider, 'minute', this.minute - (this.minute % this._defaults.stepMinute));
-                               }
-                               if (this.second_slider) {
-                                       this.control.options(this, this.second_slider, 'second', { min: this._defaults.secondMin, max: secMax, step: this._defaults.stepSecond });
-                                       this.control.value(this, this.second_slider, 'second', this.second - (this.second % this._defaults.stepSecond));
-                               }
-                               if (this.millisec_slider) {
-                                       this.control.options(this, this.millisec_slider, 'millisec', { min: this._defaults.millisecMin, max: millisecMax, step: this._defaults.stepMillisec });
-                                       this.control.value(this, this.millisec_slider, 'millisec', this.millisec - (this.millisec % this._defaults.stepMillisec));
-                               }
-                               if (this.microsec_slider) {
-                                       this.control.options(this, this.microsec_slider, 'microsec', { min: this._defaults.microsecMin, max: microsecMax, step: this._defaults.stepMicrosec });
-                                       this.control.value(this, this.microsec_slider, 'microsec', this.microsec - (this.microsec % this._defaults.stepMicrosec));
-                               }
-                       }
-
-               },
-
-               /*
-               * when a slider moves, set the internal time...
-               * on time change is also called when the time is updated in the text field
-               */
-               _onTimeChange: function () {
-                       if (!this._defaults.showTimepicker) {
-                                return;
-                       }
-                       var hour = (this.hour_slider) ? this.control.value(this, this.hour_slider, 'hour') : false,
-                               minute = (this.minute_slider) ? this.control.value(this, this.minute_slider, 'minute') : false,
-                               second = (this.second_slider) ? this.control.value(this, this.second_slider, 'second') : false,
-                               millisec = (this.millisec_slider) ? this.control.value(this, this.millisec_slider, 'millisec') : false,
-                               microsec = (this.microsec_slider) ? this.control.value(this, this.microsec_slider, 'microsec') : false,
-                               timezone = (this.timezone_select) ? this.timezone_select.val() : false,
-                               o = this._defaults,
-                               pickerTimeFormat = o.pickerTimeFormat || o.timeFormat,
-                               pickerTimeSuffix = o.pickerTimeSuffix || o.timeSuffix;
-
-                       if (typeof(hour) === 'object') {
-                               hour = false;
-                       }
-                       if (typeof(minute) === 'object') {
-                               minute = false;
-                       }
-                       if (typeof(second) === 'object') {
-                               second = false;
-                       }
-                       if (typeof(millisec) === 'object') {
-                               millisec = false;
-                       }
-                       if (typeof(microsec) === 'object') {
-                               microsec = false;
-                       }
-                       if (typeof(timezone) === 'object') {
-                               timezone = false;
-                       }
-
-                       if (hour !== false) {
-                               hour = parseInt(hour, 10);
-                       }
-                       if (minute !== false) {
-                               minute = parseInt(minute, 10);
-                       }
-                       if (second !== false) {
-                               second = parseInt(second, 10);
-                       }
-                       if (millisec !== false) {
-                               millisec = parseInt(millisec, 10);
-                       }
-                       if (microsec !== false) {
-                               microsec = parseInt(microsec, 10);
-                       }
-                       if (timezone !== false) {
-                               timezone = timezone.toString();
-                       }
-
-                       var ampm = o[hour < 12 ? 'amNames' : 'pmNames'][0];
-
-                       // If the update was done in the input field, the input field should not be updated.
-                       // If the update was done using the sliders, update the input field.
-                       var hasChanged = (
-                                               hour !== parseInt(this.hour,10) || // sliders should all be numeric
-                                               minute !== parseInt(this.minute,10) || 
-                                               second !== parseInt(this.second,10) || 
-                                               millisec !== parseInt(this.millisec,10) || 
-                                               microsec !== parseInt(this.microsec,10) || 
-                                               (this.ampm.length > 0 && (hour < 12) !== ($.inArray(this.ampm.toUpperCase(), this.amNames) !== -1)) || 
-                                               (this.timezone !== null && timezone !== this.timezone.toString()) // could be numeric or "EST" format, so use toString()
-                                       );
-
-                       if (hasChanged) {
-
-                               if (hour !== false) {
-                                       this.hour = hour;
-                               }
-                               if (minute !== false) {
-                                       this.minute = minute;
-                               }
-                               if (second !== false) {
-                                       this.second = second;
-                               }
-                               if (millisec !== false) {
-                                       this.millisec = millisec;
-                               }
-                               if (microsec !== false) {
-                                       this.microsec = microsec;
-                               }
-                               if (timezone !== false) {
-                                       this.timezone = timezone;
-                               }
-
-                               if (!this.inst) {
-                                       this.inst = $.datepicker._getInst(this.$input[0]);
-                               }
-
-                               this._limitMinMaxDateTime(this.inst, true);
-                       }
-                       if (this.support.ampm) {
-                               this.ampm = ampm;
-                       }
-
-                       // Updates the time within the timepicker
-                       this.formattedTime = $.datepicker.formatTime(o.timeFormat, this, o);
-                       if (this.$timeObj) {
-                               if (pickerTimeFormat === o.timeFormat) {
-                                       this.$timeObj.text(this.formattedTime + pickerTimeSuffix);
-                               }
-                               else {
-                                       this.$timeObj.text($.datepicker.formatTime(pickerTimeFormat, this, o) + pickerTimeSuffix);
-                               }
-                       }
-
-                       this.timeDefined = true;
-                       if (hasChanged) {
-                               this._updateDateTime();
-                               //this.$input.focus(); // may automatically open the picker on setDate
-                       }
-               },
-
-               /*
-               * call custom onSelect.
-               * bind to sliders slidestop, and grid click.
-               */
-               _onSelectHandler: function () {
-                       var onSelect = this._defaults.onSelect || this.inst.settings.onSelect;
-                       var inputEl = this.$input ? this.$input[0] : null;
-                       if (onSelect && inputEl) {
-                               onSelect.apply(inputEl, [this.formattedDateTime, this]);
-                       }
-               },
-
-               /*
-               * update our input with the new date time..
-               */
-               _updateDateTime: function (dp_inst) {
-                       dp_inst = this.inst || dp_inst;
-                       var dtTmp = (dp_inst.currentYear > 0? 
-                                                       new Date(dp_inst.currentYear, dp_inst.currentMonth, dp_inst.currentDay) : 
-                                                       new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
-                               dt = $.datepicker._daylightSavingAdjust(dtTmp),
-                               //dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.selectedYear, dp_inst.selectedMonth, dp_inst.selectedDay)),
-                               //dt = $.datepicker._daylightSavingAdjust(new Date(dp_inst.currentYear, dp_inst.currentMonth, dp_inst.currentDay)),
-                               dateFmt = $.datepicker._get(dp_inst, 'dateFormat'),
-                               formatCfg = $.datepicker._getFormatConfig(dp_inst),
-                               timeAvailable = dt !== null && this.timeDefined;
-                       this.formattedDate = $.datepicker.formatDate(dateFmt, (dt === null ? new Date() : dt), formatCfg);
-                       var formattedDateTime = this.formattedDate;
-                       
-                       // if a slider was changed but datepicker doesn't have a value yet, set it
-                       if (dp_inst.lastVal === "") {
-                dp_inst.currentYear = dp_inst.selectedYear;
-                dp_inst.currentMonth = dp_inst.selectedMonth;
-                dp_inst.currentDay = dp_inst.selectedDay;
-            }
-
-                       /*
-                       * remove following lines to force every changes in date picker to change the input value
-                       * Bug descriptions: when an input field has a default value, and click on the field to pop up the date picker. 
-                       * If the user manually empty the value in the input field, the date picker will never change selected value.
-                       */
-                       //if (dp_inst.lastVal !== undefined && (dp_inst.lastVal.length > 0 && this.$input.val().length === 0)) {
-                       //      return;
-                       //}
-
-                       if (this._defaults.timeOnly === true && this._defaults.timeOnlyShowDate === false) {
-                               formattedDateTime = this.formattedTime;
-                       } else if ((this._defaults.timeOnly !== true && (this._defaults.alwaysSetTime || timeAvailable)) || (this._defaults.timeOnly === true && this._defaults.timeOnlyShowDate === true)) {
-                               formattedDateTime += this._defaults.separator + this.formattedTime + this._defaults.timeSuffix;
-                       }
-
-                       this.formattedDateTime = formattedDateTime;
-
-                       if (!this._defaults.showTimepicker) {
-                               this.$input.val(this.formattedDate);
-                       } else if (this.$altInput && this._defaults.timeOnly === false && this._defaults.altFieldTimeOnly === true) {
-                               this.$altInput.val(this.formattedTime);
-                               this.$input.val(this.formattedDate);
-                       } else if (this.$altInput) {
-                               this.$input.val(formattedDateTime);
-                               var altFormattedDateTime = '',
-                                       altSeparator = this._defaults.altSeparator !== null ? this._defaults.altSeparator : this._defaults.separator,
-                                       altTimeSuffix = this._defaults.altTimeSuffix !== null ? this._defaults.altTimeSuffix : this._defaults.timeSuffix;
-                               
-                               if (!this._defaults.timeOnly) {
-                                       if (this._defaults.altFormat) {
-                                               altFormattedDateTime = $.datepicker.formatDate(this._defaults.altFormat, (dt === null ? new Date() : dt), formatCfg);
-                                       }
-                                       else {
-                                               altFormattedDateTime = this.formattedDate;
-                                       }
-
-                                       if (altFormattedDateTime) {
-                                               altFormattedDateTime += altSeparator;
-                                       }
-                               }
-
-                               if (this._defaults.altTimeFormat !== null) {
-                                       altFormattedDateTime += $.datepicker.formatTime(this._defaults.altTimeFormat, this, this._defaults) + altTimeSuffix;
-                               }
-                               else {
-                                       altFormattedDateTime += this.formattedTime + altTimeSuffix;
-                               }
-                               this.$altInput.val(altFormattedDateTime);
-                       } else {
-                               this.$input.val(formattedDateTime);
-                       }
-
-                       this.$input.trigger("change");
-               },
-
-               _onFocus: function () {
-                       if (!this.$input.val() && this._defaults.defaultValue) {
-                               this.$input.val(this._defaults.defaultValue);
-                               var inst = $.datepicker._getInst(this.$input.get(0)),
-                                       tp_inst = $.datepicker._get(inst, 'timepicker');
-                               if (tp_inst) {
-                                       if (tp_inst._defaults.timeOnly && (inst.input.val() !== inst.lastVal)) {
-                                               try {
-                                                       $.datepicker._updateDatepicker(inst);
-                                               } catch (err) {
-                                                       $.timepicker.log(err);
-                                               }
-                                       }
-                               }
-                       }
-               },
-
-               /*
-               * Small abstraction to control types
-               * We can add more, just be sure to follow the pattern: create, options, value
-               */
-               _controls: {
-                       // slider methods
-                       slider: {
-                               create: function (tp_inst, obj, unit, val, min, max, step) {
-                                       var rtl = tp_inst._defaults.isRTL; // if rtl go -60->0 instead of 0->60
-                                       return obj.prop('slide', null).slider({
-                                               orientation: "horizontal",
-                                               value: rtl ? val * -1 : val,
-                                               min: rtl ? max * -1 : min,
-                                               max: rtl ? min * -1 : max,
-                                               step: step,
-                                               slide: function (event, ui) {
-                                                       tp_inst.control.value(tp_inst, $(this), unit, rtl ? ui.value * -1 : ui.value);
-                                                       tp_inst._onTimeChange();
-                                               },
-                                               stop: function (event, ui) {
-                                                       tp_inst._onSelectHandler();
-                                               }
-                                       });     
-                               },
-                               options: function (tp_inst, obj, unit, opts, val) {
-                                       if (tp_inst._defaults.isRTL) {
-                                               if (typeof(opts) === 'string') {
-                                                       if (opts === 'min' || opts === 'max') {
-                                                               if (val !== undefined) {
-                                                                       return obj.slider(opts, val * -1);
-                                                               }
-                                                               return Math.abs(obj.slider(opts));
-                                                       }
-                                                       return obj.slider(opts);
-                                               }
-                                               var min = opts.min, 
-                                                       max = opts.max;
-                                               opts.min = opts.max = null;
-                                               if (min !== undefined) {
-                                                       opts.max = min * -1;
-                                               }
-                                               if (max !== undefined) {
-                                                       opts.min = max * -1;
-                                               }
-                                               return obj.slider(opts);
-                                       }
-                                       if (typeof(opts) === 'string' && val !== undefined) {
-                                               return obj.slider(opts, val);
-                                       }
-                                       return obj.slider(opts);
-                               },
-                               value: function (tp_inst, obj, unit, val) {
-                                       if (tp_inst._defaults.isRTL) {
-                                               if (val !== undefined) {
-                                                       return obj.slider('value', val * -1);
-                                               }
-                                               return Math.abs(obj.slider('value'));
-                                       }
-                                       if (val !== undefined) {
-                                               return obj.slider('value', val);
-                                       }
-                                       return obj.slider('value');
-                               }
-                       },
-                       // select methods
-                       select: {
-                               create: function (tp_inst, obj, unit, val, min, max, step) {
-                                       var sel = '<select class="ui-timepicker-select" data-unit="' + unit + '" data-min="' + min + '" data-max="' + max + '" data-step="' + step + '">',
-                                               format = tp_inst._defaults.pickerTimeFormat || tp_inst._defaults.timeFormat;
-
-                                       for (var i = min; i <= max; i += step) {
-                                               sel += '<option value="' + i + '"' + (i === val ? ' selected' : '') + '>';
-                                               if (unit === 'hour') {
-                                                       sel += $.datepicker.formatTime($.trim(format.replace(/[^ht ]/ig, '')), {hour: i}, tp_inst._defaults);
-                                               }
-                                               else if (unit === 'millisec' || unit === 'microsec' || i >= 10) { sel += i; }
-                                               else {sel += '0' + i.toString(); }
-                                               sel += '</option>';
-                                       }
-                                       sel += '</select>';
-
-                                       obj.children('select').remove();
-
-                                       $(sel).appendTo(obj).change(function (e) {
-                                               tp_inst._onTimeChange();
-                                               tp_inst._onSelectHandler();
-                                       });
-
-                                       return obj;
-                               },
-                               options: function (tp_inst, obj, unit, opts, val) {
-                                       var o = {},
-                                               $t = obj.children('select');
-                                       if (typeof(opts) === 'string') {
-                                               if (val === undefined) {
-                                                       return $t.data(opts);
-                                               }
-                                               o[opts] = val;  
-                                       }
-                                       else { o = opts; }
-                                       return tp_inst.control.create(tp_inst, obj, $t.data('unit'), $t.val(), o.min || $t.data('min'), o.max || $t.data('max'), o.step || $t.data('step'));
-                               },
-                               value: function (tp_inst, obj, unit, val) {
-                                       var $t = obj.children('select');
-                                       if (val !== undefined) {
-                                               return $t.val(val);
-                                       }
-                                       return $t.val();
-                               }
-                       }
-               } // end _controls
-
-       });
-
-       $.fn.extend({
-               /*
-               * shorthand just to use timepicker.
-               */
-               timepicker: function (o) {
-                       o = o || {};
-                       var tmp_args = Array.prototype.slice.call(arguments);
-
-                       if (typeof o === 'object') {
-                               tmp_args[0] = $.extend(o, {
-                                       timeOnly: true
-                               });
-                       }
-
-                       return $(this).each(function () {
-                               $.fn.datetimepicker.apply($(this), tmp_args);
-                       });
-               },
-
-               /*
-               * extend timepicker to datepicker
-               */
-               datetimepicker: function (o) {
-                       o = o || {};
-                       var tmp_args = arguments;
-
-                       if (typeof(o) === 'string') {
-                               if (o === 'getDate'  || (o === 'option' && tmp_args.length === 2 && typeof (tmp_args[1]) === 'string')) {
-                                       return $.fn.datepicker.apply($(this[0]), tmp_args);
-                               } else {
-                                       return this.each(function () {
-                                               var $t = $(this);
-                                               $t.datepicker.apply($t, tmp_args);
-                                       });
-                               }
-                       } else {
-                               return this.each(function () {
-                                       var $t = $(this);
-                                       $t.datepicker($.timepicker._newInst($t, o)._defaults);
-                               });
-                       }
-               }
-       });
-
-       /*
-       * Public Utility to parse date and time
-       */
-       $.datepicker.parseDateTime = function (dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) {
-               var parseRes = parseDateTimeInternal(dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings);
-               if (parseRes.timeObj) {
-                       var t = parseRes.timeObj;
-                       parseRes.date.setHours(t.hour, t.minute, t.second, t.millisec);
-                       parseRes.date.setMicroseconds(t.microsec);
-               }
-
-               return parseRes.date;
-       };
-
-       /*
-       * Public utility to parse time
-       */
-       $.datepicker.parseTime = function (timeFormat, timeString, options) {
-               var o = extendRemove(extendRemove({}, $.timepicker._defaults), options || {}),
-                       iso8601 = (timeFormat.replace(/\'.*?\'/g, '').indexOf('Z') !== -1);
-
-               // Strict parse requires the timeString to match the timeFormat exactly
-               var strictParse = function (f, s, o) {
-
-                       // pattern for standard and localized AM/PM markers
-                       var getPatternAmpm = function (amNames, pmNames) {
-                               var markers = [];
-                               if (amNames) {
-                                       $.merge(markers, amNames);
-                               }
-                               if (pmNames) {
-                                       $.merge(markers, pmNames);
-                               }
-                               markers = $.map(markers, function (val) {
-                                       return val.replace(/[.*+?|()\[\]{}\\]/g, '\\$&');
-                               });
-                               return '(' + markers.join('|') + ')?';
-                       };
-
-                       // figure out position of time elements.. cause js cant do named captures
-                       var getFormatPositions = function (timeFormat) {
-                               var finds = timeFormat.toLowerCase().match(/(h{1,2}|m{1,2}|s{1,2}|l{1}|c{1}|t{1,2}|z|'.*?')/g),
-                                       orders = {
-                                               h: -1,
-                                               m: -1,
-                                               s: -1,
-                                               l: -1,
-                                               c: -1,
-                                               t: -1,
-                                               z: -1
-                                       };
-
-                               if (finds) {
-                                       for (var i = 0; i < finds.length; i++) {
-                                               if (orders[finds[i].toString().charAt(0)] === -1) {
-                                                       orders[finds[i].toString().charAt(0)] = i + 1;
-                                               }
-                                       }
-                               }
-                               return orders;
-                       };
-
-                       var regstr = '^' + f.toString()
-                                       .replace(/([hH]{1,2}|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g, function (match) {
-                                                       var ml = match.length;
-                                                       switch (match.charAt(0).toLowerCase()) {
-                                                       case 'h':
-                                                               return ml === 1 ? '(\\d?\\d)' : '(\\d{' + ml + '})';
-                                                       case 'm':
-                                                               return ml === 1 ? '(\\d?\\d)' : '(\\d{' + ml + '})';
-                                                       case 's':
-                                                               return ml === 1 ? '(\\d?\\d)' : '(\\d{' + ml + '})';
-                                                       case 'l':
-                                                               return '(\\d?\\d?\\d)';
-                                                       case 'c':
-                                                               return '(\\d?\\d?\\d)';
-                                                       case 'z':
-                                                               return '(z|[-+]\\d\\d:?\\d\\d|\\S+)?';
-                                                       case 't':
-                                                               return getPatternAmpm(o.amNames, o.pmNames);
-                                                       default:    // literal escaped in quotes
-                                                               return '(' + match.replace(/\'/g, "").replace(/(\.|\$|\^|\\|\/|\(|\)|\[|\]|\?|\+|\*)/g, function (m) { return "\\" + m; }) + ')?';
-                                                       }
-                                               })
-                                       .replace(/\s/g, '\\s?') +
-                                       o.timeSuffix + '$',
-                               order = getFormatPositions(f),
-                               ampm = '',
-                               treg;
-
-                       treg = s.match(new RegExp(regstr, 'i'));
-
-                       var resTime = {
-                               hour: 0,
-                               minute: 0,
-                               second: 0,
-                               millisec: 0,
-                               microsec: 0
-                       };
-
-                       if (treg) {
-                               if (order.t !== -1) {
-                                       if (treg[order.t] === undefined || treg[order.t].length === 0) {
-                                               ampm = '';
-                                               resTime.ampm = '';
-                                       } else {
-                                               ampm = $.inArray(treg[order.t].toUpperCase(), o.amNames) !== -1 ? 'AM' : 'PM';
-                                               resTime.ampm = o[ampm === 'AM' ? 'amNames' : 'pmNames'][0];
-                                       }
-                               }
-
-                               if (order.h !== -1) {
-                                       if (ampm === 'AM' && treg[order.h] === '12') {
-                                               resTime.hour = 0; // 12am = 0 hour
-                                       } else {
-                                               if (ampm === 'PM' && treg[order.h] !== '12') {
-                                                       resTime.hour = parseInt(treg[order.h], 10) + 12; // 12pm = 12 hour, any other pm = hour + 12
-                                               } else {
-                                                       resTime.hour = Number(treg[order.h]);
-                                               }
-                                       }
-                               }
-
-                               if (order.m !== -1) {
-                                       resTime.minute = Number(treg[order.m]);
-                               }
-                               if (order.s !== -1) {
-                                       resTime.second = Number(treg[order.s]);
-                               }
-                               if (order.l !== -1) {
-                                       resTime.millisec = Number(treg[order.l]);
-                               }
-                               if (order.c !== -1) {
-                                       resTime.microsec = Number(treg[order.c]);
-                               }
-                               if (order.z !== -1 && treg[order.z] !== undefined) {
-                                       resTime.timezone = $.timepicker.timezoneOffsetNumber(treg[order.z]);
-                               }
-
-
-                               return resTime;
-                       }
-                       return false;
-               };// end strictParse
-
-               // First try JS Date, if that fails, use strictParse
-               var looseParse = function (f, s, o) {
-                       try {
-                               var d = new Date('2012-01-01 ' + s);
-                               if (isNaN(d.getTime())) {
-                                       d = new Date('2012-01-01T' + s);
-                                       if (isNaN(d.getTime())) {
-                                               d = new Date('01/01/2012 ' + s);
-                                               if (isNaN(d.getTime())) {
-                                                       throw "Unable to parse time with native Date: " + s;
-                                               }
-                                       }
-                               }
-
-                               return {
-                                       hour: d.getHours(),
-                                       minute: d.getMinutes(),
-                                       second: d.getSeconds(),
-                                       millisec: d.getMilliseconds(),
-                                       microsec: d.getMicroseconds(),
-                                       timezone: d.getTimezoneOffset() * -1
-                               };
-                       }
-                       catch (err) {
-                               try {
-                                       return strictParse(f, s, o);
-                               }
-                               catch (err2) {
-                                       $.timepicker.log("Unable to parse \ntimeString: " + s + "\ntimeFormat: " + f);
-                               }                               
-                       }
-                       return false;
-               }; // end looseParse
-               
-               if (typeof o.parse === "function") {
-                       return o.parse(timeFormat, timeString, o);
-               }
-               if (o.parse === 'loose') {
-                       return looseParse(timeFormat, timeString, o);
-               }
-               return strictParse(timeFormat, timeString, o);
-       };
-
-       /**
-        * Public utility to format the time
-        * @param {string} format format of the time
-        * @param {Object} time Object not a Date for timezones
-        * @param {Object} [options] essentially the regional[].. amNames, pmNames, ampm
-        * @returns {string} the formatted time
-        */
-       $.datepicker.formatTime = function (format, time, options) {
-               options = options || {};
-               options = $.extend({}, $.timepicker._defaults, options);
-               time = $.extend({
-                       hour: 0,
-                       minute: 0,
-                       second: 0,
-                       millisec: 0,
-                       microsec: 0,
-                       timezone: null
-               }, time);
-
-               var tmptime = format,
-                       ampmName = options.amNames[0],
-                       hour = parseInt(time.hour, 10);
-
-               if (hour > 11) {
-                       ampmName = options.pmNames[0];
-               }
-
-               tmptime = tmptime.replace(/(?:HH?|hh?|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g, function (match) {
-                       switch (match) {
-                       case 'HH':
-                               return ('0' + hour).slice(-2);
-                       case 'H':
-                               return hour;
-                       case 'hh':
-                               return ('0' + convert24to12(hour)).slice(-2);
-                       case 'h':
-                               return convert24to12(hour);
-                       case 'mm':
-                               return ('0' + time.minute).slice(-2);
-                       case 'm':
-                               return time.minute;
-                       case 'ss':
-                               return ('0' + time.second).slice(-2);
-                       case 's':
-                               return time.second;
-                       case 'l':
-                               return ('00' + time.millisec).slice(-3);
-                       case 'c':
-                               return ('00' + time.microsec).slice(-3);
-                       case 'z':
-                               return $.timepicker.timezoneOffsetString(time.timezone === null ? options.timezone : time.timezone, false);
-                       case 'Z':
-                               return $.timepicker.timezoneOffsetString(time.timezone === null ? options.timezone : time.timezone, true);
-                       case 'T':
-                               return ampmName.charAt(0).toUpperCase();
-                       case 'TT':
-                               return ampmName.toUpperCase();
-                       case 't':
-                               return ampmName.charAt(0).toLowerCase();
-                       case 'tt':
-                               return ampmName.toLowerCase();
-                       default:
-                               return match.replace(/'/g, "");
-                       }
-               });
-
-               return tmptime;
-       };
-
-       /*
-       * the bad hack :/ override datepicker so it doesn't close on select
-       // inspired: http://stackoverflow.com/questions/1252512/jquery-datepicker-prevent-closing-picker-when-clicking-a-date/1762378#1762378
-       */
-       $.datepicker._base_selectDate = $.datepicker._selectDate;
-       $.datepicker._selectDate = function (id, dateStr) {
-               var inst = this._getInst($(id)[0]),
-                       tp_inst = this._get(inst, 'timepicker');
-
-               if (tp_inst && inst.settings.showTimepicker) {
-                       tp_inst._limitMinMaxDateTime(inst, true);
-                       inst.inline = inst.stay_open = true;
-                       //This way the onSelect handler called from calendarpicker get the full dateTime
-                       this._base_selectDate(id, dateStr);
-                       inst.inline = inst.stay_open = false;
-                       this._notifyChange(inst);
-                       this._updateDatepicker(inst);
-               } else {
-                       this._base_selectDate(id, dateStr);
-               }
-       };
-
-       /*
-       * second bad hack :/ override datepicker so it triggers an event when changing the input field
-       * and does not redraw the datepicker on every selectDate event
-       */
-       $.datepicker._base_updateDatepicker = $.datepicker._updateDatepicker;
-       $.datepicker._updateDatepicker = function (inst) {
-
-               // don't popup the datepicker if there is another instance already opened
-               var input = inst.input[0];
-               if ($.datepicker._curInst && $.datepicker._curInst !== inst && $.datepicker._datepickerShowing && $.datepicker._lastInput !== input) {
-                       return;
-               }
-
-               if (typeof(inst.stay_open) !== 'boolean' || inst.stay_open === false) {
-
-                       this._base_updateDatepicker(inst);
-
-                       // Reload the time control when changing something in the input text field.
-                       var tp_inst = this._get(inst, 'timepicker');
-                       if (tp_inst) {
-                               tp_inst._addTimePicker(inst);
-                       }
-               }
-       };
-
-       /*
-       * third bad hack :/ override datepicker so it allows spaces and colon in the input field
-       */
-       $.datepicker._base_doKeyPress = $.datepicker._doKeyPress;
-       $.datepicker._doKeyPress = function (event) {
-               var inst = $.datepicker._getInst(event.target),
-                       tp_inst = $.datepicker._get(inst, 'timepicker');
-
-               if (tp_inst) {
-                       if ($.datepicker._get(inst, 'constrainInput')) {
-                               var ampm = tp_inst.support.ampm,
-                                       tz = tp_inst._defaults.showTimezone !== null ? tp_inst._defaults.showTimezone : tp_inst.support.timezone,
-                                       dateChars = $.datepicker._possibleChars($.datepicker._get(inst, 'dateFormat')),
-                                       datetimeChars = tp_inst._defaults.timeFormat.toString()
-                                                                                       .replace(/[hms]/g, '')
-                                                                                       .replace(/TT/g, ampm ? 'APM' : '')
-                                                                                       .replace(/Tt/g, ampm ? 'AaPpMm' : '')
-                                                                                       .replace(/tT/g, ampm ? 'AaPpMm' : '')
-                                                                                       .replace(/T/g, ampm ? 'AP' : '')
-                                                                                       .replace(/tt/g, ampm ? 'apm' : '')
-                                                                                       .replace(/t/g, ampm ? 'ap' : '') + 
-                                                                                       " " + tp_inst._defaults.separator + 
-                                                                                       tp_inst._defaults.timeSuffix + 
-                                                                                       (tz ? tp_inst._defaults.timezoneList.join('') : '') + 
-                                                                                       (tp_inst._defaults.amNames.join('')) + (tp_inst._defaults.pmNames.join('')) + 
-                                                                                       dateChars,
-                                       chr = String.fromCharCode(event.charCode === undefined ? event.keyCode : event.charCode);
-                               return event.ctrlKey || (chr < ' ' || !dateChars || datetimeChars.indexOf(chr) > -1);
-                       }
-               }
-
-               return $.datepicker._base_doKeyPress(event);
-       };
-
-       /*
-       * Fourth bad hack :/ override _updateAlternate function used in inline mode to init altField
-       * Update any alternate field to synchronise with the main field.
-       */
-       $.datepicker._base_updateAlternate = $.datepicker._updateAlternate;
-       $.datepicker._updateAlternate = function (inst) {
-               var tp_inst = this._get(inst, 'timepicker');
-               if (tp_inst) {
-                       var altField = tp_inst._defaults.altField;
-                       if (altField) { // update alternate field too
-                               var altFormat = tp_inst._defaults.altFormat || tp_inst._defaults.dateFormat,
-                                       date = this._getDate(inst),
-                                       formatCfg = $.datepicker._getFormatConfig(inst),
-                                       altFormattedDateTime = '', 
-                                       altSeparator = tp_inst._defaults.altSeparator ? tp_inst._defaults.altSeparator : tp_inst._defaults.separator, 
-                                       altTimeSuffix = tp_inst._defaults.altTimeSuffix ? tp_inst._defaults.altTimeSuffix : tp_inst._defaults.timeSuffix,
-                                       altTimeFormat = tp_inst._defaults.altTimeFormat !== null ? tp_inst._defaults.altTimeFormat : tp_inst._defaults.timeFormat;
-                               
-                               altFormattedDateTime += $.datepicker.formatTime(altTimeFormat, tp_inst, tp_inst._defaults) + altTimeSuffix;
-                               if (!tp_inst._defaults.timeOnly && !tp_inst._defaults.altFieldTimeOnly && date !== null) {
-                                       if (tp_inst._defaults.altFormat) {
-                                               altFormattedDateTime = $.datepicker.formatDate(tp_inst._defaults.altFormat, date, formatCfg) + altSeparator + altFormattedDateTime;
-                                       }
-                                       else {
-                                               altFormattedDateTime = tp_inst.formattedDate + altSeparator + altFormattedDateTime;
-                                       }
-                               }
-                               $(altField).val( inst.input.val() ? altFormattedDateTime : "");
-                       }
-               }
-               else {
-                       $.datepicker._base_updateAlternate(inst);       
-               }
-       };
-
-       /*
-       * Override key up event to sync manual input changes.
-       */
-       $.datepicker._base_doKeyUp = $.datepicker._doKeyUp;
-       $.datepicker._doKeyUp = function (event) {
-               var inst = $.datepicker._getInst(event.target),
-                       tp_inst = $.datepicker._get(inst, 'timepicker');
-
-               if (tp_inst) {
-                       if (tp_inst._defaults.timeOnly && (inst.input.val() !== inst.lastVal)) {
-                               try {
-                                       $.datepicker._updateDatepicker(inst);
-                               } catch (err) {
-                                       $.timepicker.log(err);
-                               }
-                       }
-               }
-
-               return $.datepicker._base_doKeyUp(event);
-       };
-
-       /*
-       * override "Today" button to also grab the time.
-       */
-       $.datepicker._base_gotoToday = $.datepicker._gotoToday;
-       $.datepicker._gotoToday = function (id) {
-               var inst = this._getInst($(id)[0]),
-                       $dp = inst.dpDiv;
-               this._base_gotoToday(id);
-               var tp_inst = this._get(inst, 'timepicker');
-               selectLocalTimezone(tp_inst);
-               var now = new Date();
-               this._setTime(inst, now);
-               $('.ui-datepicker-today', $dp).click();
-       };
-
-       /*
-       * Disable & enable the Time in the datetimepicker
-       */
-       $.datepicker._disableTimepickerDatepicker = function (target) {
-               var inst = this._getInst(target);
-               if (!inst) {
-                       return;
-               }
-
-               var tp_inst = this._get(inst, 'timepicker');
-               $(target).datepicker('getDate'); // Init selected[Year|Month|Day]
-               if (tp_inst) {
-                       inst.settings.showTimepicker = false;
-                       tp_inst._defaults.showTimepicker = false;
-                       tp_inst._updateDateTime(inst);
-               }
-       };
-
-       $.datepicker._enableTimepickerDatepicker = function (target) {
-               var inst = this._getInst(target);
-               if (!inst) {
-                       return;
-               }
-
-               var tp_inst = this._get(inst, 'timepicker');
-               $(target).datepicker('getDate'); // Init selected[Year|Month|Day]
-               if (tp_inst) {
-                       inst.settings.showTimepicker = true;
-                       tp_inst._defaults.showTimepicker = true;
-                       tp_inst._addTimePicker(inst); // Could be disabled on page load
-                       tp_inst._updateDateTime(inst);
-               }
-       };
-
-       /*
-       * Create our own set time function
-       */
-       $.datepicker._setTime = function (inst, date) {
-               var tp_inst = this._get(inst, 'timepicker');
-               if (tp_inst) {
-                       var defaults = tp_inst._defaults;
-
-                       // calling _setTime with no date sets time to defaults
-                       tp_inst.hour = date ? date.getHours() : defaults.hour;
-                       tp_inst.minute = date ? date.getMinutes() : defaults.minute;
-                       tp_inst.second = date ? date.getSeconds() : defaults.second;
-                       tp_inst.millisec = date ? date.getMilliseconds() : defaults.millisec;
-                       tp_inst.microsec = date ? date.getMicroseconds() : defaults.microsec;
-
-                       //check if within min/max times.. 
-                       tp_inst._limitMinMaxDateTime(inst, true);
-
-                       tp_inst._onTimeChange();
-                       tp_inst._updateDateTime(inst);
-               }
-       };
-
-       /*
-       * Create new public method to set only time, callable as $().datepicker('setTime', date)
-       */
-       $.datepicker._setTimeDatepicker = function (target, date, withDate) {
-               var inst = this._getInst(target);
-               if (!inst) {
-                       return;
-               }
-
-               var tp_inst = this._get(inst, 'timepicker');
-
-               if (tp_inst) {
-                       this._setDateFromField(inst);
-                       var tp_date;
-                       if (date) {
-                               if (typeof date === "string") {
-                                       tp_inst._parseTime(date, withDate);
-                                       tp_date = new Date();
-                                       tp_date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec);
-                                       tp_date.setMicroseconds(tp_inst.microsec);
-                               } else {
-                                       tp_date = new Date(date.getTime());
-                                       tp_date.setMicroseconds(date.getMicroseconds());
-                               }
-                               if (tp_date.toString() === 'Invalid Date') {
-                                       tp_date = undefined;
-                               }
-                               this._setTime(inst, tp_date);
-                       }
-               }
-
-       };
-
-       /*
-       * override setDate() to allow setting time too within Date object
-       */
-       $.datepicker._base_setDateDatepicker = $.datepicker._setDateDatepicker;
-       $.datepicker._setDateDatepicker = function (target, _date) {
-               var inst = this._getInst(target);
-               var date = _date;
-               if (!inst) {
-                       return;
-               }
-
-               if (typeof(_date) === 'string') {
-                       date = new Date(_date);
-                       if (!date.getTime()) {
-                               this._base_setDateDatepicker.apply(this, arguments);
-                               date = $(target).datepicker('getDate');
-                       }
-               }
-
-               var tp_inst = this._get(inst, 'timepicker');
-               var tp_date;
-               if (date instanceof Date) {
-                       tp_date = new Date(date.getTime());
-                       tp_date.setMicroseconds(date.getMicroseconds());
-               } else {
-                       tp_date = date;
-               }
-               
-               // This is important if you are using the timezone option, javascript's Date 
-               // object will only return the timezone offset for the current locale, so we 
-               // adjust it accordingly.  If not using timezone option this won't matter..
-               // If a timezone is different in tp, keep the timezone as is
-               if (tp_inst && tp_date) {
-                       // look out for DST if tz wasn't specified
-                       if (!tp_inst.support.timezone && tp_inst._defaults.timezone === null) {
-                               tp_inst.timezone = tp_date.getTimezoneOffset() * -1;
-                       }
-                       date = $.timepicker.timezoneAdjust(date, tp_inst.timezone);
-                       tp_date = $.timepicker.timezoneAdjust(tp_date, tp_inst.timezone);
-               }
-
-               this._updateDatepicker(inst);
-               this._base_setDateDatepicker.apply(this, arguments);
-               this._setTimeDatepicker(target, tp_date, true);
-       };
-
-       /*
-       * override getDate() to allow getting time too within Date object
-       */
-       $.datepicker._base_getDateDatepicker = $.datepicker._getDateDatepicker;
-       $.datepicker._getDateDatepicker = function (target, noDefault) {
-               var inst = this._getInst(target);
-               if (!inst) {
-                       return;
-               }
-
-               var tp_inst = this._get(inst, 'timepicker');
-
-               if (tp_inst) {
-                       // if it hasn't yet been defined, grab from field
-                       if (inst.lastVal === undefined) {
-                               this._setDateFromField(inst, noDefault);
-                       }
-
-                       var date = this._getDate(inst);
-                       if (date && tp_inst._parseTime($(target).val(), tp_inst.timeOnly)) {
-                               date.setHours(tp_inst.hour, tp_inst.minute, tp_inst.second, tp_inst.millisec);
-                               date.setMicroseconds(tp_inst.microsec);
-
-                               // This is important if you are using the timezone option, javascript's Date 
-                               // object will only return the timezone offset for the current locale, so we 
-                               // adjust it accordingly.  If not using timezone option this won't matter..
-                               if (tp_inst.timezone != null) {
-                                       // look out for DST if tz wasn't specified
-                                       if (!tp_inst.support.timezone && tp_inst._defaults.timezone === null) {
-                                               tp_inst.timezone = date.getTimezoneOffset() * -1;
-                                       }
-                                       date = $.timepicker.timezoneAdjust(date, tp_inst.timezone);
-                               }
-                       }
-                       return date;
-               }
-               return this._base_getDateDatepicker(target, noDefault);
-       };
-
-       /*
-       * override parseDate() because UI 1.8.14 throws an error about "Extra characters"
-       * An option in datapicker to ignore extra format characters would be nicer.
-       */
-       $.datepicker._base_parseDate = $.datepicker.parseDate;
-       $.datepicker.parseDate = function (format, value, settings) {
-               var date;
-               try {
-                       date = this._base_parseDate(format, value, settings);
-               } catch (err) {
-                       // Hack!  The error message ends with a colon, a space, and
-                       // the "extra" characters.  We rely on that instead of
-                       // attempting to perfectly reproduce the parsing algorithm.
-                       if (err.indexOf(":") >= 0) {
-                               date = this._base_parseDate(format, value.substring(0, value.length - (err.length - err.indexOf(':') - 2)), settings);
-                               $.timepicker.log("Error parsing the date string: " + err + "\ndate string = " + value + "\ndate format = " + format);
-                       } else {
-                               throw err;
-                       }
-               }
-               return date;
-       };
-
-       /*
-       * override formatDate to set date with time to the input
-       */
-       $.datepicker._base_formatDate = $.datepicker._formatDate;
-       $.datepicker._formatDate = function (inst, day, month, year) {
-               var tp_inst = this._get(inst, 'timepicker');
-               if (tp_inst) {
-                       tp_inst._updateDateTime(inst);
-                       return tp_inst.$input.val();
-               }
-               return this._base_formatDate(inst);
-       };
-
-       /*
-       * override options setter to add time to maxDate(Time) and minDate(Time). MaxDate
-       */
-       $.datepicker._base_optionDatepicker = $.datepicker._optionDatepicker;
-       $.datepicker._optionDatepicker = function (target, name, value) {
-               var inst = this._getInst(target),
-                       name_clone;
-               if (!inst) {
-                       return null;
-               }
-
-               var tp_inst = this._get(inst, 'timepicker');
-               if (tp_inst) {
-                       var min = null,
-                               max = null,
-                               onselect = null,
-                               overrides = tp_inst._defaults.evnts,
-                               fns = {},
-                               prop;
-                       if (typeof name === 'string') { // if min/max was set with the string
-                               if (name === 'minDate' || name === 'minDateTime') {
-                                       min = value;
-                               } else if (name === 'maxDate' || name === 'maxDateTime') {
-                                       max = value;
-                               } else if (name === 'onSelect') {
-                                       onselect = value;
-                               } else if (overrides.hasOwnProperty(name)) {
-                                       if (typeof (value) === 'undefined') {
-                                               return overrides[name];
-                                       }
-                                       fns[name] = value;
-                                       name_clone = {}; //empty results in exiting function after overrides updated
-                               }
-                       } else if (typeof name === 'object') { //if min/max was set with the JSON
-                               if (name.minDate) {
-                                       min = name.minDate;
-                               } else if (name.minDateTime) {
-                                       min = name.minDateTime;
-                               } else if (name.maxDate) {
-                                       max = name.maxDate;
-                               } else if (name.maxDateTime) {
-                                       max = name.maxDateTime;
-                               }
-                               for (prop in overrides) {
-                                       if (overrides.hasOwnProperty(prop) && name[prop]) {
-                                               fns[prop] = name[prop];
-                                       }
-                               }
-                       }
-                       for (prop in fns) {
-                               if (fns.hasOwnProperty(prop)) {
-                                       overrides[prop] = fns[prop];
-                                       if (!name_clone) { name_clone = $.extend({}, name); }
-                                       delete name_clone[prop];
-                               }
-                       }
-                       if (name_clone && isEmptyObject(name_clone)) { return; }
-                       if (min) { //if min was set
-                               if (min === 0) {
-                                       min = new Date();
-                               } else {
-                                       min = new Date(min);
-                               }
-                               tp_inst._defaults.minDate = min;
-                               tp_inst._defaults.minDateTime = min;
-                       } else if (max) { //if max was set
-                               if (max === 0) {
-                                       max = new Date();
-                               } else {
-                                       max = new Date(max);
-                               }
-                               tp_inst._defaults.maxDate = max;
-                               tp_inst._defaults.maxDateTime = max;
-                       } else if (onselect) {
-                               tp_inst._defaults.onSelect = onselect;
-                       }
-               }
-               if (value === undefined) {
-                       return this._base_optionDatepicker.call($.datepicker, target, name);
-               }
-               return this._base_optionDatepicker.call($.datepicker, target, name_clone || name, value);
-       };
-       
-       /*
-       * jQuery isEmptyObject does not check hasOwnProperty - if someone has added to the object prototype,
-       * it will return false for all objects
-       */
-       var isEmptyObject = function (obj) {
-               var prop;
-               for (prop in obj) {
-                       if (obj.hasOwnProperty(prop)) {
-                               return false;
-                       }
-               }
-               return true;
-       };
-
-       /*
-       * jQuery extend now ignores nulls!
-       */
-       var extendRemove = function (target, props) {
-               $.extend(target, props);
-               for (var name in props) {
-                       if (props[name] === null || props[name] === undefined) {
-                               target[name] = props[name];
-                       }
-               }
-               return target;
-       };
-
-       /*
-       * Determine by the time format which units are supported
-       * Returns an object of booleans for each unit
-       */
-       var detectSupport = function (timeFormat) {
-               var tf = timeFormat.replace(/'.*?'/g, '').toLowerCase(), // removes literals
-                       isIn = function (f, t) { // does the format contain the token?
-                                       return f.indexOf(t) !== -1 ? true : false;
-                               };
-               return {
-                               hour: isIn(tf, 'h'),
-                               minute: isIn(tf, 'm'),
-                               second: isIn(tf, 's'),
-                               millisec: isIn(tf, 'l'),
-                               microsec: isIn(tf, 'c'),
-                               timezone: isIn(tf, 'z'),
-                               ampm: isIn(tf, 't') && isIn(timeFormat, 'h'),
-                               iso8601: isIn(timeFormat, 'Z')
-                       };
-       };
-
-       /*
-       * Converts 24 hour format into 12 hour
-       * Returns 12 hour without leading 0
-       */
-       var convert24to12 = function (hour) {
-               hour %= 12;
-
-               if (hour === 0) {
-                       hour = 12;
-               }
-
-               return String(hour);
-       };
-
-       var computeEffectiveSetting = function (settings, property) {
-               return settings && settings[property] ? settings[property] : $.timepicker._defaults[property];
-       };
-
-       /*
-       * Splits datetime string into date and time substrings.
-       * Throws exception when date can't be parsed
-       * Returns {dateString: dateString, timeString: timeString}
-       */
-       var splitDateTime = function (dateTimeString, timeSettings) {
-               // The idea is to get the number separator occurrences in datetime and the time format requested (since time has
-               // fewer unknowns, mostly numbers and am/pm). We will use the time pattern to split.
-               var separator = computeEffectiveSetting(timeSettings, 'separator'),
-                       format = computeEffectiveSetting(timeSettings, 'timeFormat'),
-                       timeParts = format.split(separator), // how many occurrences of separator may be in our format?
-                       timePartsLen = timeParts.length,
-                       allParts = dateTimeString.split(separator),
-                       allPartsLen = allParts.length;
-
-               if (allPartsLen > 1) {
-                       return {
-                               dateString: allParts.splice(0, allPartsLen - timePartsLen).join(separator),
-                               timeString: allParts.splice(0, timePartsLen).join(separator)
-                       };
-               }
-
-               return {
-                       dateString: dateTimeString,
-                       timeString: ''
-               };
-       };
-
-       /*
-       * Internal function to parse datetime interval
-       * Returns: {date: Date, timeObj: Object}, where
-       *   date - parsed date without time (type Date)
-       *   timeObj = {hour: , minute: , second: , millisec: , microsec: } - parsed time. Optional
-       */
-       var parseDateTimeInternal = function (dateFormat, timeFormat, dateTimeString, dateSettings, timeSettings) {
-               var date,
-                       parts,
-                       parsedTime;
-
-               parts = splitDateTime(dateTimeString, timeSettings);
-               date = $.datepicker._base_parseDate(dateFormat, parts.dateString, dateSettings);
-
-               if (parts.timeString === '') {
-                       return {
-                               date: date
-                       };
-               }
-
-               parsedTime = $.datepicker.parseTime(timeFormat, parts.timeString, timeSettings);
-
-               if (!parsedTime) {
-                       throw 'Wrong time format';
-               }
-
-               return {
-                       date: date,
-                       timeObj: parsedTime
-               };
-       };
-
-       /*
-       * Internal function to set timezone_select to the local timezone
-       */
-       var selectLocalTimezone = function (tp_inst, date) {
-               if (tp_inst && tp_inst.timezone_select) {
-                       var now = date || new Date();
-                       tp_inst.timezone_select.val(-now.getTimezoneOffset());
-               }
-       };
-
-       /*
-       * Create a Singleton Instance
-       */
-       $.timepicker = new Timepicker();
-
-       /**
-        * Get the timezone offset as string from a date object (eg '+0530' for UTC+5.5)
-        * @param {number} tzMinutes if not a number, less than -720 (-1200), or greater than 840 (+1400) this value is returned
-        * @param {boolean} iso8601 if true formats in accordance to iso8601 "+12:45"
-        * @return {string}
-        */
-       $.timepicker.timezoneOffsetString = function (tzMinutes, iso8601) {
-               if (isNaN(tzMinutes) || tzMinutes > 840 || tzMinutes < -720) {
-                       return tzMinutes;
-               }
-
-               var off = tzMinutes,
-                       minutes = off % 60,
-                       hours = (off - minutes) / 60,
-                       iso = iso8601 ? ':' : '',
-                       tz = (off >= 0 ? '+' : '-') + ('0' + Math.abs(hours)).slice(-2) + iso + ('0' + Math.abs(minutes)).slice(-2);
-               
-               if (tz === '+00:00') {
-                       return 'Z';
-               }
-               return tz;
-       };
-
-       /**
-        * Get the number in minutes that represents a timezone string
-        * @param  {string} tzString formatted like "+0500", "-1245", "Z"
-        * @return {number} the offset minutes or the original string if it doesn't match expectations
-        */
-       $.timepicker.timezoneOffsetNumber = function (tzString) {
-               var normalized = tzString.toString().replace(':', ''); // excuse any iso8601, end up with "+1245"
-
-               if (normalized.toUpperCase() === 'Z') { // if iso8601 with Z, its 0 minute offset
-                       return 0;
-               }
-
-               if (!/^(\-|\+)\d{4}$/.test(normalized)) { // possibly a user defined tz, so just give it back
-                       return tzString;
-               }
-
-               return ((normalized.substr(0, 1) === '-' ? -1 : 1) * // plus or minus
-                                       ((parseInt(normalized.substr(1, 2), 10) * 60) + // hours (converted to minutes)
-                                       parseInt(normalized.substr(3, 2), 10))); // minutes
-       };
-
-       /**
-        * No way to set timezone in js Date, so we must adjust the minutes to compensate. (think setDate, getDate)
-        * @param  {Date} date
-        * @param  {string} toTimezone formatted like "+0500", "-1245"
-        * @return {Date}
-        */
-       $.timepicker.timezoneAdjust = function (date, toTimezone) {
-               var toTz = $.timepicker.timezoneOffsetNumber(toTimezone);
-               if (!isNaN(toTz)) {
-                       date.setMinutes(date.getMinutes() + -date.getTimezoneOffset() - toTz);
-               }
-               return date;
-       };
-
-       /**
-        * Calls `timepicker()` on the `startTime` and `endTime` elements, and configures them to
-        * enforce date range limits.
-        * n.b. The input value must be correctly formatted (reformatting is not supported)
-        * @param  {Element} startTime
-        * @param  {Element} endTime
-        * @param  {Object} options Options for the timepicker() call
-        * @return {jQuery}
-        */
-       $.timepicker.timeRange = function (startTime, endTime, options) {
-               return $.timepicker.handleRange('timepicker', startTime, endTime, options);
-       };
-
-       /**
-        * Calls `datetimepicker` on the `startTime` and `endTime` elements, and configures them to
-        * enforce date range limits.
-        * @param  {Element} startTime
-        * @param  {Element} endTime
-        * @param  {Object} options Options for the `timepicker()` call. Also supports `reformat`,
-        *   a boolean value that can be used to reformat the input values to the `dateFormat`.
-        * @param  {string} method Can be used to specify the type of picker to be added
-        * @return {jQuery}
-        */
-       $.timepicker.datetimeRange = function (startTime, endTime, options) {
-               $.timepicker.handleRange('datetimepicker', startTime, endTime, options);
-       };
-
-       /**
-        * Calls `datepicker` on the `startTime` and `endTime` elements, and configures them to
-        * enforce date range limits.
-        * @param  {Element} startTime
-        * @param  {Element} endTime
-        * @param  {Object} options Options for the `timepicker()` call. Also supports `reformat`,
-        *   a boolean value that can be used to reformat the input values to the `dateFormat`.
-        * @return {jQuery}
-        */
-       $.timepicker.dateRange = function (startTime, endTime, options) {
-               $.timepicker.handleRange('datepicker', startTime, endTime, options);
-       };
-
-       /**
-        * Calls `method` on the `startTime` and `endTime` elements, and configures them to
-        * enforce date range limits.
-        * @param  {string} method Can be used to specify the type of picker to be added
-        * @param  {Element} startTime
-        * @param  {Element} endTime
-        * @param  {Object} options Options for the `timepicker()` call. Also supports `reformat`,
-        *   a boolean value that can be used to reformat the input values to the `dateFormat`.
-        * @return {jQuery}
-        */
-       $.timepicker.handleRange = function (method, startTime, endTime, options) {
-               options = $.extend({}, {
-                       minInterval: 0, // min allowed interval in milliseconds
-                       maxInterval: 0, // max allowed interval in milliseconds
-                       start: {},      // options for start picker
-                       end: {}         // options for end picker
-               }, options);
-
-               // for the mean time this fixes an issue with calling getDate with timepicker()
-               var timeOnly = false;
-               if(method === 'timepicker'){
-                       timeOnly = true;
-                       method = 'datetimepicker';
-               }
-
-               function checkDates(changed, other) {
-                       var startdt = startTime[method]('getDate'),
-                               enddt = endTime[method]('getDate'),
-                               changeddt = changed[method]('getDate');
-
-                       if (startdt !== null) {
-                               var minDate = new Date(startdt.getTime()),
-                                       maxDate = new Date(startdt.getTime());
-
-                               minDate.setMilliseconds(minDate.getMilliseconds() + options.minInterval);
-                               maxDate.setMilliseconds(maxDate.getMilliseconds() + options.maxInterval);
-
-                               if (options.minInterval > 0 && minDate > enddt) { // minInterval check
-                                       endTime[method]('setDate', minDate);
-                               }
-                               else if (options.maxInterval > 0 && maxDate < enddt) { // max interval check
-                                       endTime[method]('setDate', maxDate);
-                               }
-                               else if (startdt > enddt) {
-                                       other[method]('setDate', changeddt);
-                               }
-                       }
-               }
-
-               function selected(changed, other, option) {
-                       if (!changed.val()) {
-                               return;
-                       }
-                       var date = changed[method].call(changed, 'getDate');
-                       if (date !== null && options.minInterval > 0) {
-                               if (option === 'minDate') {
-                                       date.setMilliseconds(date.getMilliseconds() + options.minInterval);
-                               }
-                               if (option === 'maxDate') {
-                                       date.setMilliseconds(date.getMilliseconds() - options.minInterval);
-                               }
-                       }
-                       if (date.getTime) {
-                               other[method].call(other, 'option', option, date);
-                       }
-               }
-
-               $.fn[method].call(startTime, $.extend({
-                       timeOnly: timeOnly,
-                       onClose: function (dateText, inst) {
-                               checkDates($(this), endTime);
-                       },
-                       onSelect: function (selectedDateTime) {
-                               selected($(this), endTime, 'minDate');
-                       }
-               }, options, options.start));
-               $.fn[method].call(endTime, $.extend({
-                       timeOnly: timeOnly,
-                       onClose: function (dateText, inst) {
-                               checkDates($(this), startTime);
-                       },
-                       onSelect: function (selectedDateTime) {
-                               selected($(this), startTime, 'maxDate');
-                       }
-               }, options, options.end));
-
-               checkDates(startTime, endTime);
-               selected(startTime, endTime, 'minDate');
-               selected(endTime, startTime, 'maxDate');
-               return $([startTime.get(0), endTime.get(0)]);
-       };
-
-       /**
-        * Log error or data to the console during error or debugging
-        * @param  {Object} err pass any type object to log to the console during error or debugging
-        * @return {void}
-        */
-       $.timepicker.log = function (err) {
-               if (window.console) {
-                       window.console.log(err);
-               }
-       };
-
-       /*
-        * Add util object to allow access to private methods for testability.
-        */
-       $.timepicker._util = {
-               _extendRemove: extendRemove,
-               _isEmptyObject: isEmptyObject,
-               _convert24to12: convert24to12,
-               _detectSupport: detectSupport,
-               _selectLocalTimezone: selectLocalTimezone,
-               _computeEffectiveSetting: computeEffectiveSetting,
-               _splitDateTime: splitDateTime,
-               _parseDateTimeInternal: parseDateTimeInternal
-       };
-
-       /*
-       * Microsecond support
-       */
-       if (!Date.prototype.getMicroseconds) {
-               Date.prototype.microseconds = 0;
-               Date.prototype.getMicroseconds = function () { return this.microseconds; };
-               Date.prototype.setMicroseconds = function (m) {
-                       this.setMilliseconds(this.getMilliseconds() + Math.floor(m / 1000));
-                       this.microseconds = m % 1000;
-                       return this;
-               };
-       }
-
-       /*
-       * Keep up with the version
-       */
-       $.timepicker.version = "1.4.5";
-
-})(jQuery);
\ No newline at end of file
diff --git a/wcfsetup/install/files/js/3rdParty/jquery-ui.timepicker.min.js b/wcfsetup/install/files/js/3rdParty/jquery-ui.timepicker.min.js
deleted file mode 100644 (file)
index a1c5fea..0000000
+++ /dev/null
@@ -1,5 +0,0 @@
-/*! jQuery Timepicker Addon - v1.4.5 - 2014-05-26
-* http://trentrichardson.com/examples/timepicker
-* Copyright (c) 2014 Trent Richardson; Licensed MIT */
-(function($){if($.ui.timepicker=$.ui.timepicker||{},!$.ui.timepicker.version){$.extend($.ui,{timepicker:{version:"1.4.5"}});var Timepicker=function(){this.regional=[],this.regional[""]={currentText:"Now",closeText:"Done",amNames:["AM","A"],pmNames:["PM","P"],timeFormat:"HH:mm",timeSuffix:"",timeOnlyTitle:"Choose Time",timeText:"Time",hourText:"Hour",minuteText:"Minute",secondText:"Second",millisecText:"Millisecond",microsecText:"Microsecond",timezoneText:"Time Zone",isRTL:!1},this._defaults={showButtonPanel:!0,timeOnly:!1,timeOnlyShowDate:!1,showHour:null,showMinute:null,showSecond:null,showMillisec:null,showMicrosec:null,showTimezone:null,showTime:!0,stepHour:1,stepMinute:1,stepSecond:1,stepMillisec:1,stepMicrosec:1,hour:0,minute:0,second:0,millisec:0,microsec:0,timezone:null,hourMin:0,minuteMin:0,secondMin:0,millisecMin:0,microsecMin:0,hourMax:23,minuteMax:59,secondMax:59,millisecMax:999,microsecMax:999,minDateTime:null,maxDateTime:null,maxTime:null,minTime:null,onSelect:null,hourGrid:0,minuteGrid:0,secondGrid:0,millisecGrid:0,microsecGrid:0,alwaysSetTime:!0,separator:" ",altFieldTimeOnly:!0,altTimeFormat:null,altSeparator:null,altTimeSuffix:null,altRedirectFocus:!0,pickerTimeFormat:null,pickerTimeSuffix:null,showTimepicker:!0,timezoneList:null,addSliderAccess:!1,sliderAccessArgs:null,controlType:"slider",defaultValue:null,parse:"strict"},$.extend(this._defaults,this.regional[""])};$.extend(Timepicker.prototype,{$input:null,$altInput:null,$timeObj:null,inst:null,hour_slider:null,minute_slider:null,second_slider:null,millisec_slider:null,microsec_slider:null,timezone_select:null,maxTime:null,minTime:null,hour:0,minute:0,second:0,millisec:0,microsec:0,timezone:null,hourMinOriginal:null,minuteMinOriginal:null,secondMinOriginal:null,millisecMinOriginal:null,microsecMinOriginal:null,hourMaxOriginal:null,minuteMaxOriginal:null,secondMaxOriginal:null,millisecMaxOriginal:null,microsecMaxOriginal:null,ampm:"",formattedDate:"",formattedTime:"",formattedDateTime:"",timezoneList:null,units:["hour","minute","second"],support:{},control:null,setDefaults:function(e){return extendRemove(this._defaults,e||{}),this},_newInst:function($input,opts){var tp_inst=new Timepicker,inlineSettings={},fns={},overrides,i;for(var attrName in this._defaults)if(this._defaults.hasOwnProperty(attrName)){var attrValue=$input.attr("time:"+attrName);if(attrValue)try{inlineSettings[attrName]=eval(attrValue)}catch(err){inlineSettings[attrName]=attrValue}}overrides={beforeShow:function(e,t){return $.isFunction(tp_inst._defaults.evnts.beforeShow)?tp_inst._defaults.evnts.beforeShow.call($input[0],e,t,tp_inst):void 0},onChangeMonthYear:function(e,t,i){tp_inst._updateDateTime(i),$.isFunction(tp_inst._defaults.evnts.onChangeMonthYear)&&tp_inst._defaults.evnts.onChangeMonthYear.call($input[0],e,t,i,tp_inst)},onClose:function(e,t){tp_inst.timeDefined===!0&&""!==$input.val()&&tp_inst._updateDateTime(t),$.isFunction(tp_inst._defaults.evnts.onClose)&&tp_inst._defaults.evnts.onClose.call($input[0],e,t,tp_inst)}};for(i in overrides)overrides.hasOwnProperty(i)&&(fns[i]=opts[i]||null);tp_inst._defaults=$.extend({},this._defaults,inlineSettings,opts,overrides,{evnts:fns,timepicker:tp_inst}),tp_inst.amNames=$.map(tp_inst._defaults.amNames,function(e){return e.toUpperCase()}),tp_inst.pmNames=$.map(tp_inst._defaults.pmNames,function(e){return e.toUpperCase()}),tp_inst.support=detectSupport(tp_inst._defaults.timeFormat+(tp_inst._defaults.pickerTimeFormat?tp_inst._defaults.pickerTimeFormat:"")+(tp_inst._defaults.altTimeFormat?tp_inst._defaults.altTimeFormat:"")),"string"==typeof tp_inst._defaults.controlType?("slider"===tp_inst._defaults.controlType&&$.ui.slider===void 0&&(tp_inst._defaults.controlType="select"),tp_inst.control=tp_inst._controls[tp_inst._defaults.controlType]):tp_inst.control=tp_inst._defaults.controlType;var timezoneList=[-720,-660,-600,-570,-540,-480,-420,-360,-300,-270,-240,-210,-180,-120,-60,0,60,120,180,210,240,270,300,330,345,360,390,420,480,525,540,570,600,630,660,690,720,765,780,840];null!==tp_inst._defaults.timezoneList&&(timezoneList=tp_inst._defaults.timezoneList);var tzl=timezoneList.length,tzi=0,tzv=null;if(tzl>0&&"object"!=typeof timezoneList[0])for(;tzl>tzi;tzi++)tzv=timezoneList[tzi],timezoneList[tzi]={value:tzv,label:$.timepicker.timezoneOffsetString(tzv,tp_inst.support.iso8601)};return tp_inst._defaults.timezoneList=timezoneList,tp_inst.timezone=null!==tp_inst._defaults.timezone?$.timepicker.timezoneOffsetNumber(tp_inst._defaults.timezone):-1*(new Date).getTimezoneOffset(),tp_inst.hour=tp_inst._defaults.hour<tp_inst._defaults.hourMin?tp_inst._defaults.hourMin:tp_inst._defaults.hour>tp_inst._defaults.hourMax?tp_inst._defaults.hourMax:tp_inst._defaults.hour,tp_inst.minute=tp_inst._defaults.minute<tp_inst._defaults.minuteMin?tp_inst._defaults.minuteMin:tp_inst._defaults.minute>tp_inst._defaults.minuteMax?tp_inst._defaults.minuteMax:tp_inst._defaults.minute,tp_inst.second=tp_inst._defaults.second<tp_inst._defaults.secondMin?tp_inst._defaults.secondMin:tp_inst._defaults.second>tp_inst._defaults.secondMax?tp_inst._defaults.secondMax:tp_inst._defaults.second,tp_inst.millisec=tp_inst._defaults.millisec<tp_inst._defaults.millisecMin?tp_inst._defaults.millisecMin:tp_inst._defaults.millisec>tp_inst._defaults.millisecMax?tp_inst._defaults.millisecMax:tp_inst._defaults.millisec,tp_inst.microsec=tp_inst._defaults.microsec<tp_inst._defaults.microsecMin?tp_inst._defaults.microsecMin:tp_inst._defaults.microsec>tp_inst._defaults.microsecMax?tp_inst._defaults.microsecMax:tp_inst._defaults.microsec,tp_inst.ampm="",tp_inst.$input=$input,tp_inst._defaults.altField&&(tp_inst.$altInput=$(tp_inst._defaults.altField),tp_inst._defaults.altRedirectFocus===!0&&tp_inst.$altInput.css({cursor:"pointer"}).focus(function(){$input.trigger("focus")})),(0===tp_inst._defaults.minDate||0===tp_inst._defaults.minDateTime)&&(tp_inst._defaults.minDate=new Date),(0===tp_inst._defaults.maxDate||0===tp_inst._defaults.maxDateTime)&&(tp_inst._defaults.maxDate=new Date),void 0!==tp_inst._defaults.minDate&&tp_inst._defaults.minDate instanceof Date&&(tp_inst._defaults.minDateTime=new Date(tp_inst._defaults.minDate.getTime())),void 0!==tp_inst._defaults.minDateTime&&tp_inst._defaults.minDateTime instanceof Date&&(tp_inst._defaults.minDate=new Date(tp_inst._defaults.minDateTime.getTime())),void 0!==tp_inst._defaults.maxDate&&tp_inst._defaults.maxDate instanceof Date&&(tp_inst._defaults.maxDateTime=new Date(tp_inst._defaults.maxDate.getTime())),void 0!==tp_inst._defaults.maxDateTime&&tp_inst._defaults.maxDateTime instanceof Date&&(tp_inst._defaults.maxDate=new Date(tp_inst._defaults.maxDateTime.getTime())),tp_inst.$input.bind("focus",function(){tp_inst._onFocus()}),tp_inst},_addTimePicker:function(e){var t=this.$altInput&&this._defaults.altFieldTimeOnly?this.$input.val()+" "+this.$altInput.val():this.$input.val();this.timeDefined=this._parseTime(t),this._limitMinMaxDateTime(e,!1),this._injectTimePicker()},_parseTime:function(e,t){if(this.inst||(this.inst=$.datepicker._getInst(this.$input[0])),t||!this._defaults.timeOnly){var i=$.datepicker._get(this.inst,"dateFormat");try{var s=parseDateTimeInternal(i,this._defaults.timeFormat,e,$.datepicker._getFormatConfig(this.inst),this._defaults);if(!s.timeObj)return!1;$.extend(this,s.timeObj)}catch(a){return $.timepicker.log("Error parsing the date/time string: "+a+"\ndate/time string = "+e+"\ntimeFormat = "+this._defaults.timeFormat+"\ndateFormat = "+i),!1}return!0}var n=$.datepicker.parseTime(this._defaults.timeFormat,e,this._defaults);return n?($.extend(this,n),!0):!1},_injectTimePicker:function(){var e=this.inst.dpDiv,t=this.inst.settings,i=this,s="",a="",n=null,r={},l={},o=null,c=0,u=0;if(0===e.find("div.ui-timepicker-div").length&&t.showTimepicker){var m=' style="display:none;"',d='<div class="ui-timepicker-div'+(t.isRTL?" ui-timepicker-rtl":"")+'"><dl>'+'<dt class="ui_tpicker_time_label"'+(t.showTime?"":m)+">"+t.timeText+"</dt>"+'<dd class="ui_tpicker_time"'+(t.showTime?"":m)+"></dd>";for(c=0,u=this.units.length;u>c;c++){if(s=this.units[c],a=s.substr(0,1).toUpperCase()+s.substr(1),n=null!==t["show"+a]?t["show"+a]:this.support[s],r[s]=parseInt(t[s+"Max"]-(t[s+"Max"]-t[s+"Min"])%t["step"+a],10),l[s]=0,d+='<dt class="ui_tpicker_'+s+'_label"'+(n?"":m)+">"+t[s+"Text"]+"</dt>"+'<dd class="ui_tpicker_'+s+'"><div class="ui_tpicker_'+s+'_slider"'+(n?"":m)+"></div>",n&&t[s+"Grid"]>0){if(d+='<div style="padding-left: 1px"><table class="ui-tpicker-grid-label"><tr>',"hour"===s)for(var h=t[s+"Min"];r[s]>=h;h+=parseInt(t[s+"Grid"],10)){l[s]++;var p=$.datepicker.formatTime(this.support.ampm?"hht":"HH",{hour:h},t);d+='<td data-for="'+s+'">'+p+"</td>"}else for(var _=t[s+"Min"];r[s]>=_;_+=parseInt(t[s+"Grid"],10))l[s]++,d+='<td data-for="'+s+'">'+(10>_?"0":"")+_+"</td>";d+="</tr></table></div>"}d+="</dd>"}var f=null!==t.showTimezone?t.showTimezone:this.support.timezone;d+='<dt class="ui_tpicker_timezone_label"'+(f?"":m)+">"+t.timezoneText+"</dt>",d+='<dd class="ui_tpicker_timezone" '+(f?"":m)+"></dd>",d+="</dl></div>";var g=$(d);for(t.timeOnly===!0&&(g.prepend('<div class="ui-widget-header ui-helper-clearfix ui-corner-all"><div class="ui-datepicker-title">'+t.timeOnlyTitle+"</div>"+"</div>"),e.find(".ui-datepicker-header, .ui-datepicker-calendar").hide()),c=0,u=i.units.length;u>c;c++)s=i.units[c],a=s.substr(0,1).toUpperCase()+s.substr(1),n=null!==t["show"+a]?t["show"+a]:this.support[s],i[s+"_slider"]=i.control.create(i,g.find(".ui_tpicker_"+s+"_slider"),s,i[s],t[s+"Min"],r[s],t["step"+a]),n&&t[s+"Grid"]>0&&(o=100*l[s]*t[s+"Grid"]/(r[s]-t[s+"Min"]),g.find(".ui_tpicker_"+s+" table").css({width:o+"%",marginLeft:t.isRTL?"0":o/(-2*l[s])+"%",marginRight:t.isRTL?o/(-2*l[s])+"%":"0",borderCollapse:"collapse"}).find("td").click(function(){var e=$(this),t=e.html(),a=parseInt(t.replace(/[^0-9]/g),10),n=t.replace(/[^apm]/gi),r=e.data("for");"hour"===r&&(-1!==n.indexOf("p")&&12>a?a+=12:-1!==n.indexOf("a")&&12===a&&(a=0)),i.control.value(i,i[r+"_slider"],s,a),i._onTimeChange(),i._onSelectHandler()}).css({cursor:"pointer",width:100/l[s]+"%",textAlign:"center",overflow:"hidden"}));if(this.timezone_select=g.find(".ui_tpicker_timezone").append("<select></select>").find("select"),$.fn.append.apply(this.timezone_select,$.map(t.timezoneList,function(e){return $("<option />").val("object"==typeof e?e.value:e).text("object"==typeof e?e.label:e)})),this.timezone!==void 0&&null!==this.timezone&&""!==this.timezone){var M=-1*new Date(this.inst.selectedYear,this.inst.selectedMonth,this.inst.selectedDay,12).getTimezoneOffset();M===this.timezone?selectLocalTimezone(i):this.timezone_select.val(this.timezone)}else this.hour!==void 0&&null!==this.hour&&""!==this.hour?this.timezone_select.val(t.timezone):selectLocalTimezone(i);this.timezone_select.change(function(){i._onTimeChange(),i._onSelectHandler()});var v=e.find(".ui-datepicker-buttonpane");if(v.length?v.before(g):e.append(g),this.$timeObj=g.find(".ui_tpicker_time"),null!==this.inst){var k=this.timeDefined;this._onTimeChange(),this.timeDefined=k}if(this._defaults.addSliderAccess){var T=this._defaults.sliderAccessArgs,D=this._defaults.isRTL;T.isRTL=D,setTimeout(function(){if(0===g.find(".ui-slider-access").length){g.find(".ui-slider:visible").sliderAccess(T);var e=g.find(".ui-slider-access:eq(0)").outerWidth(!0);e&&g.find("table:visible").each(function(){var t=$(this),i=t.outerWidth(),s=(""+t.css(D?"marginRight":"marginLeft")).replace("%",""),a=i-e,n=s*a/i+"%",r={width:a,marginRight:0,marginLeft:0};r[D?"marginRight":"marginLeft"]=n,t.css(r)})}},10)}i._limitMinMaxDateTime(this.inst,!0)}},_limitMinMaxDateTime:function(e,t){var i=this._defaults,s=new Date(e.selectedYear,e.selectedMonth,e.selectedDay);if(this._defaults.showTimepicker){if(null!==$.datepicker._get(e,"minDateTime")&&void 0!==$.datepicker._get(e,"minDateTime")&&s){var a=$.datepicker._get(e,"minDateTime"),n=new Date(a.getFullYear(),a.getMonth(),a.getDate(),0,0,0,0);(null===this.hourMinOriginal||null===this.minuteMinOriginal||null===this.secondMinOriginal||null===this.millisecMinOriginal||null===this.microsecMinOriginal)&&(this.hourMinOriginal=i.hourMin,this.minuteMinOriginal=i.minuteMin,this.secondMinOriginal=i.secondMin,this.millisecMinOriginal=i.millisecMin,this.microsecMinOriginal=i.microsecMin),e.settings.timeOnly||n.getTime()===s.getTime()?(this._defaults.hourMin=a.getHours(),this.hour<=this._defaults.hourMin?(this.hour=this._defaults.hourMin,this._defaults.minuteMin=a.getMinutes(),this.minute<=this._defaults.minuteMin?(this.minute=this._defaults.minuteMin,this._defaults.secondMin=a.getSeconds(),this.second<=this._defaults.secondMin?(this.second=this._defaults.secondMin,this._defaults.millisecMin=a.getMilliseconds(),this.millisec<=this._defaults.millisecMin?(this.millisec=this._defaults.millisecMin,this._defaults.microsecMin=a.getMicroseconds()):(this.microsec<this._defaults.microsecMin&&(this.microsec=this._defaults.microsecMin),this._defaults.microsecMin=this.microsecMinOriginal)):(this._defaults.millisecMin=this.millisecMinOriginal,this._defaults.microsecMin=this.microsecMinOriginal)):(this._defaults.secondMin=this.secondMinOriginal,this._defaults.millisecMin=this.millisecMinOriginal,this._defaults.microsecMin=this.microsecMinOriginal)):(this._defaults.minuteMin=this.minuteMinOriginal,this._defaults.secondMin=this.secondMinOriginal,this._defaults.millisecMin=this.millisecMinOriginal,this._defaults.microsecMin=this.microsecMinOriginal)):(this._defaults.hourMin=this.hourMinOriginal,this._defaults.minuteMin=this.minuteMinOriginal,this._defaults.secondMin=this.secondMinOriginal,this._defaults.millisecMin=this.millisecMinOriginal,this._defaults.microsecMin=this.microsecMinOriginal)}if(null!==$.datepicker._get(e,"maxDateTime")&&void 0!==$.datepicker._get(e,"maxDateTime")&&s){var r=$.datepicker._get(e,"maxDateTime"),l=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0,0);(null===this.hourMaxOriginal||null===this.minuteMaxOriginal||null===this.secondMaxOriginal||null===this.millisecMaxOriginal)&&(this.hourMaxOriginal=i.hourMax,this.minuteMaxOriginal=i.minuteMax,this.secondMaxOriginal=i.secondMax,this.millisecMaxOriginal=i.millisecMax,this.microsecMaxOriginal=i.microsecMax),e.settings.timeOnly||l.getTime()===s.getTime()?(this._defaults.hourMax=r.getHours(),this.hour>=this._defaults.hourMax?(this.hour=this._defaults.hourMax,this._defaults.minuteMax=r.getMinutes(),this.minute>=this._defaults.minuteMax?(this.minute=this._defaults.minuteMax,this._defaults.secondMax=r.getSeconds(),this.second>=this._defaults.secondMax?(this.second=this._defaults.secondMax,this._defaults.millisecMax=r.getMilliseconds(),this.millisec>=this._defaults.millisecMax?(this.millisec=this._defaults.millisecMax,this._defaults.microsecMax=r.getMicroseconds()):(this.microsec>this._defaults.microsecMax&&(this.microsec=this._defaults.microsecMax),this._defaults.microsecMax=this.microsecMaxOriginal)):(this._defaults.millisecMax=this.millisecMaxOriginal,this._defaults.microsecMax=this.microsecMaxOriginal)):(this._defaults.secondMax=this.secondMaxOriginal,this._defaults.millisecMax=this.millisecMaxOriginal,this._defaults.microsecMax=this.microsecMaxOriginal)):(this._defaults.minuteMax=this.minuteMaxOriginal,this._defaults.secondMax=this.secondMaxOriginal,this._defaults.millisecMax=this.millisecMaxOriginal,this._defaults.microsecMax=this.microsecMaxOriginal)):(this._defaults.hourMax=this.hourMaxOriginal,this._defaults.minuteMax=this.minuteMaxOriginal,this._defaults.secondMax=this.secondMaxOriginal,this._defaults.millisecMax=this.millisecMaxOriginal,this._defaults.microsecMax=this.microsecMaxOriginal)}if(null!==e.settings.minTime){var o=new Date("01/01/1970 "+e.settings.minTime);this.hour<o.getHours()?(this.hour=this._defaults.hourMin=o.getHours(),this.minute=this._defaults.minuteMin=o.getMinutes()):this.hour===o.getHours()&&this.minute<o.getMinutes()?this.minute=this._defaults.minuteMin=o.getMinutes():this._defaults.hourMin<o.getHours()?(this._defaults.hourMin=o.getHours(),this._defaults.minuteMin=o.getMinutes()):this._defaults.minuteMin=this._defaults.hourMin===o.getHours()===this.hour&&this._defaults.minuteMin<o.getMinutes()?o.getMinutes():0}if(null!==e.settings.maxTime){var c=new Date("01/01/1970 "+e.settings.maxTime);this.hour>c.getHours()?(this.hour=this._defaults.hourMax=c.getHours(),this.minute=this._defaults.minuteMax=c.getMinutes()):this.hour===c.getHours()&&this.minute>c.getMinutes()?this.minute=this._defaults.minuteMax=c.getMinutes():this._defaults.hourMax>c.getHours()?(this._defaults.hourMax=c.getHours(),this._defaults.minuteMax=c.getMinutes()):this._defaults.minuteMax=this._defaults.hourMax===c.getHours()===this.hour&&this._defaults.minuteMax>c.getMinutes()?c.getMinutes():59}if(void 0!==t&&t===!0){var u=parseInt(this._defaults.hourMax-(this._defaults.hourMax-this._defaults.hourMin)%this._defaults.stepHour,10),m=parseInt(this._defaults.minuteMax-(this._defaults.minuteMax-this._defaults.minuteMin)%this._defaults.stepMinute,10),d=parseInt(this._defaults.secondMax-(this._defaults.secondMax-this._defaults.secondMin)%this._defaults.stepSecond,10),h=parseInt(this._defaults.millisecMax-(this._defaults.millisecMax-this._defaults.millisecMin)%this._defaults.stepMillisec,10),p=parseInt(this._defaults.microsecMax-(this._defaults.microsecMax-this._defaults.microsecMin)%this._defaults.stepMicrosec,10);this.hour_slider&&(this.control.options(this,this.hour_slider,"hour",{min:this._defaults.hourMin,max:u,step:this._defaults.stepHour}),this.control.value(this,this.hour_slider,"hour",this.hour-this.hour%this._defaults.stepHour)),this.minute_slider&&(this.control.options(this,this.minute_slider,"minute",{min:this._defaults.minuteMin,max:m,step:this._defaults.stepMinute}),this.control.value(this,this.minute_slider,"minute",this.minute-this.minute%this._defaults.stepMinute)),this.second_slider&&(this.control.options(this,this.second_slider,"second",{min:this._defaults.secondMin,max:d,step:this._defaults.stepSecond}),this.control.value(this,this.second_slider,"second",this.second-this.second%this._defaults.stepSecond)),this.millisec_slider&&(this.control.options(this,this.millisec_slider,"millisec",{min:this._defaults.millisecMin,max:h,step:this._defaults.stepMillisec}),this.control.value(this,this.millisec_slider,"millisec",this.millisec-this.millisec%this._defaults.stepMillisec)),this.microsec_slider&&(this.control.options(this,this.microsec_slider,"microsec",{min:this._defaults.microsecMin,max:p,step:this._defaults.stepMicrosec}),this.control.value(this,this.microsec_slider,"microsec",this.microsec-this.microsec%this._defaults.stepMicrosec))}}},_onTimeChange:function(){if(this._defaults.showTimepicker){var e=this.hour_slider?this.control.value(this,this.hour_slider,"hour"):!1,t=this.minute_slider?this.control.value(this,this.minute_slider,"minute"):!1,i=this.second_slider?this.control.value(this,this.second_slider,"second"):!1,s=this.millisec_slider?this.control.value(this,this.millisec_slider,"millisec"):!1,a=this.microsec_slider?this.control.value(this,this.microsec_slider,"microsec"):!1,n=this.timezone_select?this.timezone_select.val():!1,r=this._defaults,l=r.pickerTimeFormat||r.timeFormat,o=r.pickerTimeSuffix||r.timeSuffix;"object"==typeof e&&(e=!1),"object"==typeof t&&(t=!1),"object"==typeof i&&(i=!1),"object"==typeof s&&(s=!1),"object"==typeof a&&(a=!1),"object"==typeof n&&(n=!1),e!==!1&&(e=parseInt(e,10)),t!==!1&&(t=parseInt(t,10)),i!==!1&&(i=parseInt(i,10)),s!==!1&&(s=parseInt(s,10)),a!==!1&&(a=parseInt(a,10)),n!==!1&&(n=""+n);var c=r[12>e?"amNames":"pmNames"][0],u=e!==parseInt(this.hour,10)||t!==parseInt(this.minute,10)||i!==parseInt(this.second,10)||s!==parseInt(this.millisec,10)||a!==parseInt(this.microsec,10)||this.ampm.length>0&&12>e!=(-1!==$.inArray(this.ampm.toUpperCase(),this.amNames))||null!==this.timezone&&n!==""+this.timezone;u&&(e!==!1&&(this.hour=e),t!==!1&&(this.minute=t),i!==!1&&(this.second=i),s!==!1&&(this.millisec=s),a!==!1&&(this.microsec=a),n!==!1&&(this.timezone=n),this.inst||(this.inst=$.datepicker._getInst(this.$input[0])),this._limitMinMaxDateTime(this.inst,!0)),this.support.ampm&&(this.ampm=c),this.formattedTime=$.datepicker.formatTime(r.timeFormat,this,r),this.$timeObj&&(l===r.timeFormat?this.$timeObj.text(this.formattedTime+o):this.$timeObj.text($.datepicker.formatTime(l,this,r)+o)),this.timeDefined=!0,u&&this._updateDateTime()}},_onSelectHandler:function(){var e=this._defaults.onSelect||this.inst.settings.onSelect,t=this.$input?this.$input[0]:null;e&&t&&e.apply(t,[this.formattedDateTime,this])},_updateDateTime:function(e){e=this.inst||e;var t=e.currentYear>0?new Date(e.currentYear,e.currentMonth,e.currentDay):new Date(e.selectedYear,e.selectedMonth,e.selectedDay),i=$.datepicker._daylightSavingAdjust(t),s=$.datepicker._get(e,"dateFormat"),a=$.datepicker._getFormatConfig(e),n=null!==i&&this.timeDefined;this.formattedDate=$.datepicker.formatDate(s,null===i?new Date:i,a);var r=this.formattedDate;if(""===e.lastVal&&(e.currentYear=e.selectedYear,e.currentMonth=e.selectedMonth,e.currentDay=e.selectedDay),this._defaults.timeOnly===!0&&this._defaults.timeOnlyShowDate===!1?r=this.formattedTime:(this._defaults.timeOnly!==!0&&(this._defaults.alwaysSetTime||n)||this._defaults.timeOnly===!0&&this._defaults.timeOnlyShowDate===!0)&&(r+=this._defaults.separator+this.formattedTime+this._defaults.timeSuffix),this.formattedDateTime=r,this._defaults.showTimepicker)if(this.$altInput&&this._defaults.timeOnly===!1&&this._defaults.altFieldTimeOnly===!0)this.$altInput.val(this.formattedTime),this.$input.val(this.formattedDate);else if(this.$altInput){this.$input.val(r);var l="",o=null!==this._defaults.altSeparator?this._defaults.altSeparator:this._defaults.separator,c=null!==this._defaults.altTimeSuffix?this._defaults.altTimeSuffix:this._defaults.timeSuffix;this._defaults.timeOnly||(l=this._defaults.altFormat?$.datepicker.formatDate(this._defaults.altFormat,null===i?new Date:i,a):this.formattedDate,l&&(l+=o)),l+=null!==this._defaults.altTimeFormat?$.datepicker.formatTime(this._defaults.altTimeFormat,this,this._defaults)+c:this.formattedTime+c,this.$altInput.val(l)}else this.$input.val(r);else this.$input.val(this.formattedDate);this.$input.trigger("change")},_onFocus:function(){if(!this.$input.val()&&this._defaults.defaultValue){this.$input.val(this._defaults.defaultValue);var e=$.datepicker._getInst(this.$input.get(0)),t=$.datepicker._get(e,"timepicker");if(t&&t._defaults.timeOnly&&e.input.val()!==e.lastVal)try{$.datepicker._updateDatepicker(e)}catch(i){$.timepicker.log(i)}}},_controls:{slider:{create:function(e,t,i,s,a,n,r){var l=e._defaults.isRTL;return t.prop("slide",null).slider({orientation:"horizontal",value:l?-1*s:s,min:l?-1*n:a,max:l?-1*a:n,step:r,slide:function(t,s){e.control.value(e,$(this),i,l?-1*s.value:s.value),e._onTimeChange()},stop:function(){e._onSelectHandler()}})},options:function(e,t,i,s,a){if(e._defaults.isRTL){if("string"==typeof s)return"min"===s||"max"===s?void 0!==a?t.slider(s,-1*a):Math.abs(t.slider(s)):t.slider(s);var n=s.min,r=s.max;return s.min=s.max=null,void 0!==n&&(s.max=-1*n),void 0!==r&&(s.min=-1*r),t.slider(s)}return"string"==typeof s&&void 0!==a?t.slider(s,a):t.slider(s)},value:function(e,t,i,s){return e._defaults.isRTL?void 0!==s?t.slider("value",-1*s):Math.abs(t.slider("value")):void 0!==s?t.slider("value",s):t.slider("value")}},select:{create:function(e,t,i,s,a,n,r){for(var l='<select class="ui-timepicker-select" data-unit="'+i+'" data-min="'+a+'" data-max="'+n+'" data-step="'+r+'">',o=e._defaults.pickerTimeFormat||e._defaults.timeFormat,c=a;n>=c;c+=r)l+='<option value="'+c+'"'+(c===s?" selected":"")+">",l+="hour"===i?$.datepicker.formatTime($.trim(o.replace(/[^ht ]/gi,"")),{hour:c},e._defaults):"millisec"===i||"microsec"===i||c>=10?c:"0"+(""+c),l+="</option>";return l+="</select>",t.children("select").remove(),$(l).appendTo(t).change(function(){e._onTimeChange(),e._onSelectHandler()}),t},options:function(e,t,i,s,a){var n={},r=t.children("select");if("string"==typeof s){if(void 0===a)return r.data(s);n[s]=a}else n=s;return e.control.create(e,t,r.data("unit"),r.val(),n.min||r.data("min"),n.max||r.data("max"),n.step||r.data("step"))},value:function(e,t,i,s){var a=t.children("select");return void 0!==s?a.val(s):a.val()}}}}),$.fn.extend({timepicker:function(e){e=e||{};var t=Array.prototype.slice.call(arguments);return"object"==typeof e&&(t[0]=$.extend(e,{timeOnly:!0})),$(this).each(function(){$.fn.datetimepicker.apply($(this),t)})},datetimepicker:function(e){e=e||{};var t=arguments;return"string"==typeof e?"getDate"===e||"option"===e&&2===t.length&&"string"==typeof t[1]?$.fn.datepicker.apply($(this[0]),t):this.each(function(){var e=$(this);e.datepicker.apply(e,t)}):this.each(function(){var t=$(this);t.datepicker($.timepicker._newInst(t,e)._defaults)})}}),$.datepicker.parseDateTime=function(e,t,i,s,a){var n=parseDateTimeInternal(e,t,i,s,a);if(n.timeObj){var r=n.timeObj;n.date.setHours(r.hour,r.minute,r.second,r.millisec),n.date.setMicroseconds(r.microsec)}return n.date},$.datepicker.parseTime=function(e,t,i){var s=extendRemove(extendRemove({},$.timepicker._defaults),i||{});-1!==e.replace(/\'.*?\'/g,"").indexOf("Z");var a=function(e,t,i){var s,a=function(e,t){var i=[];return e&&$.merge(i,e),t&&$.merge(i,t),i=$.map(i,function(e){return e.replace(/[.*+?|()\[\]{}\\]/g,"\\$&")}),"("+i.join("|")+")?"},n=function(e){var t=e.toLowerCase().match(/(h{1,2}|m{1,2}|s{1,2}|l{1}|c{1}|t{1,2}|z|'.*?')/g),i={h:-1,m:-1,s:-1,l:-1,c:-1,t:-1,z:-1};if(t)for(var s=0;t.length>s;s++)-1===i[(""+t[s]).charAt(0)]&&(i[(""+t[s]).charAt(0)]=s+1);return i},r="^"+(""+e).replace(/([hH]{1,2}|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g,function(e){var t=e.length;switch(e.charAt(0).toLowerCase()){case"h":return 1===t?"(\\d?\\d)":"(\\d{"+t+"})";case"m":return 1===t?"(\\d?\\d)":"(\\d{"+t+"})";case"s":return 1===t?"(\\d?\\d)":"(\\d{"+t+"})";case"l":return"(\\d?\\d?\\d)";case"c":return"(\\d?\\d?\\d)";case"z":return"(z|[-+]\\d\\d:?\\d\\d|\\S+)?";case"t":return a(i.amNames,i.pmNames);default:return"("+e.replace(/\'/g,"").replace(/(\.|\$|\^|\\|\/|\(|\)|\[|\]|\?|\+|\*)/g,function(e){return"\\"+e})+")?"}}).replace(/\s/g,"\\s?")+i.timeSuffix+"$",l=n(e),o="";s=t.match(RegExp(r,"i"));var c={hour:0,minute:0,second:0,millisec:0,microsec:0};return s?(-1!==l.t&&(void 0===s[l.t]||0===s[l.t].length?(o="",c.ampm=""):(o=-1!==$.inArray(s[l.t].toUpperCase(),i.amNames)?"AM":"PM",c.ampm=i["AM"===o?"amNames":"pmNames"][0])),-1!==l.h&&(c.hour="AM"===o&&"12"===s[l.h]?0:"PM"===o&&"12"!==s[l.h]?parseInt(s[l.h],10)+12:Number(s[l.h])),-1!==l.m&&(c.minute=Number(s[l.m])),-1!==l.s&&(c.second=Number(s[l.s])),-1!==l.l&&(c.millisec=Number(s[l.l])),-1!==l.c&&(c.microsec=Number(s[l.c])),-1!==l.z&&void 0!==s[l.z]&&(c.timezone=$.timepicker.timezoneOffsetNumber(s[l.z])),c):!1},n=function(e,t,i){try{var s=new Date("2012-01-01 "+t);if(isNaN(s.getTime())&&(s=new Date("2012-01-01T"+t),isNaN(s.getTime())&&(s=new Date("01/01/2012 "+t),isNaN(s.getTime()))))throw"Unable to parse time with native Date: "+t;return{hour:s.getHours(),minute:s.getMinutes(),second:s.getSeconds(),millisec:s.getMilliseconds(),microsec:s.getMicroseconds(),timezone:-1*s.getTimezoneOffset()}}catch(n){try{return a(e,t,i)}catch(r){$.timepicker.log("Unable to parse \ntimeString: "+t+"\ntimeFormat: "+e)}}return!1};return"function"==typeof s.parse?s.parse(e,t,s):"loose"===s.parse?n(e,t,s):a(e,t,s)},$.datepicker.formatTime=function(e,t,i){i=i||{},i=$.extend({},$.timepicker._defaults,i),t=$.extend({hour:0,minute:0,second:0,millisec:0,microsec:0,timezone:null},t);var s=e,a=i.amNames[0],n=parseInt(t.hour,10);return n>11&&(a=i.pmNames[0]),s=s.replace(/(?:HH?|hh?|mm?|ss?|[tT]{1,2}|[zZ]|[lc]|'.*?')/g,function(e){switch(e){case"HH":return("0"+n).slice(-2);case"H":return n;case"hh":return("0"+convert24to12(n)).slice(-2);case"h":return convert24to12(n);case"mm":return("0"+t.minute).slice(-2);case"m":return t.minute;case"ss":return("0"+t.second).slice(-2);case"s":return t.second;case"l":return("00"+t.millisec).slice(-3);case"c":return("00"+t.microsec).slice(-3);case"z":return $.timepicker.timezoneOffsetString(null===t.timezone?i.timezone:t.timezone,!1);case"Z":return $.timepicker.timezoneOffsetString(null===t.timezone?i.timezone:t.timezone,!0);case"T":return a.charAt(0).toUpperCase();case"TT":return a.toUpperCase();case"t":return a.charAt(0).toLowerCase();case"tt":return a.toLowerCase();default:return e.replace(/'/g,"")}})},$.datepicker._base_selectDate=$.datepicker._selectDate,$.datepicker._selectDate=function(e,t){var i=this._getInst($(e)[0]),s=this._get(i,"timepicker");s&&i.settings.showTimepicker?(s._limitMinMaxDateTime(i,!0),i.inline=i.stay_open=!0,this._base_selectDate(e,t),i.inline=i.stay_open=!1,this._notifyChange(i),this._updateDatepicker(i)):this._base_selectDate(e,t)},$.datepicker._base_updateDatepicker=$.datepicker._updateDatepicker,$.datepicker._updateDatepicker=function(e){var t=e.input[0];if(!($.datepicker._curInst&&$.datepicker._curInst!==e&&$.datepicker._datepickerShowing&&$.datepicker._lastInput!==t||"boolean"==typeof e.stay_open&&e.stay_open!==!1)){this._base_updateDatepicker(e);var i=this._get(e,"timepicker");i&&i._addTimePicker(e)}},$.datepicker._base_doKeyPress=$.datepicker._doKeyPress,$.datepicker._doKeyPress=function(e){var t=$.datepicker._getInst(e.target),i=$.datepicker._get(t,"timepicker");if(i&&$.datepicker._get(t,"constrainInput")){var s=i.support.ampm,a=null!==i._defaults.showTimezone?i._defaults.showTimezone:i.support.timezone,n=$.datepicker._possibleChars($.datepicker._get(t,"dateFormat")),r=(""+i._defaults.timeFormat).replace(/[hms]/g,"").replace(/TT/g,s?"APM":"").replace(/Tt/g,s?"AaPpMm":"").replace(/tT/g,s?"AaPpMm":"").replace(/T/g,s?"AP":"").replace(/tt/g,s?"apm":"").replace(/t/g,s?"ap":"")+" "+i._defaults.separator+i._defaults.timeSuffix+(a?i._defaults.timezoneList.join(""):"")+i._defaults.amNames.join("")+i._defaults.pmNames.join("")+n,l=String.fromCharCode(void 0===e.charCode?e.keyCode:e.charCode);return e.ctrlKey||" ">l||!n||r.indexOf(l)>-1}return $.datepicker._base_doKeyPress(e)},$.datepicker._base_updateAlternate=$.datepicker._updateAlternate,$.datepicker._updateAlternate=function(e){var t=this._get(e,"timepicker");if(t){var i=t._defaults.altField;if(i){var s=(t._defaults.altFormat||t._defaults.dateFormat,this._getDate(e)),a=$.datepicker._getFormatConfig(e),n="",r=t._defaults.altSeparator?t._defaults.altSeparator:t._defaults.separator,l=t._defaults.altTimeSuffix?t._defaults.altTimeSuffix:t._defaults.timeSuffix,o=null!==t._defaults.altTimeFormat?t._defaults.altTimeFormat:t._defaults.timeFormat;n+=$.datepicker.formatTime(o,t,t._defaults)+l,t._defaults.timeOnly||t._defaults.altFieldTimeOnly||null===s||(n=t._defaults.altFormat?$.datepicker.formatDate(t._defaults.altFormat,s,a)+r+n:t.formattedDate+r+n),$(i).val(e.input.val()?n:"")}}else $.datepicker._base_updateAlternate(e)},$.datepicker._base_doKeyUp=$.datepicker._doKeyUp,$.datepicker._doKeyUp=function(e){var t=$.datepicker._getInst(e.target),i=$.datepicker._get(t,"timepicker");if(i&&i._defaults.timeOnly&&t.input.val()!==t.lastVal)try{$.datepicker._updateDatepicker(t)}catch(s){$.timepicker.log(s)}return $.datepicker._base_doKeyUp(e)},$.datepicker._base_gotoToday=$.datepicker._gotoToday,$.datepicker._gotoToday=function(e){var t=this._getInst($(e)[0]),i=t.dpDiv;this._base_gotoToday(e);var s=this._get(t,"timepicker");selectLocalTimezone(s);var a=new Date;this._setTime(t,a),$(".ui-datepicker-today",i).click()},$.datepicker._disableTimepickerDatepicker=function(e){var t=this._getInst(e);if(t){var i=this._get(t,"timepicker");$(e).datepicker("getDate"),i&&(t.settings.showTimepicker=!1,i._defaults.showTimepicker=!1,i._updateDateTime(t))}},$.datepicker._enableTimepickerDatepicker=function(e){var t=this._getInst(e);if(t){var i=this._get(t,"timepicker");$(e).datepicker("getDate"),i&&(t.settings.showTimepicker=!0,i._defaults.showTimepicker=!0,i._addTimePicker(t),i._updateDateTime(t))}},$.datepicker._setTime=function(e,t){var i=this._get(e,"timepicker");if(i){var s=i._defaults;i.hour=t?t.getHours():s.hour,i.minute=t?t.getMinutes():s.minute,i.second=t?t.getSeconds():s.second,i.millisec=t?t.getMilliseconds():s.millisec,i.microsec=t?t.getMicroseconds():s.microsec,i._limitMinMaxDateTime(e,!0),i._onTimeChange(),i._updateDateTime(e)
-}},$.datepicker._setTimeDatepicker=function(e,t,i){var s=this._getInst(e);if(s){var a=this._get(s,"timepicker");if(a){this._setDateFromField(s);var n;t&&("string"==typeof t?(a._parseTime(t,i),n=new Date,n.setHours(a.hour,a.minute,a.second,a.millisec),n.setMicroseconds(a.microsec)):(n=new Date(t.getTime()),n.setMicroseconds(t.getMicroseconds())),"Invalid Date"==""+n&&(n=void 0),this._setTime(s,n))}}},$.datepicker._base_setDateDatepicker=$.datepicker._setDateDatepicker,$.datepicker._setDateDatepicker=function(e,t){var i=this._getInst(e),s=t;if(i){"string"==typeof t&&(s=new Date(t),s.getTime()||(this._base_setDateDatepicker.apply(this,arguments),s=$(e).datepicker("getDate")));var a,n=this._get(i,"timepicker");s instanceof Date?(a=new Date(s.getTime()),a.setMicroseconds(s.getMicroseconds())):a=s,n&&a&&(n.support.timezone||null!==n._defaults.timezone||(n.timezone=-1*a.getTimezoneOffset()),s=$.timepicker.timezoneAdjust(s,n.timezone),a=$.timepicker.timezoneAdjust(a,n.timezone)),this._updateDatepicker(i),this._base_setDateDatepicker.apply(this,arguments),this._setTimeDatepicker(e,a,!0)}},$.datepicker._base_getDateDatepicker=$.datepicker._getDateDatepicker,$.datepicker._getDateDatepicker=function(e,t){var i=this._getInst(e);if(i){var s=this._get(i,"timepicker");if(s){void 0===i.lastVal&&this._setDateFromField(i,t);var a=this._getDate(i);return a&&s._parseTime($(e).val(),s.timeOnly)&&(a.setHours(s.hour,s.minute,s.second,s.millisec),a.setMicroseconds(s.microsec),null!=s.timezone&&(s.support.timezone||null!==s._defaults.timezone||(s.timezone=-1*a.getTimezoneOffset()),a=$.timepicker.timezoneAdjust(a,s.timezone))),a}return this._base_getDateDatepicker(e,t)}},$.datepicker._base_parseDate=$.datepicker.parseDate,$.datepicker.parseDate=function(e,t,i){var s;try{s=this._base_parseDate(e,t,i)}catch(a){if(!(a.indexOf(":")>=0))throw a;s=this._base_parseDate(e,t.substring(0,t.length-(a.length-a.indexOf(":")-2)),i),$.timepicker.log("Error parsing the date string: "+a+"\ndate string = "+t+"\ndate format = "+e)}return s},$.datepicker._base_formatDate=$.datepicker._formatDate,$.datepicker._formatDate=function(e){var t=this._get(e,"timepicker");return t?(t._updateDateTime(e),t.$input.val()):this._base_formatDate(e)},$.datepicker._base_optionDatepicker=$.datepicker._optionDatepicker,$.datepicker._optionDatepicker=function(e,t,i){var s,a=this._getInst(e);if(!a)return null;var n=this._get(a,"timepicker");if(n){var r,l=null,o=null,c=null,u=n._defaults.evnts,m={};if("string"==typeof t){if("minDate"===t||"minDateTime"===t)l=i;else if("maxDate"===t||"maxDateTime"===t)o=i;else if("onSelect"===t)c=i;else if(u.hasOwnProperty(t)){if(i===void 0)return u[t];m[t]=i,s={}}}else if("object"==typeof t){t.minDate?l=t.minDate:t.minDateTime?l=t.minDateTime:t.maxDate?o=t.maxDate:t.maxDateTime&&(o=t.maxDateTime);for(r in u)u.hasOwnProperty(r)&&t[r]&&(m[r]=t[r])}for(r in m)m.hasOwnProperty(r)&&(u[r]=m[r],s||(s=$.extend({},t)),delete s[r]);if(s&&isEmptyObject(s))return;l?(l=0===l?new Date:new Date(l),n._defaults.minDate=l,n._defaults.minDateTime=l):o?(o=0===o?new Date:new Date(o),n._defaults.maxDate=o,n._defaults.maxDateTime=o):c&&(n._defaults.onSelect=c)}return void 0===i?this._base_optionDatepicker.call($.datepicker,e,t):this._base_optionDatepicker.call($.datepicker,e,s||t,i)};var isEmptyObject=function(e){var t;for(t in e)if(e.hasOwnProperty(t))return!1;return!0},extendRemove=function(e,t){$.extend(e,t);for(var i in t)(null===t[i]||void 0===t[i])&&(e[i]=t[i]);return e},detectSupport=function(e){var t=e.replace(/'.*?'/g,"").toLowerCase(),i=function(e,t){return-1!==e.indexOf(t)?!0:!1};return{hour:i(t,"h"),minute:i(t,"m"),second:i(t,"s"),millisec:i(t,"l"),microsec:i(t,"c"),timezone:i(t,"z"),ampm:i(t,"t")&&i(e,"h"),iso8601:i(e,"Z")}},convert24to12=function(e){return e%=12,0===e&&(e=12),e+""},computeEffectiveSetting=function(e,t){return e&&e[t]?e[t]:$.timepicker._defaults[t]},splitDateTime=function(e,t){var i=computeEffectiveSetting(t,"separator"),s=computeEffectiveSetting(t,"timeFormat"),a=s.split(i),n=a.length,r=e.split(i),l=r.length;return l>1?{dateString:r.splice(0,l-n).join(i),timeString:r.splice(0,n).join(i)}:{dateString:e,timeString:""}},parseDateTimeInternal=function(e,t,i,s,a){var n,r,l;if(r=splitDateTime(i,a),n=$.datepicker._base_parseDate(e,r.dateString,s),""===r.timeString)return{date:n};if(l=$.datepicker.parseTime(t,r.timeString,a),!l)throw"Wrong time format";return{date:n,timeObj:l}},selectLocalTimezone=function(e,t){if(e&&e.timezone_select){var i=t||new Date;e.timezone_select.val(-i.getTimezoneOffset())}};$.timepicker=new Timepicker,$.timepicker.timezoneOffsetString=function(e,t){if(isNaN(e)||e>840||-720>e)return e;var i=e,s=i%60,a=(i-s)/60,n=t?":":"",r=(i>=0?"+":"-")+("0"+Math.abs(a)).slice(-2)+n+("0"+Math.abs(s)).slice(-2);return"+00:00"===r?"Z":r},$.timepicker.timezoneOffsetNumber=function(e){var t=(""+e).replace(":","");return"Z"===t.toUpperCase()?0:/^(\-|\+)\d{4}$/.test(t)?("-"===t.substr(0,1)?-1:1)*(60*parseInt(t.substr(1,2),10)+parseInt(t.substr(3,2),10)):e},$.timepicker.timezoneAdjust=function(e,t){var i=$.timepicker.timezoneOffsetNumber(t);return isNaN(i)||e.setMinutes(e.getMinutes()+-e.getTimezoneOffset()-i),e},$.timepicker.timeRange=function(e,t,i){return $.timepicker.handleRange("timepicker",e,t,i)},$.timepicker.datetimeRange=function(e,t,i){$.timepicker.handleRange("datetimepicker",e,t,i)},$.timepicker.dateRange=function(e,t,i){$.timepicker.handleRange("datepicker",e,t,i)},$.timepicker.handleRange=function(e,t,i,s){function a(a,n){var r=t[e]("getDate"),l=i[e]("getDate"),o=a[e]("getDate");if(null!==r){var c=new Date(r.getTime()),u=new Date(r.getTime());c.setMilliseconds(c.getMilliseconds()+s.minInterval),u.setMilliseconds(u.getMilliseconds()+s.maxInterval),s.minInterval>0&&c>l?i[e]("setDate",c):s.maxInterval>0&&l>u?i[e]("setDate",u):r>l&&n[e]("setDate",o)}}function n(t,i,a){if(t.val()){var n=t[e].call(t,"getDate");null!==n&&s.minInterval>0&&("minDate"===a&&n.setMilliseconds(n.getMilliseconds()+s.minInterval),"maxDate"===a&&n.setMilliseconds(n.getMilliseconds()-s.minInterval)),n.getTime&&i[e].call(i,"option",a,n)}}s=$.extend({},{minInterval:0,maxInterval:0,start:{},end:{}},s);var r=!1;return"timepicker"===e&&(r=!0,e="datetimepicker"),$.fn[e].call(t,$.extend({timeOnly:r,onClose:function(){a($(this),i)},onSelect:function(){n($(this),i,"minDate")}},s,s.start)),$.fn[e].call(i,$.extend({timeOnly:r,onClose:function(){a($(this),t)},onSelect:function(){n($(this),t,"maxDate")}},s,s.end)),a(t,i),n(t,i,"minDate"),n(i,t,"maxDate"),$([t.get(0),i.get(0)])},$.timepicker.log=function(e){window.console&&window.console.log(e)},$.timepicker._util={_extendRemove:extendRemove,_isEmptyObject:isEmptyObject,_convert24to12:convert24to12,_detectSupport:detectSupport,_selectLocalTimezone:selectLocalTimezone,_computeEffectiveSetting:computeEffectiveSetting,_splitDateTime:splitDateTime,_parseDateTimeInternal:parseDateTimeInternal},Date.prototype.getMicroseconds||(Date.prototype.microseconds=0,Date.prototype.getMicroseconds=function(){return this.microseconds},Date.prototype.setMicroseconds=function(e){return this.setMilliseconds(this.getMilliseconds()+Math.floor(e/1e3)),this.microseconds=e%1e3,this}),$.timepicker.version="1.4.5"}})(jQuery);
\ No newline at end of file
index f66f9d5160f19081bee50263338946de733fa003..dea229a6dfb2e9add208fe233c68458d96457383 100644 (file)
@@ -566,7 +566,7 @@ WCF.User.QuickLogin = {
                                        
                                        loginForm.style.removeProperty('display');
                                        
-                                       UIDialog.open('loginForm', null, {
+                                       UIDialog.openStatic('loginForm', null, {
                                                title: WCF.Language.get('wcf.user.login')
                                        });
                                });
index 7998f980ee8b1f0f5652e6455b09e1f9c116e7ff..fa008e3490a87376b7bff09a57aea283daf1b90d 100755 (executable)
@@ -2208,253 +2208,15 @@ WCF.Date = {};
 
 /**
  * Provides a date picker for date input fields.
+ * 
+ * @deprecated 2.2 - no longer required
  */
-WCF.Date.Picker = {
-       /**
-        * date format
-        * @var string
-        */
-       _dateFormat: 'yy-mm-dd',
-       
-       /**
-        * time format
-        * @var string
-        */
-       _timeFormat: 'g:ia',
-       
-       /**
-        * Initializes the jQuery UI based date picker.
-        */
-       init: function() {
-               // ignore error 'unexpected literal' error; this might be not the best approach
-               // to fix this problem, but since the date is properly processed anyway, we can
-               // simply continue :)   - Alex
-               var $__log = $.timepicker.log;
-               $.timepicker.log = function(error) {
-                       if (error.indexOf('Error parsing the date/time string: Unexpected literal at position') == -1 && error.indexOf('Error parsing the date/time string: Unknown name at position') == -1) {
-                               $__log(error);
-                       }
-               };
-               
-               this._convertDateFormat();
-               this._initDatePicker();
-               WCF.DOMNodeInsertedHandler.addCallback('WCF.Date.Picker', $.proxy(this._initDatePicker, this));
-       },
-       
-       /**
-        * Convert PHPs date() format to jQuery UIs date picker format.
-        */
-       _convertDateFormat: function() {
-               // replacement table
-               // format of PHP date() => format of jQuery UI date picker
-               //
-               // No equivalence in PHP date():
-               // oo   day of the year (three digit)
-               // !    Windows ticks (100ns since 01/01/0001)
-               //
-               // No equivalence in jQuery UI date picker:
-               // N    ISO-8601 numeric representation of the day of the week
-               // w    Numeric representation of the day of the week
-               // W    ISO-8601 week number of year, weeks starting on Monday
-               // t    Number of days in the given month
-               // L    Whether it's a leap year
-               var $replacementTable = {
-                       // time
-                       'a': 'tt',
-                       'A': 'TT',
-                       'g': 'h',
-                       'G': 'H',
-                       'h': 'hh',
-                       'H': 'HH',
-                       'i': 'mm',
-                       's': 'ss',
-                       'u': 'l',
-                       
-                       // day
-                       'd': 'dd',
-                       'D': 'D',
-                       'j': 'd',
-                       'l': 'DD',
-                       'z': 'o',
-                       'S': '', // English ordinal suffix for the day of the month, 2 characters, will be discarded
-                       
-                       // month
-                       'F': 'MM',
-                       'm': 'mm',
-                       'M': 'M',
-                       'n': 'm',
-                       
-                       // year
-                       'o': 'yy',
-                       'Y': 'yy',
-                       'y': 'y',
-                       
-                       // timestamp
-                       'U': '@'
-               };
-               
-               // do the actual replacement
-               // this is not perfect, but a basic implementation and should work in 99% of the cases
-               this._dateFormat = WCF.Language.get('wcf.date.dateFormat').replace(/([^dDjlzSFmMnoYyU\\]*(?:\\.[^dDjlzSFmMnoYyU\\]*)*)([dDjlzSFmMnoYyU])/g, function(match, part1, part2, offset, string) {
-                       for (var $key in $replacementTable) {
-                               if (part2 == $key) {
-                                       part2 = $replacementTable[$key];
-                               }
-                       }
-                       
-                       return part1 + part2;
-               });
-               
-               this._timeFormat = WCF.Language.get('wcf.date.timeFormat').replace(/([^aAgGhHisu\\]*(?:\\.[^aAgGhHisu\\]*)*)([aAgGhHisu])/g, function(match, part1, part2, offset, string) {
-                       for (var $key in $replacementTable) {
-                               if (part2 == $key) {
-                                       part2 = $replacementTable[$key];
-                               }
-                       }
-                       
-                       return part1 + part2;
-               });
-       },
-       
-       /**
-        * Initializes the date picker for valid fields.
-        */
-       _initDatePicker: function() {
-               $('input[type=date]:not(.jsDatePicker), input[type=datetime]:not(.jsDatePicker)').each($.proxy(function(index, input) {
-                       var $input = $(input);
-                       var $inputName = $input.prop('name');
-                       var $inputValue = $input.val(); // should be Y-m-d (H:i:s), must be interpretable by Date
-                       
-                       var $hasTime = $input.attr('type') == 'datetime';
-                       
-                       // update $input
-                       $input.prop('type', 'text').addClass('jsDatePicker');
-                       
-                       // set placeholder
-                       if ($input.data('placeholder')) $input.attr('placeholder', $input.data('placeholder'));
-                       
-                       // insert a hidden element representing the actual date
-                       $input.removeAttr('name');
-                       $input.before('<input type="hidden" id="' + $input.wcfIdentify() + 'DatePicker" name="' + $inputName + '" value="' + $inputValue + '" />');
-                       
-                       // max- and mindate
-                       var $maxDate = $input.attr('max') ? new Date($input.attr('max').replace(' ', 'T')) : null;
-                       var $minDate = $input.attr('min') ? new Date($input.attr('min').replace(' ', 'T')) : null;
-                       
-                       // init date picker
-                       var $options = {
-                               altField: '#' + $input.wcfIdentify() + 'DatePicker',
-                               altFormat: 'yy-mm-dd', // PHPs strtotime() understands this best
-                               beforeShow: function(input, instance) {
-                                       // dirty hack to force opening below the input
-                                       setTimeout(function() {
-                                               instance.dpDiv.position({
-                                                       my: 'left top',
-                                                       at: 'left bottom',
-                                                       collision: 'none',
-                                                       of: input
-                                               });
-                                       }, 1);
-                               },
-                               changeMonth: true,
-                               changeYear: true,
-                               dateFormat: this._dateFormat,
-                               dayNames: WCF.Language.get('__days'),
-                               dayNamesMin: WCF.Language.get('__daysShort'),
-                               dayNamesShort: WCF.Language.get('__daysShort'),
-                               firstDay: parseInt(WCF.Language.get('wcf.date.firstDayOfTheWeek')) || 0,
-                               isRTL: WCF.Language.get('wcf.global.pageDirection') == 'rtl',
-                               maxDate: $maxDate,
-                               minDate: $minDate,
-                               monthNames: WCF.Language.get('__months'),
-                               monthNamesShort: WCF.Language.get('__monthsShort'),
-                               showButtonPanel: false,
-                               onClose: function(dateText, datePicker) {
-                                       // clear altField when datepicker is cleared
-                                       if (dateText == '') {
-                                               $(datePicker.settings["altField"]).val(dateText);
-                                       }
-                               },
-                               showOtherMonths: true,
-                               yearRange: ($input.hasClass('birthday') ? '-100:+0' : '1900:2038')
-                       };
-                       
-                       if ($hasTime) {
-                               // drop the seconds
-                               if (/[0-9]{2}:[0-9]{2}:[0-9]{2}$/.test($inputValue)) {
-                                       $inputValue = $inputValue.replace(/:[0-9]{2}$/, '');
-                                       $input.val($inputValue);
-                               }
-                               $inputValue = $inputValue.replace(' ', 'T');
-                               
-                               // Date objects require a date and a time, thus
-                               // add the current date to a time only-value
-                               if ($input.data('timeOnly')) {
-                                       var $dateComponents = $inputValue.split(':');
-                                       var $date = new Date();
-                                       $date.setHours($dateComponents[0]);
-                                       $date.setMinutes($dateComponents[1]);
-                                       $date.setSeconds(0);
-                                       
-                                       $inputValue = $date.toString();
-                               }
-                               
-                               if ($input.data('ignoreTimezone')) {
-                                       var $timezoneOffset = new Date($inputValue).getTimezoneOffset();
-                                       var $timezone = ($timezoneOffset > 0) ? '-' : '+'; // -120 equals GMT+0200
-                                       $timezoneOffset = Math.abs($timezoneOffset);
-                                       var $hours = (Math.floor($timezoneOffset / 60)).toString();
-                                       var $minutes = ($timezoneOffset % 60).toString();
-                                       $timezone += ($hours.length == 2) ? $hours : '0' + $hours;
-                                       $timezone += ':';
-                                       $timezone += ($minutes.length == 2) ? $minutes : '0' + $minutes;
-                                       
-                                       $inputValue = $inputValue.replace(/[+-][0-9]{2}:[0-9]{2}$/, $timezone);
-                               }
-                               
-                               $options = $.extend($options, {
-                                       altFieldTimeOnly: false,
-                                       altTimeFormat: 'HH:mm',
-                                       controlType: 'select',
-                                       hourText: WCF.Language.get('wcf.date.hour'),
-                                       minuteText: WCF.Language.get('wcf.date.minute'),
-                                       showTime: false,
-                                       timeFormat: this._timeFormat,
-                                       timeOnly: $input.data('timeOnly') ? true : false,
-                                       yearRange: ($input.hasClass('birthday') ? '-100:+0' : '1900:2038')
-                               });
-                       }
-                       
-                       if ($hasTime) {
-                               $input.datetimepicker($options);
-                       }
-                       else {
-                               $input.datepicker($options);
-                       }
-                       
-                       // format default date
-                       if ($inputValue) {
-                               $inputValue = new Date($inputValue);
-                               if (!$hasTime) {
-                                       // drop timezone for date-only input
-                                       $inputValue.setMinutes($inputValue.getMinutes() + $inputValue.getTimezoneOffset());
-                               }
-                               
-                               $input.datepicker('setDate', $inputValue);
-                       }
-                       
-                       // bug workaround: setDate creates the widget but unfortunately doesn't hide it...
-                       $input.datepicker('widget').hide();
-                       
-                       if ($input.data('timeOnly')) {
-                               $input.datepicker('widget').addClass('timeOnlyPicker');
-                       }
-               }, this));
-       }
-};
+WCF.Date.Picker = { init: function() {} };
 
 /**
  * Provides utility functions for date operations.
+ * 
+ * @deprecated 2.2 - use `DateUtil` instead
  */
 WCF.Date.Util = {
        /**
@@ -2462,6 +2224,8 @@ WCF.Date.Util = {
         * 
         * @param       Date            date
         * @return      integer
+        * 
+        * @deprecated  2.2 - use `DateUtil::gmdate()` instead
         */
        gmdate: function(date) {
                var $date = (date) ? date : new Date();
@@ -2483,6 +2247,8 @@ WCF.Date.Util = {
         * @param       integer         timestamp
         * @param       integer         offset
         * @return      Date
+        * 
+        * @deprecated  2.2 - use `DateUtil::getTimezoneDate()` instead
         */
        getTimezoneDate: function(timestamp, offset) {
                var $date = new Date(timestamp);
@@ -8562,16 +8328,57 @@ $.widget('ui.wcfSlideshow', {
        }
 });
 
+jQuery.fn.extend({
+       datepicker: function(method) {
+               var element = this[0], parameters = Array.prototype.slice.call(arguments, 1);
+               
+               switch (method) {
+                       case 'destroy':
+                               window.__wcf_bc_datePicker.destroy(element);
+                               break;
+                               
+                       case 'getDate':
+                               return window.__wcf_bc_datePicker.getDate(element);
+                               break;
+                               
+                       case 'option':
+                               if (parameters[0] === 'onClose') {
+                                       return function() {};
+                               }
+                               
+                               console.warn("datepicker('option') supports only 'onClose'.");
+                               break;
+                               
+                       case 'setDate':
+                               window.__wcf_bc_datePicker.setDate(element, parameters[0]);
+                               break;
+                               
+                       case 'setOption':
+                               if (parameters[0] === 'onClose') {
+                                       window.__wcf_bc_datePicker.setCloseCallback(element, parameters[1]);
+                               }
+                               else {
+                                       console.warn("datepicker('setOption') supports only 'onClose'.");
+                               }
+                               break;
+                               
+                       default:
+                               console.debug("Unsupported method '" + method + "' for datepicker()");
+                               break;
+               }
+       }
+});
+
 jQuery.fn.extend({
        wcfTabs: function(method) {
-               var parameters = arguments;
+               var element = this[0], parameters = Array.prototype.slice.call(arguments, 1);
                
-               require(['DOM/Util', 'WoltLab/WCF/UI/TabMenu'], (function(DOMUtil, TabMenu) {
-                       var container = TabMenu.getTabMenu(DOMUtil.identify(this[0]));
+               require(['DOM/Util', 'WoltLab/WCF/UI/TabMenu'], function(DOMUtil, TabMenu) {
+                       var container = TabMenu.getTabMenu(DOMUtil.identify(element));
                        if (container !== null) {
-                               container[method].apply(container, Array.prototype.slice.call(parameters, 1));
+                               container[method].apply(container, parameters);
                        }
-               }).bind(this));
+               });
        }
 });
 
index c0db4f006a858407ef769fbd7c200b1ca58b058e..306f0268213e5c7e23029f87f34ae4666b8a3ea6 100644 (file)
@@ -6,7 +6,16 @@
  * @license    GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
  * @module     WoltLab/WCF/BootstrapFrontend
  */
-define(['Ajax', 'WoltLab/WCF/Bootstrap', 'WoltLab/WCF/Controller/Sitemap', 'WoltLab/WCF/Controller/Style/Changer', 'WoltLab/WCF/Controller/Popover'], function(Ajax, Bootstrap, ControllerSitemap, ControllerStyleChanger, ControllerPopover) {
+define(
+       [
+               'Ajax',                           'WoltLab/WCF/Bootstrap',   'WoltLab/WCF/Controller/Sitemap', 'WoltLab/WCF/Controller/Style/Changer',
+               'WoltLab/WCF/Controller/Popover', 'WoltLab/WCF/Date/Picker'
+       ],
+       function(
+               Ajax,                              Bootstrap,                 ControllerSitemap,                ControllerStyleChanger,
+               ControllerPopover,                 DatePicker
+       )
+{
        "use strict";
        
        /**
@@ -22,6 +31,7 @@ define(['Ajax', 'WoltLab/WCF/Bootstrap', 'WoltLab/WCF/Controller/Sitemap', 'Wolt
                        Bootstrap.setup();
                        
                        ControllerSitemap.setup();
+                       DatePicker.init();
                        
                        if (options.styleChanger) {
                                ControllerStyleChanger.setup();
index 5fe631d18fd48e87ff547fb42b45343e5edcceb1..c15ac8faa8625841790b16faa0f7e5ea777962c5 100644 (file)
@@ -86,8 +86,10 @@ define(
                                
                                if (containerData === undefined) {
                                        var markAll = container.querySelector('.jsClipboardMarkAll');
-                                       markAll.setAttribute('data-container-id', containerId);
-                                       markAll.addEventListener('click', this._markAll.bind(this));
+                                       if (markAll !== null) {
+                                               markAll.setAttribute('data-container-id', containerId);
+                                               markAll.addEventListener('click', this._markAll.bind(this));
+                                       }
                                        
                                        containerData = {
                                                checkboxes: container.getElementsByClassName('jsClipboardItem'),
index 033823426c9b6df1889b0e9e161221befba31167..99d7e14d116d497fa5b6f0a24f52aefd9df05500 100644 (file)
@@ -42,7 +42,7 @@ define(['Ajax', 'Language', 'UI/Dialog'], function(Ajax, Language, UIDialog) {
                showDialog: function(event) {
                        event.preventDefault();
                        
-                       UIDialog.show(this);
+                       UIDialog.open(this);
                },
                
                _dialogSetup: function() {
diff --git a/wcfsetup/install/files/js/WoltLab/WCF/Date/Picker.js b/wcfsetup/install/files/js/WoltLab/WCF/Date/Picker.js
new file mode 100644 (file)
index 0000000..1f2d870
--- /dev/null
@@ -0,0 +1,715 @@
+/**
+ * Date picker with time support.
+ * 
+ * @author     Alexander Ebert
+ * @copyright  2001-2015 WoltLab GmbH
+ * @license    GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @module     WoltLab/WCF/Date/Picker
+ */
+define(['DateUtil', 'Language', 'ObjectMap', 'DOM/ChangeListener', 'UI/Alignment', 'WoltLab/WCF/UI/CloseOverlay'], function(DateUtil, Language, ObjectMap, DOMChangeListener, UIAlignment, UICloseOverlay) {
+       "use strict";
+       
+       var _didInit = false;
+       var _firstDayOfWeek = 0;
+       
+       var _data = new ObjectMap();
+       var _input = null;
+       var _maxDate = 0;
+       var _minDate = 0;
+       
+       var _dateCells = [];
+       var _dateGrid = null;
+       var _dateHour = null;
+       var _dateMinute = null;
+       var _dateMonth = null;
+       var _dateMonthNext = null;
+       var _dateMonthPrevious = null;
+       var _dateTime = null;
+       var _dateYear = null;
+       var _datePicker = null;
+       
+       var _callbackOpen = null;
+       
+       /**
+        * @exports     WoltLab/WCF/Date/Picker
+        */
+       var DatePicker = {
+               /**
+                * Initializes all date and datetime input fields.
+                */
+               init: function() {
+                       this._setup();
+                       
+                       var elements = document.querySelectorAll('input[type="date"]:not(.inputDatePicker), input[type="datetime"]:not(.inputDatePicker)');
+                       var now = new Date();
+                       for (var i = 0, length = elements.length; i < length; i++) {
+                               var element = elements[i];
+                               element.classList.add('inputDatePicker');
+                               element.readOnly = true;
+                               
+                               var isDateTime = (element.getAttribute('type') === 'datetime');
+                               
+                               element.setAttribute('data-is-date-time', isDateTime);
+                               
+                               // convert value
+                               var date = null, value = element.getAttribute('value') || '';
+                               if (element.getAttribute('value')) {
+                                       date = new Date(value);
+                                       element.setAttribute('data-value', date.getTime());
+                                       value = DateUtil['formatDate' + (isDateTime ? 'Time' : '')](date);
+                               }
+                               
+                               var isEmpty = (value.length === 0);
+                               
+                               // handle birthday input
+                               if (element.classList.contains('birthday')) {
+                                       element.setAttribute('data-min-date', '100');
+                                       element.setAttribute('data-max-date', 'now');
+                               }
+                               
+                               this._initDateRange(element, now, true);
+                               this._initDateRange(element, now, false);
+                               
+                               if (element.getAttribute('data-min-date') === element.getAttribute('data-max-date')) {
+                                       throw new Error("Minimum and maximum date cannot be the same (element id '" + element.id + "').");
+                               }
+                               
+                               // change type to prevent browser's datepicker to trigger
+                               element.type = 'text';
+                               element.value = value;
+                               element.setAttribute('data-empty', isEmpty);
+                               
+                               if (element.getAttribute('data-placeholder')) {
+                                       element.setAttribute('placeholder', element.getAttribute('data-placeholder'));
+                               }
+                               
+                               // add a hidden element to hold the actual date
+                               var shadowElement = document.createElement('input');
+                               shadowElement.id = element.id + 'DatePicker';
+                               shadowElement.name = element.name;
+                               shadowElement.type = 'hidden';
+                               
+                               if (date !== null) {
+                                       shadowElement.value = DateUtil.format(date, (isDateTime) ? 'c' : 'Y-m-d');
+                               }
+                               
+                               element.parentNode.insertBefore(shadowElement, element);
+                               element.removeAttribute('name');
+                               
+                               element.addEventListener('click', _callbackOpen);
+                               
+                               // create input addon
+                               var container = document.createElement('div');
+                               container.className = 'inputAddon';
+                               
+                               var button = document.createElement('a');
+                               button.className = 'inputSuffix';
+                               button.addEventListener('click', _callbackOpen);
+                               container.appendChild(button);
+                               
+                               var icon = document.createElement('span');
+                               icon.className = 'icon icon16 fa-calendar';
+                               button.appendChild(icon);
+                               
+                               element.parentNode.insertBefore(container, element);
+                               container.insertBefore(element, button);
+                               
+                               _data.set(element, {
+                                       shadow: shadowElement,
+                                       
+                                       isDateTime: isDateTime,
+                                       isEmpty: isEmpty,
+                                       
+                                       onClose: null
+                               });
+                       }
+               },
+               
+               /**
+                * Initializes the minimum/maximum date range.
+                * 
+                * @param       {Element}       element         input element
+                * @param       {Date}          now             current date
+                * @param       {boolean}       isMinDate       true for the minimum date
+                */
+               _initDateRange: function(element, now, isMinDate) {
+                       var attribute = 'data-' + (isMinDate ? 'min' : 'max') + '-date';
+                       var value = (element.hasAttribute(attribute)) ? element.getAttribute(attribute).trim() : '';
+                       
+                       if (value.match(/^(\d{4})-(\d{2})-(\d{2})$/)) {
+                               // YYYY-mm-dd
+                               value = new Date(value).getTime();
+                       }
+                       else if (value === 'now') {
+                               value = now.getTime();
+                       }
+                       else if (value.match(/^\d{1,3}$/)) {
+                               // relative time span in years
+                               var date = new Date(now.getTime());
+                               date.setFullYear(date.getFullYear() + ~~value * (isMinDate ? -1 : 1));
+                               
+                               value = date.getTime();
+                       }
+                       else if (value.match(/^datePicker-(.+)$/)) {
+                               // element id, e.g. `datePicker-someOtherElement`
+                               value = RegExp.$1;
+                               
+                               if (document.getElementById(value) === null) {
+                                       throw new Error("Reference date picker identified by '" + value + "' does not exists (element id: '" + element.id + "').");
+                               }
+                       }
+                       else {
+                               value = new Date((isMinDate ? 1970 : 2038), 0, 1).getTime();
+                       }
+                       
+                       element.setAttribute(attribute, value);
+               },
+               
+               /**
+                * Sets up callbacks and event listeners.
+                */
+               _setup: function() {
+                       if (_didInit) return;
+                       _didInit = true;
+                       
+                       _firstDayOfWeek = ~~Language.get('wcf.date.firstDayOfTheWeek');
+                       _callbackOpen = this._open.bind(this);
+                       
+                       DOMChangeListener.add('WoltLab/WCF/Date/Picker', this.init.bind(this));
+                       UICloseOverlay.add('WoltLab/WCF/Date/Picker', this._close.bind(this));
+               },
+               
+               /**
+                * Opens the date picker.
+                * 
+                * @param       {object}        event           event object
+                */
+               _open: function(event) {
+                       event.preventDefault();
+                       event.stopPropagation();
+                       
+                       this._createPicker();
+                       
+                       var input = (event.currentTarget.nodeName === 'INPUT') ? event.currentTarget : event.currentTarget.previousElementSibling;
+                       if (input === _input) {
+                               return;
+                       }
+                       
+                       _input = input;
+                       var data = _data.get(_input), date, value = _input.getAttribute('data-value');
+                       if (value) {
+                               date = new Date(+value);
+                               
+                               if (Number.isNaN(date.valueOf())) {
+                                       date = new Date();
+                               }
+                       }
+                       else {
+                               date = new Date();
+                       }
+                       
+                       // set min/max date
+                       _minDate = _input.getAttribute('data-min-date');
+                       if (_minDate.match(/^datePicker-(.+)$/)) _minDate = document.getElementById(RegExp.$1).getAttribute('data-value');
+                       _minDate = new Date(+_minDate);
+                       
+                       _maxDate = _input.getAttribute('data-max-date');
+                       if (_maxDate.match(/^datePicker-(.+)$/)) _maxDate = document.getElementById(RegExp.$1).getAttribute('data-value');
+                       _maxDate = new Date(+_maxDate);
+                       
+                       if (data.isDateTime) {
+                               _dateHour.value = date.getHours();
+                               _dateMinute.value = date.getMinutes();
+                       }
+                       
+                       this._renderPicker(date.getDate(), date.getMonth(), date.getFullYear());
+                       
+                       UIAlignment.set(_datePicker, _input, { pointer: true });
+               },
+               
+               /**
+                * Closes the date picker.
+                */
+               _close: function() {
+                       if (_datePicker !== null && _datePicker.classList.contains('active')) {
+                               _datePicker.classList.remove('active');
+                               
+                               var data = _data.get(_input);
+                               if (typeof data.onClose === 'function') {
+                                       data.onClose();
+                               }
+                               
+                               _input = null;
+                               _minDate = 0;
+                               _maxDate = 0;
+                       }
+               },
+               
+               /**
+                * Renders the full picker on init.
+                * 
+                * @param       {integer}       day
+                * @param       {integer}       month
+                * @param       {integer}       year
+                */
+               _renderPicker: function(day, month, year) {
+                       this._renderGrid(day, month, year);
+                       
+                       // create options for month and year
+                       var years = '';
+                       for (var i = _minDate.getFullYear(), last = _maxDate.getFullYear(); i <= last; i++) {
+                               years += '<option value="' + i + '">' + i + '</option>';
+                       }
+                       _dateYear.innerHTML = years;
+                       _dateYear.value = year;
+                       
+                       _dateMonth.value = month;
+                       
+                       _datePicker.classList.add('active');
+               },
+               
+               /**
+                * Updates the date grid.
+                * 
+                * @param       {integer}       day
+                * @param       {integer}       month
+                * @param       {integer}       year
+                */
+               _renderGrid: function(day, month, year) {
+                       var cell, hasDay = (day !== undefined), hasMonth = (month !== undefined);
+                       
+                       day = ~~day || ~~_dateGrid.getAttribute('data-day');
+                       month = ~~month;
+                       year = ~~year;
+                       
+                       // rebuild cells
+                       if (hasMonth || year) {
+                               var rebuildMonths = (year !== 0);
+                               
+                               // rebuild grid
+                               var fragment = document.createDocumentFragment();
+                               fragment.appendChild(_dateGrid);
+                               
+                               if (!hasMonth) month = ~~_dateGrid.getAttribute('data-month');
+                               year = year || ~~_dateGrid.getAttribute('data-year');
+                               
+                               // check if current selection exceeds min/max date
+                               var date = new Date(year + '-' + ('0' + (month + 1).toString()).slice(-2) + '-' + ('0' + day.toString()).slice(-2));
+                               if (date < _minDate) {
+                                       year = _minDate.getFullYear();
+                                       month = _minDate.getMonth();
+                                       day = _minDate.getDate();
+                                       
+                                       _dateMonth.value = month;
+                                       _dateYear.value = year;
+                                       
+                                       rebuildMonths = true;
+                               }
+                               else if (date > _maxDate) {
+                                       year = _maxDate.getFullYear();
+                                       month = _maxDate.getMonth();
+                                       day = _maxDate.getDate();
+                                       
+                                       _dateMonth.value = month;
+                                       _dateYear.value = year;
+                                       
+                                       rebuildMonths = true;
+                               }
+                               
+                               date = new Date(year + '-' + ('0' + (month + 1).toString()).slice(-2) + '-01');
+                               
+                               // shift until first displayed day equals first day of week
+                               while (date.getDay() !== _firstDayOfWeek) {
+                                       date.setDate(date.getDate() - 1);
+                               }
+                               
+                               var selectable;
+                               for (var i = 0; i < 35; i++) {
+                                       cell = _dateCells[i];
+                                       
+                                       cell.textContent = date.getDate();
+                                       selectable = (date.getMonth() === month);
+                                       if (selectable) {
+                                               if (date < _minDate) selectable = false;
+                                               else if (date > _maxDate) selectable = false;
+                                       }
+                                       
+                                       cell.classList[selectable ? 'remove' : 'add']('otherMonth');
+                                       date.setDate(date.getDate() + 1); 
+                               }
+                               
+                               _dateGrid.setAttribute('data-month', month);
+                               _dateGrid.setAttribute('data-year', year);
+                               
+                               _datePicker.insertBefore(fragment, _dateTime);
+                               
+                               if (!hasDay) {
+                                       // check if date is valid
+                                       date = new Date(year, month, day);
+                                       if (date.getDate() !== day) {
+                                               while (date.getMonth() !== month) {
+                                                       date.setDate(date.getDate() - 1);
+                                               }
+                                               
+                                               day = date.getDate();
+                                       }
+                               }
+                               
+                               if (rebuildMonths) {
+                                       for (var i = 0; i < 12; i++) {
+                                               var currentMonth = _dateMonth.children[i];
+                                               
+                                               currentMonth.disabled = (year === _minDate.getFullYear() && currentMonth.value < _minDate.getMonth()) || (year === _maxDate.getFullYear() && currentMonth.value > _maxDate.getMonth());
+                                       }
+                                       
+                                       var nextMonth = new Date(year + '-' + ('0' + (month + 1).toString()).slice(-2) + '-01');
+                                       nextMonth.setMonth(nextMonth.getMonth() + 1);
+                                       
+                                       _dateMonthNext.classList[(nextMonth < _maxDate) ? 'add' : 'remove']('active');
+                                       
+                                       var previousMonth = new Date(year + '-' + ('0' + (month + 1).toString()).slice(-2) + '-01');
+                                       previousMonth.setDate(previousMonth.getDate() - 1);
+                                       
+                                       _dateMonthPrevious.classList[(previousMonth > _minDate) ? 'add' : 'remove']('active');
+                               }
+                       }
+                       
+                       // update active day
+                       if (day) {
+                               for (var i = 0; i < 35; i++) {
+                                       cell = _dateCells[i];
+                                       
+                                       cell.classList[(!cell.classList.contains('otherMonth') && ~~cell.textContent === day) ? 'add' : 'remove']('active');
+                               }
+                               
+                               _dateGrid.setAttribute('data-day', day);
+                       }
+                       
+                       this._formatValue();
+               },
+               
+               /**
+                * Sets the visible and shadow value
+                */
+               _formatValue: function() {
+                       var data = _data.get(_input), date, value, shadowValue;
+                       
+                       if (_input.getAttribute('data-empty') === 'true') {
+                               return;
+                       }
+                       
+                       if (data.isDateTime) {
+                               date = new Date(
+                                       _dateGrid.getAttribute('data-year'),
+                                       _dateGrid.getAttribute('data-month'),
+                                       _dateGrid.getAttribute('data-day'),
+                                       _dateHour.value,
+                                       _dateMinute.value
+                               );
+                               
+                               value = DateUtil.formatDateTime(date);
+                               shadowValue = DateUtil.format(date, 'c');
+                       }
+                       else {
+                               date = new Date(
+                                       _dateGrid.getAttribute('data-year'),
+                                       _dateGrid.getAttribute('data-month'),
+                                       _dateGrid.getAttribute('data-day')
+                               );
+                               
+                               value = DateUtil.formatDate(date);
+                               shadowValue = DateUtil.format(date, 'Y-m-d');
+                       }
+                       
+                       _input.value = value;
+                       _input.setAttribute('data-value', date.getTime());
+                       data.shadow.value = shadowValue;
+               },
+               
+               /**
+                * Creates the date picker DOM.
+                */
+               _createPicker: function() {
+                       if (_datePicker !== null) {
+                               return;
+                       }
+                       
+                       _datePicker = document.createElement('div');
+                       _datePicker.className = 'datePicker';
+                       _datePicker.addEventListener('click', function(event) { event.stopPropagation(); });
+                       
+                       var pointer = document.createElement('span');
+                       pointer.className = 'elementPointer';
+                       pointer.innerHTML = '<span></span>';
+                       _datePicker.appendChild(pointer);
+                       
+                       var header = document.createElement('header');
+                       _datePicker.appendChild(header);
+                       
+                       _dateMonthPrevious = document.createElement('a');
+                       _dateMonthPrevious.className = 'icon icon16 fa-arrow-left previous';
+                       _dateMonthPrevious.addEventListener('click', this.previousMonth.bind(this));
+                       header.appendChild(_dateMonthPrevious);
+                       
+                       var monthYearContainer = document.createElement('span');
+                       header.appendChild(monthYearContainer);
+                       
+                       _dateMonth = document.createElement('select');
+                       _dateMonth.className = 'month';
+                       _dateMonth.addEventListener('change', this._changeMonth.bind(this));
+                       monthYearContainer.appendChild(_dateMonth);
+                       
+                       var months = '', monthNames = Language.get('__monthsShort');
+                       for (var i = 0; i < 12; i++) {
+                               months += '<option value="' + i + '">' + monthNames[i] + '</option>';
+                       }
+                       _dateMonth.innerHTML = months;
+                       
+                       _dateYear = document.createElement('select');
+                       _dateYear.className = 'year';
+                       _dateYear.addEventListener('change', this._changeYear.bind(this));
+                       monthYearContainer.appendChild(_dateYear);
+                       
+                       _dateMonthNext = document.createElement('a');
+                       _dateMonthNext.className = 'icon icon16 fa-arrow-right next';
+                       _dateMonthNext.addEventListener('click', this.nextMonth.bind(this));
+                       header.appendChild(_dateMonthNext);
+                       
+                       _dateGrid = document.createElement('ul');
+                       _datePicker.appendChild(_dateGrid);
+                       
+                       var item = document.createElement('li');
+                       item.className = 'weekdays';
+                       _dateGrid.appendChild(item);
+                       
+                       var span, weekdays = Language.get('__daysShort');
+                       for (var i = 0; i < 7; i++) {
+                               var day = i + _firstDayOfWeek;
+                               if (day > 6) day -= 7;
+                               
+                               span = document.createElement('span');
+                               span.textContent = weekdays[day];
+                               item.appendChild(span);
+                       }
+                       
+                       // create date grid
+                       var callbackClick = this._click.bind(this), cell, row;
+                       for (var i = 0; i < 5; i++) {
+                               row = document.createElement('li');
+                               _dateGrid.appendChild(row);
+                               
+                               for (var j = 0; j < 7; j++) {
+                                       cell = document.createElement('a');
+                                       cell.addEventListener('click', callbackClick);
+                                       _dateCells.push(cell);
+                                       
+                                       row.appendChild(cell);
+                               }
+                       }
+                       
+                       _dateTime = document.createElement('footer');
+                       _datePicker.appendChild(_dateTime);
+                       
+                       _dateHour = document.createElement('select');
+                       _dateHour.className = 'hour';
+                       _dateHour.addEventListener('change', this._formatValue.bind(this));
+                       
+                       var tmp = '';
+                       var date = new Date(2000, 0, 1);
+                       var timeFormat = Language.get('wcf.date.timeFormat').replace(/:/, '').replace(/[isu]/g, '');
+                       for (var i = 0; i < 24; i++) {
+                               date.setHours(i);
+                               tmp += '<option value="' + i + '">' + DateUtil.format(date, timeFormat) + "</option>";
+                       }
+                       _dateHour.innerHTML = tmp;
+                       
+                       _dateTime.appendChild(_dateHour);
+                       
+                       _dateTime.appendChild(document.createTextNode('\u00A0:\u00A0'));
+                       
+                       _dateMinute = document.createElement('select');
+                       _dateMinute.className = 'minute';
+                       _dateMinute.addEventListener('change', this._formatValue.bind(this));
+                       
+                       var tmp = '';
+                       for (var i = 0; i < 60; i++) {
+                               tmp += '<option value="' + i + '">' + (i < 10 ? '0' + i.toString() : i) + '</option>';
+                       }
+                       _dateMinute.innerHTML = tmp;
+                       
+                       _dateTime.appendChild(_dateMinute);
+                       
+                       document.body.appendChild(_datePicker);
+               },
+               
+               /**
+                * Shows the previous month.
+                */
+               previousMonth: function() {
+                       if (_dateMonth.value === '0') {
+                               _dateMonth.value = 11;
+                               _dateYear.value = ~~_dateYear.value - 1;
+                       }
+                       else {
+                               _dateMonth.value = ~~_dateMonth.value - 1;
+                       }
+                       
+                       this._renderGrid(undefined, _dateMonth.value, _dateYear.value);
+               },
+               
+               /**
+                * Shows the next month.
+                */
+               nextMonth: function() {
+                       if (_dateMonth.value === '11') {
+                               _dateMonth.value = 0;
+                               _dateYear.value = ~~_dateYear.value + 1;
+                       }
+                       else {
+                               _dateMonth.value = ~~_dateMonth.value + 1;
+                       }
+                       
+                       this._renderGrid(undefined, _dateMonth.value, _dateYear.value);
+               },
+               
+               /**
+                * Handles changes to the month select element.
+                * 
+                * @param       {object}        event           event object
+                */
+               _changeMonth: function(event) {
+                       this._renderGrid(undefined, event.currentTarget.value);
+               },
+               
+               /**
+                * Handles changes to the year select element.
+                * 
+                * @param       {object}        event           event object
+                */
+               _changeYear: function(event) {
+                       this._renderGrid(undefined, undefined, event.currentTarget.value);
+               },
+               
+               /**
+                * Handles clicks on an individual day.
+                * 
+                * @param       {object}        event           event object
+                */
+               _click: function(event) {
+                       if (event.currentTarget.classList.contains('otherMonth')) {
+                               return;
+                       }
+                       
+                       _input.setAttribute('data-empty', false);
+                       
+                       this._renderGrid(event.currentTarget.textContent);
+                       
+                       this._close();
+               },
+               
+               /**
+                * Returns the current Date object or null.
+                * 
+                * @param       {(Element|string)}      element         input element or id
+                * @return      {?Date}                 Date object or null
+                */
+               getDate: function(element) {
+                       element = this._getElement(element);
+                       
+                       if (element.hasAttribute('data-value')) {
+                               return new Date(+element.getAttribute('data-value'));
+                       }
+                       
+                       return null;
+               },
+               
+               /**
+                * Sets the date of given element.
+                * 
+                * @param       {(Element|string)}      element         input element or id
+                * @param       {Date}                  date            Date object
+                */
+               setDate: function(element, date) {
+                       element = this._getElement(element);
+                       var data = _data.get(element);
+                       
+                       element.setAttribute('data-value', date.getTime());
+                       element.value = DateUtil['formatDate' + (data.isDateTime ? 'Time' : '')](date);
+                       
+                       data.shadow.value = DateUtil.format(date, (data.isDateTime ? 'c' : 'Y-m-d'));
+               },
+               
+               /**
+                * Clears the date value of given element.
+                * 
+                * @param       {(Element|string)}      element         input element or id
+                */
+               clear: function(element) {
+                       element = this._getElement(element);
+                       var data = _data.get(element);
+                       
+                       element.removeAttribute('data-value');
+                       element.value = '';
+                       
+                       data.isEmpty = true;
+                       data.shadow.value = '';
+               },
+               
+               /**
+                * Reverts the date picker into a normal input field.
+                * 
+                * @param       {(Element|string)}      element         input element or id
+                */
+               destroy: function(element) {
+                       element = this._getElement(element);
+                       var data = _data.get(element);
+                       
+                       var container = element.parentNode;
+                       container.parentNode.insertBefore(element, container);
+                       container.parentNode.removeChild(container);
+                       
+                       element.setAttribute('type', 'date' + (data.isDateTime ? 'time' : ''));
+                       element.value = data.shadow.value;
+                       
+                       element.removeAttribute('data-value');
+                       element.removeEventListener('click', _callbackOpen);
+                       data.shadow.parentNode.removeChild(data.shadow);
+                       
+                       element.classList.remove('inputDatePicker');
+                       element.readOnly = false;
+                       _data['delete'](element);
+               },
+               
+               /**
+                * Sets the callback invoked on picker close.
+                * 
+                * @param       {(Element|string)}      element         input element or id
+                * @param       {function}              callback        callback function
+                */
+               setCloseCallback: function(element, callback) {
+                       element = this._getElement(element);
+                       _data.get(element).onClose = callback;
+               },
+               
+               /**
+                * Validates given element or id if it represents an active date picker.
+                * 
+                * @param       {(Element|string)}      element         input element or id
+                * @return      {Element}               input element
+                */
+               _getElement: function(element) {
+                       if (typeof element === 'string') element = document.getElementById(element);
+                       
+                       if (!(element instanceof Element) || !element.classList.contains('inputDatePicker') || !_data.has(element)) {
+                               throw new Error("Expected a valid date picker input element or id.");
+                       }
+                       
+                       return element;
+               }
+       };
+       
+       // backward-compatibility for `$.ui.datepicker` shim
+       window.__wcf_bc_datePicker = DatePicker;
+       
+       return DatePicker;
+});
index 1ff35f992e35ccd4a01f205ff2941c62d3ca1007..5c824a1c1ff4925dc5235517481154f01421c628 100644 (file)
  * @license    GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
  * @module     WoltLab/WCF/Date/Util
  */
-define([], function() {
+define(['Language'], function(Language) {
        "use strict";
        
        /**
         * @exports     WoltLab/WCF/Date/Util
         */
        var DateUtil = {
+               /**
+                * Returns the formatted date.
+                * 
+                * @param       {Date}          date            date object
+                * @returns     {string}        formatted date
+                */
+               formatDate: function(date) {
+                       return this.format(date, Language.get('wcf.date.dateFormat'));
+               },
+               
+               /**
+                * Returns the formatted time.
+                * 
+                * @param       {Date}          date            date object
+                * @returns     {string}        formatted time
+                */
+               formatTime: function(date) {
+                       return this.format(date, Language.get('wcf.date.timeFormat'));
+               },
+               
+               /**
+                * Returns the formatted date time.
+                * 
+                * @param       {Date}          date            date object
+                * @returns     {string}        formatted date time
+                */
+               formatDateTime: function(date) {
+                       return this.format(date, Language.get('wcf.date.dateTimeFormat').replace(/%date%/, Language.get('wcf.date.dateFormat')).replace(/%time%/, Language.get('wcf.date.timeFormat')));
+               },
+               
+               /**
+                * Formats a date using PHP's `date()` modifiers.
+                * 
+                * @param       {Date}          date            date object
+                * @param       {string}        format          output format
+                * @returns     {string}        formatted date
+                */
+               format: function(date, format) {
+                       var char;
+                       var out = '';
+                       
+                       // ISO 8601 date, best recognition by PHP's strtotime()
+                       if (format === 'c') {
+                               format = 'Y-m-dTH:i:sP';
+                       }
+                       
+                       for (var i = 0, length = format.length; i < length; i++) {
+                               switch (format[i]) {
+                                       // seconds
+                                       case 's':
+                                               // `00` through `59`
+                                               char = ('0' + date.getSeconds().toString()).slice(-2);
+                                               break;
+                                       
+                                       // minutes
+                                       case 'i':
+                                               // `00` through `59`
+                                               char = date.getMinutes();
+                                               break;
+                                       
+                                       // hours
+                                       case 'a':
+                                               // `am` or `pm`
+                                               char = (date.getHours() > 11) ? 'pm' : 'am';
+                                               break;
+                                       case 'g':
+                                               // `1` through `12`
+                                               char = date.getHours();
+                                               if (char === 0) char = 12;
+                                               else if (char > 12) char -= 12;
+                                               break;
+                                       case 'h':
+                                               // `01` through `12`
+                                               char = date.getHours();
+                                               if (char === 0) char = 12;
+                                               else if (char > 12) char -= 12;
+                                               
+                                               char = ('0' + char.toString()).slice(-2);
+                                               break;
+                                       case 'A':
+                                               // `AM` or `PM`
+                                               char = (date.getHours() > 11) ? 'PM' : 'AM';
+                                               break;
+                                       case 'G':
+                                               // `0` through `23`
+                                               char = date.getHours();
+                                               break;
+                                       case 'H':
+                                               // `00` through `23`
+                                               char = date.getHours();
+                                               char = ('0' + char.toString()).slice(-2);
+                                               break;
+                                       
+                                       // day
+                                       case 'd':
+                                               // `01` through `31`
+                                               char = date.getDate();
+                                               char = ('0' + char.toString()).slice(-2);
+                                               break;
+                                       case 'j':
+                                               // `1` through `31`
+                                               char = date.getDate();
+                                               break;
+                                       case 'l':
+                                               // `Monday` through `Sunday` (localized)
+                                               char = Language.get('__days')[date.getDay()];
+                                               break;
+                                       case 'D':
+                                               // `Mon` through `Sun` (localized)
+                                               char = Language.get('__daysShort')[date.getDay()];
+                                               break;
+                                       case 'S':
+                                               // ignore english ordinal suffix
+                                               char = '';
+                                               break;
+                                       
+                                       // month
+                                       case 'm':
+                                               // `01` through `12`
+                                               char = date.getMonth() + 1;
+                                               char = ('0' + char.toString()).slice(-2);
+                                               break;
+                                       case 'n':
+                                               // `1` through `12`
+                                               char = date.getMonth() + 1;
+                                               break;
+                                       case 'F':
+                                               // `January` through `December` (localized)
+                                               char = Language.get('__months')[date.getMonth()];
+                                               break;
+                                       case 'M':
+                                               // `Jan` through `Dec` (localized)
+                                               char = Language.get('__monthsShort')[date.getMonth()];
+                                               break;
+                                       
+                                       // year
+                                       case 'y':
+                                               // `00` through `99`
+                                               char = date.getYear().toString().replace(/^\d{2}/, '');
+                                               break;
+                                       case 'Y':
+                                               // Examples: `1988` or `2015`
+                                               char = date.getFullYear();
+                                               break;
+                                       
+                                       // timezone
+                                       case 'P':
+                                               var offset = date.getTimezoneOffset();
+                                               char = (offset > 0) ? '-' : '+';
+                                               
+                                               offset = Math.abs(offset);
+                                               
+                                               char += ('0' + (~~(offset / 60)).toString()).slice(-2);
+                                               char += ':';
+                                               char += ('0' + (offset % 60).toString()).slice(-2);
+                                               
+                                               break;
+                                               
+                                       // specials
+                                       case 'r':
+                                               char = date.toString();
+                                               break;
+                                       case 'U':
+                                               char = Math.round(date.getTime() / 1000);
+                                               break;
+                                       
+                                       default:
+                                               char = format[i];
+                                               break;
+                               }
+                               
+                               out += char;
+                       }
+                       
+                       return out;
+               },
+               
                /**
                 * Returns UTC timestamp, if date is not given, current time will be used.
                 * 
index 38baaa48f176c263d7a3f9c0e48fccfa00de3563..7b1c689cd5e9cc240e77b5d7d10a3c49154b40b8 100644 (file)
@@ -50,6 +50,7 @@ define(['Dictionary', './Template'], function(Dictionary, Template) {
                        
                        if (value === undefined) {
                                console.warn("Attempt to retrieve unknown phrase '" + key + "'.");
+                               console.warn(new Error().stack);
                                return key;
                        }
                        
index da52706299c3e6e5218ca364a19552b40eae657b..0afad20c0b48d56f1d5de42c7e593061c6dca9e2 100644 (file)
@@ -51,7 +51,7 @@ define([], function() {
                 */
                'delete': function(key) {
                        if (_hasMap) {
-                               this._map['delete'](_key);
+                               this._map['delete'](key);
                        }
                        else {
                                var index = this._map.key.indexOf(key);
index 20527a7b4245b6548f878334838f7c4c61f8674f..13e79f8e56424394fb29b9f1ffe49f16f2d24649 100644 (file)
@@ -25,7 +25,7 @@ define(['Core', 'Language', 'DOM/Traverse', 'DOM/Util'], function(Core, Language
                                // offset to reference element
                                verticalOffset: 7,
                                
-                               // align the pointer element, expects .pointer as a direct child of given element
+                               // align the pointer element, expects .elementPointer as a direct child of given element
                                pointer: false,
                                
                                // offset from/left side, ignored for center alignment
index 3b8e1671d62dd25c652ca20fd0c03cab0350d758..c43a83d4c3f783eaf911dadb55019ce1a5a2a890 100644 (file)
@@ -8,14 +8,14 @@
  */
 define(
        [
-               'enquire',  'Core',      'Dictionary',         'Environment',
-               'Language', 'ObjectMap', 'DOM/ChangeListener', 'DOM/Util',
-               'UI/Confirmation'
+               'enquire',     'Ajax',       'Core',      'Dictionary',
+               'Environment', 'Language',   'ObjectMap', 'DOM/ChangeListener',
+               'DOM/Util',    'UI/Confirmation'
        ],
        function(
-               enquire,     Core,        Dictionary,           Environment,
-               Language,    ObjectMap,   DOMChangeListener,    DOMUtil,
-               UIConfirmation
+               enquire,        Ajax,         Core,        Dictionary,
+               Environment,    Language,     ObjectMap,   DOMChangeListener,
+               DOMUtil,        UIConfirmation
        )
 {
        "use strict";
index a0e8dbc821ac2be986bbcc51f7c25fed8830ea5c..188bcaa861b691363c4908692ebe0580872e91b7 100644 (file)
@@ -16,6 +16,7 @@ requirejs.config({
                        'AjaxRequest': 'WoltLab/WCF/Ajax/Request',
                        'CallbackList': 'WoltLab/WCF/CallbackList',
                        'Core': 'WoltLab/WCF/Core',
+                       'DateUtil': 'WoltLab/WCF/Date/Util',
                        'Dictionary': 'WoltLab/WCF/Dictionary',
                        'DOM/ChangeListener': 'WoltLab/WCF/DOM/Change/Listener',
                        'DOM/Traverse': 'WoltLab/WCF/DOM/Traverse',
index ad684ee0db1252fc2dd4213057aaf0b8a0c096a2..3e631708d28f9867bb463b23c1cc7f244e0b0f80 100644 (file)
-.ui-datepicker {
+.inputAddon > .inputDatePicker {
+       background-color: @wcfInputBackgroundColor !important;
+       cursor: pointer;
+       flex: 0 1 150px;
+       min-width: 150px;
+}
+
+.datePicker {
        background-color: @wcfDropdownBackgroundColor;
        border: 1px solid @wcfDropdownBorderColor;
+       border-radius: 3px;
        color: @wcfDropdownColor;
-       margin-top: 7px;
-       z-index: 450 !important;
+       opacity: 0;
+       position: absolute;
+       transition: visibility .3s linear .3s, opacity .3s linear;
+       visibility: hidden;
+       width: 240px;
+       z-index: 450;
        
        .boxShadow(2px, 2px, rgba(0, 0, 0, .2), 10px);
        
-       &::after {
-               border: 7px solid transparent;
-               border-bottom-color: @wcfDropdownBorderColor;
-               border-top-width: 0;
-               content: "";
-               display: inline-block;
-               left: 9px;
-               position: absolute;
-               top: -7px;
-               z-index: 100;
-       }
-       
-       &::before {
-               border: 6px solid transparent;
-               border-bottom-color: @wcfDropdownBackgroundColor;
-               border-top-width: 0;
-               content: "";
-               display: inline-block;
-               left: 10px;
-               position: absolute;
-               top: -6px;
-               z-index: 101;
+       &.active {
+               opacity: 1;
+               transition-delay: 0s;
+               visibility: visible;
        }
        
-       a:hover {
-               text-decoration: none;
+       &.datePickerTime > footer {
+               display: block;
        }
        
-       > .ui-datepicker-header {
-               padding: 4px;
-               text-align: center;
+       > .elementPointer {
+               border-color: @wcfDropdownBorderColor transparent;
+               border-style: solid;
+               border-width: 0 8px 8px;
                
-               > .ui-datepicker-prev,
-               > .ui-datepicker-next {
-                       display: inline-block;
-                       margin: 2px 2px 0 2px;
-                       
-                       > span {
-                               display: none;
-                       }
+               > span {
+                       border-color: @wcfDropdownBackgroundColor transparent;
+                       border-style: solid;
+                       border-width: 0 6px 6px;
+                       left: -6px;
+                       position: absolute;
+                       top: 2px;
                }
                
-               > .ui-datepicker-prev {
-                       float: left;
+               &.flipVertical {
+                       border-width: 8px 8px 0;
                        
-                       &::before {
-                               content: "\f060";
-                               font-family: FontAwesome;
-                               font-size: 14px;
-                       }
-               }
-               
-               > .ui-datepicker-next {
-                       float: right;
-                       
-                       &::before {
-                               content: "\f061";
-                               font-family: FontAwesome;
-                               font-size: 14px;
+                       > span {
+                               border-width: 6px 6px 0;
                        }
                }
        }
        
-       > table {
-               border-collapse: collapse;
-               border-spacing: 0;
-               width: 100%;
+       > header,
+       > footer {
+               padding: @wcfGapSmall;
+               position: relative;
+               text-align: center;
+       }
+       
+       > header > a {
+               display: none;
+               position: absolute;
+               top: 50%;
+               transform: translateY(-50%);
                
-               > thead {
-                       background-color: @wcfTabularBoxBackgroundColor;
-                       
-                       > tr > th {
-                               color: @wcfTabularBoxColor;
-                               font-size: @wcfSmallFontSize;
-                               padding: 5px 0;
-                               text-transform: uppercase;
-                               
-                               .textShadow(@wcfTabularBoxBackgroundColor);
-                       }
+               &.active {
+                       display: block;
                }
                
-               > tbody {
-                       > tr {
-                               border-bottom: 1px solid @wcfContainerBorderColor;
-                               
-                               &:last-child {
-                                       border-bottom: 0;
-                               }
-                               
-                               > td {
-                                       border-right: 1px solid @wcfContainerBorderColor;
-                                       
-                                       &:last-child {
-                                               border-right: 0;
-                                       }
-                                       
-                                       > span,
-                                       > a {
-                                               display: inline-block;
-                                               color: @wcfColor;
-                                               font-weight: bold;
-                                               height: 30px;
-                                               line-height: 30px;
-                                               text-align: center;
-                                               width: 30px;
-                                               
-                                               .textShadow(@wcfContainerBackgroundColor);
-                                       }
-                               }
-                       }
+               &.previous {
+                       left: @wcfGapSmall;
                }
-       }
-       
-       .ui-datepicker-calendar .ui-state-default {
-               background-color: @wcfContainerAccentBackgroundColor;
-       }
-       
-       .ui-datepicker-unselectable .ui-state-default {
-               background-color: @wcfContainerBackgroundColor;
-               color: @wcfDimmedColor;
-       }
-       
-       .ui-datepicker-calendar .ui-state-hover {
-               background-color: @wcfContainerHoverBackgroundColor;
-       }
-       
-       .ui-datepicker-calendar .ui-state-active {
-               background-color: @wcfContainerHoverBackgroundColor;
-       }
-       
-       /* time picker */
-       .ui-timepicker-div {
-               border-top: 1px solid @wcfContainerBorderColor;
                
-               > dl {
-                       > dt {
-                               margin-top: @wcfGapTiny !important;
-                               width: 100px;
-                       }
-                       
-                       > dd {
-                               margin-left: 120px;
-                               margin-top: @wcfGapTiny !important;
-                       }
+               &.next {
+                       right: @wcfGapSmall;
                }
        }
        
-       &.timeOnlyPicker {
-               .ui-timepicker-div {
-                       border-top: none;
+       > ul {
+               border-top: 1px solid @wcfDropdownBorderColor;
+               
+               // hide borders
+               margin: 0 -1px -1px 0;
+               
+               > li {
+                       display: flex;
                        
-                       > .ui-widget-header {
-                               display: none;
+                       > a,
+                       > span {
+                               border: 1px solid @wcfDropdownBorderColor;
+                               border-width: 0 1px 1px 0;
+                               display: block;
+                               flex: 1;
+                               padding: @wcfGapTiny 0;
+                               text-align: center;
                        }
                        
-                       > dl {
-                               margin-right: @wcfGapTiny;
+                       > a {
+                               background-color: @wcfContainerAccentBackgroundColor;
+                               color: @wcfColor;
+                               
+                               &:hover {
+                                       text-decoration: none;
+                               }
                                
-                               > dt {
-                                       width: 70px;
+                               &.active,
+                               &:not(.otherMonth):hover {
+                                       background-color: @wcfContainerHoverBackgroundColor;
                                }
                                
-                               > dd {
-                                       margin-left: 90px;
+                               &.otherMonth {
+                                       background-color: @wcfContainerBackgroundColor;
+                                       color: @wcfDimmedColor;
+                                       cursor: default;
                                }
                        }
+                       
+                       > span {
+                               background-color: @wcfTabularBoxBackgroundColor;
+                               border-right-color: @wcfTabularBoxBackgroundColor;
+                               color: @wcfTabularBoxColor;
+                               font-size: .85rem;
+                               text-transform: uppercase;
+                               
+                               .textShadow(@wcfTabularBoxBackgroundColor);
+                       }
                }
        }
+       
+       > footer {
+               display: none;
+       }
+       
 }