(function ($) {
    $.jqx.jqxWidget("jqxDateTimeInput", "", {});

    $.extend($.jqx._jqxDateTimeInput.prototype, {

        defineInstance: function () {
            var settings = {
                value: $.jqx._jqxDateTimeInput.getDateTime(new Date()),
                minDate: $.jqx._jqxDateTimeInput.getDateTime(new Date()),
                maxDate: $.jqx._jqxDateTimeInput.getDateTime(new Date()),
                min: new Date(1900, 0, 1),
                max: new Date(2100, 0, 1),
                rowHeaderWidth: 25,
                enableViews: true,
                views: ['month', 'year', 'decade'],
                selectableDays: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
                change: null,
                changing: null,
                // "primary", "inverse", "danger", "info", "success", "warning", "link"
                template: "default",
                // Default: 20
                // Gets or sets the column header's height.
                // Type: Number.
                columnHeaderHeight: 20,
                // Default: 25
                // Gets or sets the title's height.
                // Type: Number.
                titleHeight: 30,
                // Type: Number.
                // Default: 0
                // Gets or sets the first day of the week - Sunday:0, Monday:1, Tuesday:2, Wednesday:3, Thursday:4, Friday:5, Saturday:6.
                firstDayOfWeek: 0,
                // Type: Boolean.
                // Default: false.
                // Shows or hides the week numbers.
                showWeekNumbers: false,
                showTimeButton: false,
                // store value in cookie
                cookies: false,
                cookieoptions: null,
                showFooter: false,
                //Type: String.
                //Default: null.
                //Sets the masked input's formatString.
                // Available ready to use patterns:
                // short date pattern: "d",
                // long date pattern: "D"
                // short time pattern: "t"
                // long time pattern: "T"
                // long date, short time pattern: "f"
                // long date, long time pattern: "F"
                // month/day pattern: "M"
                // month/year pattern: "Y"    
                // sortable format that does not vary by culture: "S"
                formatString: "dd/MM/yyyy",
                //Type: Number.
                //Default: 0.
                //Sets width of the masked input in pixels. Only positive values have effect.
                width: 200,

                //Type: Number.
                //Default: 0.
                //Sets height of the masked input in pixels. 
                height: 25,

                // Type: String.
                // Gets or sets the string format of the day names.
                // Possible values: default, shortest, firstTwoLetters, firstLetter, full
                dayNameFormat: 'firstTwoLetters',

                // Type: String
                // Sets the  text alignment.
                textAlign: 'left',

                // Type: Boolean
                // Default: false
                // Sets the readonly state of the input.
                readonly: false,

                // Type: String
                // sets the culture.
                // Default: 'default'
                culture: "default",

                activeEditor: null,

                // Type: Boolean
                // Default:true.
                // shows or hides the calendar's button.
                showCalendarButton: true,
                // Type: Number
                // Default: 250
                // Sets the animation's duration when the calendar is displayed.
                openDelay: 250,

                // Type: Number
                // Default: 300
                // Sets the animation's duration when the calendar is going to be hidden.
                closeDelay: 300,

                // Type: Boolean
                // Default: true
                // Sets whether to close the calendar after selecting a date.
                closeCalendarAfterSelection: true,
                // internal property
                isEditing: false,
                // Type: Boolean.
                // enables the browser window bounds detection.
                // Default: false.
                enableBrowserBoundsDetection: false,
                dropDownHorizontalAlignment: 'left',
                dropDownVerticalAlignment: "bottom",
                // Type: Boolean
                // Enables absolute date selection. When this property is true, the user selects one symbol at a time instead of a group of symbols.
                // Default: false
                enableAbsoluteSelection: false,
                // Type: Boolean
                // Enables or disables the DateTimeInput.
                // Default: false
                disabled: false,
                // Type: Number
                // Default: 18
                // Sets the button's size.
                buttonSize: 21,
                // default, none
                // Type: String.
                // enables or disables the animation.
                animationType: 'slide',
                // Type: String
                // Default: auto ( the drop down takes the calendar's width.)
                // Sets the popup's width.
                dropDownWidth: '200px',
                restrictedDates: new Array(),
                // Type: String
                // Default: 200px ( the height is 200px )
                // Sets the popup's height.
                dropDownHeight: '205px',
                dropDownContainer: "default",
                // 'none', 'range', 'default'
                selectionMode: 'default',
                renderMode: "full",
                rtl: false,
                timeRange: null,
                _editor: false,
                todayString: 'Today',
                clearString: 'Clear',
                popupZIndex: 2000,
                allowNullDate: true,
                changeType: null,
                placeHolder: "",
                enableHover: true,
                allowKeyboardDelete: true,
                localization: {
                    backString: "Back",
                    forwardString: "Forward",
                    todayString: "Today",
                    clearString: "Clear",
                    calendar: {
                        name: "Gregorian_USEnglish",
                        "/": "/",
                        // separator of parts of a time (e.g. ":" in 05:44 PM)
                        ":": ":",
                        // the first day of the week (0:Sunday, 1:Monday, etc)
                        firstDay: 0,
                        days: {
                            // full day names
                            names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
                            // abbreviated day names
                            namesAbbr: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
                            // shortest day names
                            namesShort: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
                        },
                        months: {
                            // full month names (13 months for lunar calendards -- 13th month should be "" if not lunar)
                            names: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ""],
                            // abbreviated month names
                            namesAbbr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", ""]
                        },
                        // AM and PM designators in one of these forms:
                        // The usual view, and the upper and lower case versions
                        //      [standard,lowercase,uppercase]
                        // The culture does not use AM or PM (likely all standard date formats use 24 hour time)
                        //      null
                        AM: ["AM", "am", "AM"],
                        PM: ["PM", "pm", "PM"],
                        eras: [
                        // eras in reverse chronological order.
                        // name: the name of the era in this culture (e.g. A.D., C.E.)
                        // start: when the era starts in ticks (gregorian, gmt), null if it is the earliest supported era.
                        // offset: offset in years from gregorian calendar
                            { "name": "A.D.", "start": null, "offset": 0 }
                        ],
                        twoDigitYearMax: 2029,
                        patterns: {
                            // short date pattern
                            d: "M/d/yyyy",
                            // long date pattern
                            D: "dddd, MMMM dd, yyyy",
                            // short time pattern
                            t: "h:mm tt",
                            // long time pattern
                            T: "h:mm:ss tt",
                            // long date, short time pattern
                            f: "dddd, MMMM dd, yyyy h:mm tt",
                            // long date, long time pattern
                            F: "dddd, MMMM dd, yyyy h:mm:ss tt",
                            // month/day pattern
                            M: "MMMM dd",
                            // month/year pattern
                            Y: "yyyy MMMM",
                            // S is a sortable format that does not vary by culture
                            S: "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss",
                            // formatting of dates in MySQL DataBases
                            ISO: "yyyy-MM-dd hh:mm:ss"
                        }
                    }
                },
                // DateTimeInput events.
                events:
                [
                // Occurs when the value is changed.
                   'valueChanged',
                // Occurs when the text is changed.
                   'textchanged',
                // Occurs when the mouse button is clicked.
                   'mousedown',
                // Occurs when the mouse button is clicked.
                   'mouseup',
                // Occurs when the user presses a key. 
                   'keydown',
                // Occurs when the user presses a key. Fired after keydown and keypress
                   'keyup',
                // Occurs when the user presses a key.
                   'keypress',
                // Occurs when the calendar is opened.
                   'open',
                // Occurs when the calendar is hidden.
                   'close',
                   // Occurs when the value is changed.
                   'change'
                ],
                aria:
                {
                    "aria-valuenow": { name: "getDate", type: "date" },
                    "aria-valuetext": { name: "getText", type: "string" },
                    "aria-valuemin": { name: "min", type: "date" },
                    "aria-valuemax": { name: "max", type: "date" },
                    "aria-disabled": { name: "disabled", type: "boolean" }
                }
            };
            if (this === $.jqx._jqxDateTimeInput.prototype) {
                return settings;
            }
            $.extend(true, this, settings);
            this.value._setHours(0);
            this.value._setMinutes(0);
            this.value._setSeconds(0);
            this.value._setMilliseconds(0);
            this.minDate._setYear(1900);
            this.minDate._setMonth(1);
            this.minDate._setDay(1);
            this.minDate._setHours(1);
            this.minDate._setMinutes(1);
            this.minDate._setSeconds(1);
            this.minDate._setMilliseconds(1);
            this.maxDate._setYear(2100);
            this.maxDate._setMonth(1);
            this.maxDate._setDay(1);
            this.maxDate._setHours(1);
            this.maxDate._setMinutes(1);
            this.maxDate._setSeconds(1);
            this.maxDate._setMilliseconds(1);
            this.defaultMinDate = this.minDate;
            this.defaultMaxDate = this.maxDate;
            return settings;
        },

        // creates the masked input's instance. 
        createInstance: function (args) {
            var hasAttr = "";
            var that = this;
            if (!that.host.jqxCalendar) {
                throw new Error("jqxDateTimeInput: Missing reference to jqxcalendar.js.");
            }

            if (that.formatString != "dd/MM/yyyy")
            {
                var formats = that.formatString.split(" ");
                if (formats && formats.length > 1)
                {
                    var extendedFormat = "";
                    for (var i = 0; i < formats.length; i++)
                    {
                        if (formats[i].length == "1")
                        {
                            extendedFormat += that._getFormatValue(formats[i])
                        }
                        else extendedFormat += formats[i];

                        if (i < formats.length - 1)
                        {
                            extendedFormat += " ";
                        }
                    }
                    that.formatString = extendedFormat;
                }
            }

            if (that.element.nodeName.toLowerCase() == "input")
            {
                var inputType = that.element.getAttribute("type")
                if (inputType)
                {
                    if (that.formatString == "dd/MM/yyyy")
                    {
                        if (inputType == "date")
                        {
                            that.formatString = "d";
                        }
                        if (inputType == "datetime")
                        {
                            var formatString = that._getFormatValue("d") + " " + that._getFormatValue("t");
                            that.formatString = formatString;
                            that.showTimeButton = true;
                        }
                        if (inputType == "time")
                        {
                            that.formatString = "t";
                            that.showTimeButton = true;
                            that.showCalendarButton = false;
                        }
                    }
                }
                that.field = that.element;

                if (that.field.getAttribute('min'))
                {
                    var min = new Date(that.field.getAttribute('min'));
                    if (min != "Invalid Date") that.min = min;
                }
                if (that.field.getAttribute('max'))
                {
                    var max = new Date(that.field.getAttribute('max'));
                    if (max != "Invalid Date") that.max = max;
                }

                if (that.field.className)
                {
                    that._className = that.field.className;
                }

                var properties = {
                    'title': that.field.title
                };


                if (that.field.value)
                {
                    properties.value = that.field.value;
                }

                if (that.field.id.length)
                {
                    properties.id = that.field.id.replace(/[^\w]/g, '_') + "_jqxDateTimeInput";
                }
                else
                {
                    properties.id = $.jqx.utilities.createId() + "_jqxDateTimeInput";
                }

                var wrapper = $("<div></div>", properties);
                wrapper[0].style.cssText = that.field.style.cssText;
                if (!that.width)
                {
                    that.width = $(that.field).width();
                }
                if (!that.height)
                {
                    that.height = $(that.field).outerHeight();
                }
                $(that.field).hide().after(wrapper);
                var data = that.host.data();
                that.host = wrapper;
                that.host.data(data);
                that.element = wrapper[0];
                that.element.id = that.field.id;
                that.field.id = properties.id;
                if (that._className)
                {
                    that.host.addClass(that._className);
                    $(that.field).removeClass(that._className);
                }

                if (that.field.tabIndex)
                {
                    var tabIndex = that.field.tabIndex;
                    that.field.tabIndex = -1;
                    that.element.tabIndex = tabIndex;
                }
            }

            if (that.host.attr('value')) {
                hasAttr = true;
                var val = that.host.attr('value');
                if (that.selectionMode != 'range') {
                    var date = new Date(val);
                    if (date != undefined && !isNaN(date)) {
                        that.value = $.jqx._jqxDateTimeInput.getDateTime(date);
                    }
                }
            }

            if (that.value != null && that.value instanceof Date) {
                that.value = $.jqx._jqxDateTimeInput.getDateTime(that.value);
            }
            else if (that.value != null && typeof (that.value) == "string") {
                var date = new Date(that.value);
                if (date != undefined && !isNaN(date)) {
                    that.value = $.jqx._jqxDateTimeInput.getDateTime(date);
                }
                else if (that.value.indexOf(',') >= 0) {
                    that.value = that.value.replace(/\,/g, '/');
                    var date = new Date(that.value);
                    if (date != undefined && !isNaN(date)) {
                        that.value = $.jqx._jqxDateTimeInput.getDateTime(date);
                    }
                }
            }

          
            this._initTimeRange();
            this._validateTimeRange();
            
            that.host.attr('data-role', 'input');
            that.render();
            $.jqx.aria(this);
            if (that.getDate() != null) {
                $.jqx.aria(this, "aria-label", "Current focused date is " + that.getDate().toLocaleString());
            }
            else {
                $.jqx.aria(this, "aria-label", "Current focused date is Null");
            }

            if (that.minDate !== that.defaultMinDate) {
                that.min = that.minDate;
            }
            if (that.maxDate !== that.defaultMaxDate) {
                that.max = that.maxDate;
            }

            that.setMaxDate(that.max, false);
            that.setMinDate(that.min, false);

            if (that.selectionMode == 'range') {
                if (hasAttr) {
                    var val = that.host.attr('value');
                    var val1 = val.substring(0, val.indexOf('-'));
                    var val2 = val.substring(val.indexOf('-') + 1);
                    var from = new Date(val1);
                    var to = new Date(val2);
                    if (from != undefined && !isNaN(from)) {
                        if (to != undefined && !isNaN(to)) {
                            that.setRange(from, to);
                        }
                    }
                }
                else {
                    if (that.getDate() != null) {
                        that.setRange(that.getDate(), that.getDate());
                    }
                }
            }
        },

        _validateTimeRange: function()
        {
            if (this.timeRange) {
                var hours = this.value.dateTime.getHours()
                var minute = this.value.dateTime.getMinutes();
                if (hours <= this.timeRange.minHour) {
                    this.value._setHours(this.timeRange.minHour);
                    if (minute < this.timeRange.minMinute) {
                        this.value._setMinutes(this.timeRange.minMinute);
                        this._updateEditorsValue();
                    }
                    else {
                        this._updateEditorsValue();
                    }
                }
                if (hours >= this.timeRange.maxHour) {
                    this.value._setHours(this.timeRange.maxHour);
                    if (minute > this.timeRange.maxMinute) {
                        this.value._setMinutes(this.timeRange.maxMinute);
                        this._updateEditorsValue();
                    }
                    else {
                        this._updateEditorsValue();
                    }
                }
            }
        },

        _initTimeRange: function()
        {
            if (this.timeRange) {
                if (this.timeRange.min) {
                    var meridian = null;
                    if (this.timeRange.min.indexOf("AM") >= 0 || this.timeRange.min.indexOf("PM") >= 0) {
                        meridian = this.timeRange.min.indexOf("AM") >= 0 ? "AM" : "PM";
                    }

                    var minParts = this.timeRange.min.split(":");
                    var hour = parseInt(minParts[0]);
                    var minute = parseInt(minParts[1]);

                    if (meridian) {
                        this.timeRange.minDefaultHour = hour;
                        this.timeRange.minMeridian = meridian;
                    }

                    if (meridian && meridian == "PM") {
                        hour += 12;
                    }

                    this.timeRange.minHour = hour;
                    this.timeRange.minMinute = minute;
                }
                if (this.timeRange.max) {
                    var meridian = null;
                    if (this.timeRange.max.indexOf("AM") >= 0 || this.timeRange.max.indexOf("PM") >= 0) {
                        meridian = this.timeRange.max.indexOf("AM") >= 0 ? "AM" : "PM";
                    }

                    var maxParts = this.timeRange.max.split(":");
                    var hour = parseInt(maxParts[0]);
                    var minute = parseInt(maxParts[1]);
                    if (meridian) {
                        this.timeRange.maxDefaultHour = hour;
                        this.timeRange.maxMeridian = meridian;
                    }
                    if (meridian && meridian == "PM") {
                        hour += 12;
                    }

                    this.timeRange.maxHour = hour;
                    this.timeRange.maxMinute = minute;
                }
            }
        },

        _format: function (date, format, culture) {
            var globalize = false;
            try {
                if (Globalize != undefined) {
                    globalize = true;
                }
                if (document.Globalize) {
                    Globalize = document.Globalize;
                    globalize = true;
                }
            }
            catch (error) {
                if (document.Globalize) {
                    Globalize = document.Globalize;
                    globalize = true;
                }
            }

            if (document.Globalize) {
                Globalize = document.Globalize;
                globalize = true;
            }

            if ($.global) {
                return $.global.format(date, format, this.culture);
            }
            else if (globalize) {
                try {
                    var format = Globalize.format(date, format, this.culture);
                    return format;
                }
                catch (error) {
                    return Globalize.format(date, format);
                }
            }
            else if ($.jqx.dataFormat) {
                if (date instanceof Date) {
                    return $.jqx.dataFormat.formatdate(date, format, this.localization.calendar);
                }
                else if (typeof date === "number") {
                    return $.jqx.dataFormat.formatnumber(date, format, this.localization.calendar);
                }
                else {
                    return $.jqx.dataFormat.formatdate(date, format, this.localization.calendar);
                }
            }
            else throw new Error("jqxDateTimeInput: Missing reference to globalize.js.");
        },

        render: function () {
            var that = this;
            that._removeHandlers();
            that.element.innerHTML = "";
            that.host
            .attr({
                role: "textbox"
            });
            that.id = $.jqx.utilities.createId();
            var id = $.jqx.utilities.createId();
            var buttonid = $.jqx.utilities.createId();

            that._setSize();
            if (that.width == null) {
                that.width = that.host.width();
                that.host.width(that.width);
            }

            that.touch = $.jqx.mobile.isTouchDevice();

            var wrapper = $("<div class='jqx-max-size jqx-position-relative'></div>").appendTo(that.host);
            that.dateTimeInput = $("<input style='border: none; padding-left: 3px; padding-right: 3px;' class='jqx-position-absolute' id='" + "input" + that.element.id + "' autocomplete='off' type='textarea'/>").appendTo(wrapper);
            that.dateTimeInput.addClass(that.toThemeProperty("jqx-reset"));
            that.dateTimeInput.addClass(that.toThemeProperty("jqx-clear"));
            that.dateTimeInput.addClass(that.toThemeProperty("jqx-input-content"));
            that.dateTimeInput.addClass(that.toThemeProperty("jqx-widget-content"));
            that.dateTimeInput.addClass(that.toThemeProperty("jqx-rc-all"));
            that.dateTimeInput.attr('placeHolder', that.placeHolder);
            if (that.renderMode != "full") {
                that.dateTimeInput.remove();
            }
            var name = that.host.attr('name');
            if (name) {
                that.dateTimeInput.attr('name', name);
            }
            if (that.host.attr('tabindex')) {
                that.dateTimeInput.attr('tabindex', that.host.attr('tabindex'));
                that.host.removeAttr('tabindex');
            }
            if (that.rtl) {
                that.dateTimeInput.css('direction', 'rtl');
                that.dateTimeInput.addClass('jqx-rtl');
            }

            that.calendarButton = $("<div style='height: 100%;' class='jqx-position-absolute'><div></div></div>").appendTo(wrapper);
            if (!that.rtl) {
                that.calendarButton.addClass(that.toThemeProperty('jqx-action-button'));
            }
            else {
                that.calendarButton.addClass(that.toThemeProperty('jqx-action-button-rtl'));
            }

            that.calendarButtonIcon = $(that.calendarButton.children()[0]);
            that.calendarButtonIcon.addClass(that.toThemeProperty('jqx-icon'));
            that.calendarButtonIcon.addClass(that.toThemeProperty('jqx-icon-calendar'));
            that.calendarButton.addClass(that.toThemeProperty('jqx-fill-state-normal'));
            if (!that.rtl)
            {
                if (!that.showTimeButton)
                {
                    that.calendarButton.addClass(that.toThemeProperty('jqx-rc-r'));
                }
            }
            else
            {
                that.calendarButton.addClass(that.toThemeProperty('jqx-rc-l'));
            }

            //
            that.timeButton = $("<div style='height: 100%;' class='jqx-position-absolute'><div></div></div>").appendTo(wrapper);
            if (!that.rtl) {
                that.timeButton.addClass(that.toThemeProperty('jqx-action-button'));
            }
            else {
                that.timeButton.addClass(that.toThemeProperty('jqx-action-button-rtl'));
            }
            if (that.template)
            {
                that.timeButton.addClass(that.toThemeProperty("jqx-" + that.template))
                that.calendarButton.addClass(that.toThemeProperty("jqx-" + that.template))
            }
            that.timeButtonIcon = $(that.timeButton.children()[0]);
            that.timeButtonIcon.addClass(that.toThemeProperty('jqx-icon'));
            that.timeButtonIcon.addClass(that.toThemeProperty('jqx-icon-time'));
            that.timeButton.addClass(that.toThemeProperty('jqx-fill-state-normal'));
            if (!that.rtl) {
                that.timeButton.addClass(that.toThemeProperty('jqx-rc-r'));
            }
            else {
                that.timeButton.addClass(that.toThemeProperty('jqx-rc-l'));
            }

            var me = this;
            that._arrange();

            if ($.jqx._jqxCalendar != null && $.jqx._jqxCalendar != undefined) {
                try {
                    var calendarID = 'calendar' + that.id;
                    var oldContainer = $($.find('#' + calendarID));
                    if (oldContainer.length > 0) {
                        oldContainer.remove();
                    }
                    $.jqx.aria(this, "aria-owns", calendarID);
                    $.jqx.aria(this, "aria-haspopup", true);
                    $.jqx.aria(this, "aria-readonly", that.selectionMode == 'range' ? true : false);

                    var container = $("<div style='overflow: hidden; background: transparent; position: absolute;' id='calendar" + that.id + "'><div id='innerCalendar" + that.id + "'></div><div id='innerTime" + that.id + "'></div></div>");
                    if ($.jqx.utilities.getBrowser().browser == 'opera') {
                        container.hide();
                    }

                    if (that.dropDownContainer == "element") {
                        container.appendTo(that.host);
                    }
                    else {
                        container.appendTo(document.body);
                    }
                    that.container = container;
                    that.calendarContainer = $($.find('#innerCalendar' + that.id)).jqxCalendar({restrictedDates: this.restrictedDates, changing: that.changing, change: that.change, enableViews: that.enableViews, selectableDays: that.selectableDays, views: that.views, rowHeaderWidth: that.rowHeaderWidth, titleHeight: that.titleHeight, columnHeaderHeight: that.columnHeaderHeight, _checkForHiddenParent: false, enableAutoNavigation: false, canRender: false, localization: that.localization, todayString: that.todayString, clearString: that.clearString, dayNameFormat: that.dayNameFormat, rtl: that.rtl, culture: that.culture, showFooter: that.showFooter, selectionMode: that.selectionMode, firstDayOfWeek: that.firstDayOfWeek, showWeekNumbers: that.showWeekNumbers, width: that.dropDownWidth, height: that.dropDownHeight, theme: that.theme });
                    if (that.dropDownContainer == "element") {
                        that.calendarContainer.css({ position: 'absolute', top: 0, left: 0 });
                    }
                    else {
                        that.calendarContainer.css({ position: 'absolute', zIndex: that.popupZIndex, top: 0, left: 0 });
                    }
                    that.calendarContainer.addClass(that.toThemeProperty('jqx-popup'));
                    if ($.jqx.browser.msie) {
                        that.calendarContainer.addClass(that.toThemeProperty('jqx-noshadow'));
                    }

                    that.timeContainer = $($.find('#innerTime' + that.id));
                    that.timeContainer.css({position: 'absolute', zIndex: that.popupZIndex, top: 0, left: 0 });
                    that.timeContainer.addClass(that.toThemeProperty('jqx-popup'));
                    if ($.jqx.browser.msie) {
                        that.timeContainer.addClass(that.toThemeProperty('jqx-noshadow'));
                    }

                    that._calendar = $.data(that.calendarContainer[0], "jqxCalendar").instance;
                    var me = this;
                    that._calendar.today = function () {
                        me.today();
                    }
                    that._calendar.clear = function () {
                        me.clear();
                    }

                    if ($.jqx.utilities.getBrowser().browser == 'opera') {
                        container.show();
                    }
                    container.height(parseInt(that.calendarContainer.height()) + 25);
                    container.width(parseInt(that.calendarContainer.width()) + 25);

                    if (that.selectionMode == 'range') {
                        that.readonly = true;
                    }

                    if (that.animationType == 'none') {
                        that.container.css('display', 'none');
                    }
                    else {
                        that.container.hide();
                    }

                }
                catch (e) {

                }
            }

            if ($.global) {
                $.global.preferCulture(that.culture);
            }

            that.selectedText = "";

            that._addHandlers();
            that.self = this;
            that.oldValue = that.getDate();
            that.items = new Array();
            that.editors = new Array();

            that._loadItems();
            that.editorText = "";

            if (that.readonly == true) {
                that.dateTimeInput.css("readonly", that.readonly);
            }

            that.dateTimeInput.css("text-align", that.textAlign);
            that.host.addClass(that.toThemeProperty('jqx-widget'));
            that.host.addClass(that.toThemeProperty('jqx-datetimeinput'));
            that.host.addClass(that.toThemeProperty('jqx-input'));
            that.host.addClass(that.toThemeProperty('jqx-overflow-hidden'));
            that.host.addClass(that.toThemeProperty('jqx-rc-all'));
            that.host.addClass(that.toThemeProperty("jqx-reset"));
            that.host.addClass(that.toThemeProperty("jqx-clear"));
            that.host.addClass(that.toThemeProperty("jqx-widget-content"));

            that.propertyChangeMap['disabled'] = function (instance, key, oldVal, value) {
                if (value) {
                    instance.host.addClass(me.toThemeProperty('jqx-input-disabled'));
                    instance.host.addClass(me.toThemeProperty('jqx-fill-state-disabled'));
                }
                else {
                    instance.host.removeClass(me.toThemeProperty('jqx-fill-state-disabled'));
                    instance.host.removeClass(me.toThemeProperty('jqx-input-disabled'));
                }
                $.jqx.aria(instance, "aria-disabled", value);
            }

            if (that.disabled) {
                that.host.addClass(that.toThemeProperty('jqx-input-disabled'));
                that.host.addClass(that.toThemeProperty('jqx-fill-state-disabled'));
                that.dateTimeInput.attr("disabled", true);
            }

            if (that.host.parents('form').length > 0) {
                that.addHandler(that.host.parents('form'), 'reset', function () {
                    setTimeout(function () {
                        me.setDate(new Date());
                    }, 10);
                });
            }

            if (that.cookies) {
                var date = $.jqx.cookie.cookie("jqxDateTimeInput" + that.element.id);
                if (date != null) {
                    that.setDate(new Date(date));
                }
            }

            // fix for IE7
            if ($.jqx.browser.msie && $.jqx.browser.version < 8) {
                if (that.host.parents('.jqx-window').length > 0) {
                    var zIndex = that.host.parents('.jqx-window').css('z-index');
                    that.container.css('z-index', zIndex + 10);
                    that.calendarContainer.css('z-index', zIndex + 10);
                }
            }

            if (that.culture != 'default') {
                that._applyCulture();
            }

            if (that.value) {
                if (that.calendarContainer.jqxCalendar('_isDisabled', that.value.dateTime)) {
                    that.dateTimeInput.addClass(that.toThemeProperty("jqx-input-invalid"));
                }
                else {
                    that.dateTimeInput.removeClass(that.toThemeProperty("jqx-input-invalid"));
                }
            }
        },

        val: function (value) {
            var that = this;
            if (arguments.length != 0) {
                if (value == null)
                    that.setDate(null);

                if (that.selectionMode == 'range') {
                    that.setRange(arguments[0], arguments[1]);
                    return that.getText();
                }

                if (value instanceof Date) {
                    that.setDate(value);
                }

                if (typeof (value) == "string") {
                    if (value == 'date') {
                        return that.getDate();
                    }

                    that.setDate(value);
                }
                if (that._calendar.getDate() != that.getDate()) {
                    that._calendar.setDate(that.getDate());
                }
            }
            return that.getText();
        },

        _setSize: function () {
            if (this.width != null && this.width.toString().indexOf("px") != -1) {
                this.element.style.width = parseInt(this.width) + "px"
            }
            else
                if (this.width != undefined && !isNaN(this.width)) {
                    this.element.style.width = parseInt(this.width) + "px"
                }

            if (this.height != null && this.height.toString().indexOf("px") != -1) {
                this.element.style.height = parseInt(this.height) + "px"
            }
            else if (this.height != undefined && !isNaN(this.height)) {
                this.element.style.height = parseInt(this.height) + "px"
            }

            var isPercentage = false;
            if (this.width != null && this.width.toString().indexOf("%") != -1) {
                isPercentage = true;
                this.host.width(this.width);
            }

            if (this.height != null && this.height.toString().indexOf("%") != -1) {
                isPercentage = true;
                this.host.height(this.height);
            }

            var me = this;
            var resizeFunc = function () {
                if (me.calendarContainer) {
                    me._arrange();
                }
            }

            if (isPercentage) {
                if (this.calendarContainer) {
                    this._arrange();
                    var width = this.host.width();
                    if (this.dropDownWidth != 'auto') {
                        width = this.dropDownWidth;
                    }
                    this.calendarContainer.jqxCalendar({ width: width });
                    this.container.width(parseInt(width) + 25);
                }
            }
            $.jqx.utilities.resize(this.host, function () {
                resizeFunc();
            });
        },

        _arrange: function () {
            if (this.height == null) {
                this.height = 27;
                this.host.height(27);
            }
            var width = parseInt(this.host.width());
            var height = parseInt(this.host.height());

            var buttonWidth = this.buttonSize;
            var rightOffset = 2;
            if (!this.showCalendarButton && !this.showTimeButton) {
                buttonWidth = 0;
                buttonHeight = 0;
                this.calendarButton.hide();
                rightOffset = 0;
            }
            if (!this.showCalendarButton) {
                this.calendarButton.hide();
            }
            else {
                this.calendarButton.show();
            }
            if (!this.showTimeButton) {
                this.timeButton.hide();
            }
            else {
                this.timeButton.show();
            }

            var contentWidth = width - buttonWidth - 1 * rightOffset;
            if (this.showTimeButton && this.showCalendarButton) {
                var contentWidth = width - 2*buttonWidth - 1 * rightOffset;
            }
            else if (this.showTimeButton || this.showCalendarButton) {
                var contentWidth = width - buttonWidth - 1 * rightOffset;
            }

            if (contentWidth > 0) {
                this.dateTimeInput[0].style.width = contentWidth + 'px';
            }
            if (this.rtl) {
                this.dateTimeInput[0].style.width = (-1 + contentWidth + 'px');
            }

            this.dateTimeInput[0].style.left = '0px';
            this.dateTimeInput[0].style.top = '0px';
            this.calendarButton[0].style.width = buttonWidth + 1 + 'px';
            this.calendarButton[0].style.left = 1 + contentWidth + 'px';
            this.timeButton[0].style.width = buttonWidth + 1 + 'px';
            if (this.showCalendarButton) {
                this.timeButton[0].style.left = 1 + this.calendarButton.width() + contentWidth + 'px';
            }
            else {
                this.timeButton[0].style.left = 1 + contentWidth + 'px';
            }

            if (this.renderMode != "full") {
                this.calendarButton[0].style.width = '100%';
                this.calendarButton[0].style.left = '0px';
                this.calendarButton.css('border', 'none');
                this.timeButton[0].style.width = '100%';
                this.timeButton[0].style.left = '0px';
                this.timeButton.css('border', 'none');
            }
            var inputHeight = this.dateTimeInput.height();
            if (inputHeight == 0 && this.renderMode != "full")
            {
                inputHeight = parseInt(this.dateTimeInput.css('font-size')) + 3;
                this.calendarButton.addClass(this.toThemeProperty('jqx-rc-all'));
                this.timeButton.addClass(this.toThemeProperty('jqx-rc-all'));
            }
            else inputHeight = 17;

            if (this.dateTimeInput[0].className.indexOf('jqx-rc-all') == -1) {
                this.dateTimeInput.addClass(this.toThemeProperty('jqx-rc-all'));
            }

            var top = parseInt(height) / 2 - parseInt(inputHeight) / 2;
            if (top > 0)
            {
                var fontSize = this.dateTimeInput.css("font-size");
                if ("" == fontSize) fontSize = 13;

                var top = height - 2 - parseInt(fontSize) - 2;
                if (isNaN(top)) top = 0;
                if (top < 0) top = 0;

                var topPadding = top / 2;

                // fix for MSIE 6 and 7. These browsers double the top padding for some reason...
                if ($.jqx.browser.msie && $.jqx.browser.version < 8)
                {
                    topPadding = top / 4;
                }
                this.dateTimeInput[0].style.paddingTop = Math.round(topPadding) + "px";
                this.dateTimeInput[0].style.paddingBottom = Math.round(topPadding) + "px";
            }

            if (this.rtl) {
                this.calendarButton[0].style.width = buttonWidth + 'px';
                this.timeButton[0].style.width = buttonWidth + 'px';
                this.calendarButton.css('left', '0px');
                if (this.showCalendarButton) {
                    this.timeButton.css('left', buttonWidth + 'px');
                }
                else {
                    this.timeButton.css('left', '0px');
                }

                this.dateTimeInput.css('left', this.calendarButton.width());
                if (this.showTimeButton && this.showCalendarButton) {
                    this.dateTimeInput.css('left', this.timeButton.width() + this.calendarButton.width());
                }
                if ($.jqx.browser.msie && $.jqx.browser.version <= 8) {
                    this.dateTimeInput.css('left', 1 + this.calendarButton.width());
                    if (this.showTimeButton && this.showCalendarButton) {
                        this.dateTimeInput.css('left', 1 + this.timeButton.width() + this.calendarButton.width());
                    }
                }
            }
        },

        _removeHandlers: function () {
            var me = this;
            this.removeHandler($(document), 'mousedown.' + this.id);
            if (this.dateTimeInput) {
                this.removeHandler(this.dateTimeInput, 'keydown.' + this.id);
                this.removeHandler(this.dateTimeInput, 'blur');
                this.removeHandler(this.dateTimeInput, 'focus');
                this.removeHandler(this.host, 'focus');
                this.removeHandler(this.dateTimeInput, 'mousedown');
                this.removeHandler(this.dateTimeInput, 'mouseup');
                this.removeHandler(this.dateTimeInput, 'keydown');
                this.removeHandler(this.dateTimeInput, 'keyup');
                this.removeHandler(this.dateTimeInput, 'keypress');
            }
            if (this.calendarButton != null) {
                this.removeHandler(this.calendarButton, 'mousedown');
            }
            if (this.timeButton != null) {
                this.removeHandler(this.timeButton, 'mousedown');
            }
            if (this.calendarContainer != null) {
                this.removeHandler(this.calendarContainer, 'cellSelected');
                this.removeHandler(this.calendarContainer, 'cellMouseDown');
            }
            this.removeHandler($(window), 'resize.' + this.id);
        },

        isOpened: function () {
            var me = this;
            var openedCalendar = $.data(document.body, "openedJQXCalendar" + this.id);
            if (openedCalendar != null && openedCalendar == me.calendarContainer) {
                return true;
            }

            return false;
        },

        wheel: function (event, self) {
            if (!self.isEditing)
            {
                return;
            }

            self.changeType = "mouse";
            var delta = 0;
            if (!event) /* For IE. */
                event = window.event;
            if (event.originalEvent && event.originalEvent.wheelDelta) {
                event.wheelDelta = event.originalEvent.wheelDelta;
            }
            if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta / 120;
            } else if (event.detail) { /** Mozilla case. */
                delta = -event.detail / 3;
            }

            if (delta) {
                var result = self._handleDelta(delta);
                if (!result) {
                    if (event.preventDefault)
                        event.preventDefault();
                    event.returnValue = false;
                    return result;
                }
                else return false;
            }

            if (event.preventDefault)
                event.preventDefault();
            event.returnValue = false;
        },

        _handleDelta: function (delta) {
            if (delta < 0) {
                this.spinDown();
            }
            else this.spinUp();

            return false;
        },

        focus: function () {
            try {
                var me = this;
                me._firstFocusDate = me.getDate();
                this._setSelectionStart(0);
                this._selectGroup(-1);
                this.dateTimeInput.focus();
                setTimeout(function () {
                    me._setSelectionStart(0);
                    me._selectGroup(-1);
                    me.dateTimeInput.focus();
                }, 25);
            }
            catch (error) {
            }
        },

        _addHandlers: function () {
            var id = this.element.id;
            var el = this.element;
            var me = this;

            if (this.host.parents()) {
                this.addHandler(this.host.parents(), 'scroll.datetimeinput' + this.element.id, function (event) {
                    var opened = me.isOpened();
                    if (opened) {
                        me.close();
                    }
                });
            }

            this.addHandler(this.host, 'mouseenter', function () {
                if (!me.disabled && me.enableHover) {
                    hovered = true;
                    me.calendarButtonIcon.addClass(me.toThemeProperty('jqx-icon-calendar-hover'));
                    me.calendarButton.addClass(me.toThemeProperty('jqx-fill-state-hover'));
                    if (me.showTimeButton)
                    {
                        me.timeButtonIcon.addClass(me.toThemeProperty('jqx-icon-time-hover'));
                        me.timeButton.addClass(me.toThemeProperty('jqx-fill-state-hover'));
                    }
                }
            });
            this.addHandler(this.host, 'mouseleave', function () {
                if (!me.disabled && me.enableHover) {
                    me.calendarButtonIcon.removeClass(me.toThemeProperty('jqx-icon-calendar-hover'));
                    me.calendarButton.removeClass(me.toThemeProperty('jqx-fill-state-hover'));
                    if (me.showTimeButton)
                    {
                        me.timeButtonIcon.removeClass(me.toThemeProperty('jqx-icon-time-hover'));
                        me.timeButton.removeClass(me.toThemeProperty('jqx-fill-state-hover'));
                    }
                }
            });

            this.addHandler(this.host, 'mousewheel', function (event) {
                me.wheel(event, me);
            });

            this.addHandler($(document), 'mousedown.' + this.id, this._closeOpenedCalendar, { me: this });
            if ($.jqx.mobile.isTouchDevice()) {
                this.addHandler($(document), $.jqx.mobile.getTouchEventName('touchstart') + '.' + this.id, this._closeOpenedCalendar, { me: this });
            }

            this.addHandler(this.dateTimeInput, 'keydown.' + this.id, function (event) {
                var openedCalendar = $.data(document.body, "openedJQXCalendar" + me.id);
                if (openedCalendar != null && openedCalendar == me.calendarContainer) {
                    var result = me.handleCalendarKey(event, me);
                    return result;
                }
            });

            if (this.calendarContainer != null) {
                this.addHandler(this.calendarContainer, 'keydown', function (event) {
                    if (event.keyCode == 13) {
                        if (me.isOpened()) {
                            if (!me._calendar._viewAnimating && me._calendar.view == "month") {
                                me.hideCalendar('selected', 'keyboard');
                                me.dateTimeInput.focus();
                                return false;
                            }
                        }
                        return true;
                    }
                    else if (event.keyCode == 9) {
                        if (me.isOpened()) {
                            me.hideCalendar('selected', 'keyboard');
                            return true;
                        }
                    }
                    else if (event.keyCode == 27) {
                        if (me.isOpened()) {
                            me.hideCalendar(null, 'keyboard');
                            me.dateTimeInput.focus();
                            return false;
                        }
                        return true;
                    }

                    me.timePopup = false;
                    if (event.keyCode == 84) {
                        me.timePopup = true;
                    }

                    if (event.keyCode == 115) {
                        if (me.isOpened()) {
                            me.hideCalendar("keyboard", 'keyboard');
                            me.dateTimeInput.focus();
                            return false;
                        }
                        else if (!me.isOpened()) {
                            me.showCalendar("keyboard", 'keyboard');
                            me.dateTimeInput.focus();
                            return false;
                        }
                    }

                    if (event.altKey) {
                        if (event.keyCode == 38) {
                            if (me.isOpened()) {
                                me.hideCalendar("keyboard", 'keyboard');
                                me.dateTimeInput.focus();
                                return false;
                            }
                        }
                        else if (event.keyCode == 40) {
                            if (!me.isOpened()) {
                                me.showCalendar("keyboard", 'keyboard');
                                me.dateTimeInput.focus();
                                return false;
                            }
                        }
                    }
                });

                this.addHandler(this.calendarContainer, 'cellSelected',
                function (event) {
                    if (me.closeCalendarAfterSelection) {
                        var calendarOldValue = $.data(document.body, "openedJQXCalendarValue");
                        if (event.args.selectionType == 'mouse') {
                            if (me.selectionMode != 'range') {
                                me.hideCalendar('selected', 'mouse');
                            }
                            else {
                                if (me._calendar._clicks == 0) {
                                    me.hideCalendar('selected', 'mouse');
                                }
                            }
                        }
                    }
                });

                this.addHandler(this.calendarContainer, 'cellMouseDown',
                function (event) {
                    if (me.closeCalendarAfterSelection) {
                        if (me._calendar.value) {
                            $.data(document.body, "openedJQXCalendarValue", new $.jqx._jqxDateTimeInput.getDateTime(me._calendar.value.dateTime));
                        }
                    }
                });
            }

            this.addHandler(this.dateTimeInput, 'blur', function (event) {
                if (me.value != null) {
                    me.isEditing = false;
                    var oldDay = me.value.dateTime.getDay();
                    var oldValue = me._oldDT;
                    me._validateValue(true);
                    if (event.stopPropagation) {
                        event.stopPropagation();
                    }
                    //if (me.selectableDays.length != 7) {
                    //    var dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
                    //    var d = me.value.dateTime.getDay();
                    //    var name = dayNames[d];
                    //    if (me.selectableDays.length > 0) {
                    //        if (me.selectableDays.indexOf(name) == -1) {
                    //            if (me.value.dateTime < oldValue) {
                    //                while (me.selectableDays.indexOf(name) == -1) {
                    //                    me.value._addDays(-1);
                    //                    var d = me.value.dateTime.getDay();
                    //                    name = dayNames[d];
                    //                }
                    //            }
                    //            else {
                    //                while (me.selectableDays.indexOf(name) == -1) {
                    //                    me.value._addDays(1);
                    //                    var d = me.value.dateTime.getDay();
                    //                    name = dayNames[d];
                    //                }
                    //            }
                    //            me.value.day = me.value.dateTime.getDate();
                    //            me.value.month = me.value.dateTime.getMonth() + 1;
                    //            me._updateEditorsValue();
                    //        }
                    //    }
                    //}
                    me._updateText();
                    me._raiseEvent(9, event);
                }
                if (!me.isOpened())
                {
                    me.host.removeClass(me.toThemeProperty('jqx-fill-state-focus'));
                }
            });

            this.addHandler(this.host, 'focus', function (event) {
                me.focus();
            });

            this.addHandler(this.dateTimeInput, 'focus', function (event) {
                me._firstFocusDate = me.getDate();
                if (me.value != null) {
                    if (me.selectionMode != 'range') {
                        me._oldDT = new Date(me.value.dateTime);
                    }
                    else me._oldDT = me.getRange();
                    setTimeout(function ()
                    {
                        var selection = me._selection();
                        me.isEditing = true;
                        me._validateValue();
                        me._updateText();
                        me._setSelectionStart(0);
                        me._selectGroup(-1, selection);
                        me.host.addClass(me.toThemeProperty('jqx-fill-state-focus'));
                    });
                }
                else {
                    me._setSelectionStart(0);
                    me._selectGroup(-1);
                    me.host.addClass(me.toThemeProperty('jqx-fill-state-focus'));
                }

                if (event.stopPropagation) {
                    event.stopPropagation();
                }

                if (event.preventDefault) {
                    event.preventDefault();
                    return false;
                }
            });

            var eventName = 'mousedown';
            if (this.touch) {
                eventName = $.jqx.mobile.getTouchEventName('touchstart');
            }

            this.addHandler(this.calendarButton, eventName,
                function (event) {
                    var calendar = me.container;
                    var isOpen = calendar.css('display') == 'block';
                    me.timePopup = false;
                    me.calendarPopup = true;
                    if (!me.disabled) {
                        if (!me.isanimating) {
                            if (isOpen) {
                                me.hideCalendar();
                                return false;
                            }
                            else {
                                me.showCalendar("mouse");
                                event.preventDefault();
                            }
                        }
                    }
                });

            this.addHandler(this.timeButton, eventName,
            function (event) {
                var calendar = me.container;
                var isOpen = calendar.css('display') == 'block';
                me.timePopup = true;
                me.calendarPopup = false;

                if (!me.disabled) {
                    if (!me.isanimating) {
                        if (isOpen) {
                            me.hideCalendar("mouse", 'mouse');
                            return false;
                        }
                        else {
                            me.showCalendar("mouse");
                            event.preventDefault();
                        }
                    }
                }
            });

            this.addHandler(this.dateTimeInput, 'mousedown',
            function (event) {
                return me._raiseEvent(2, event)
            });

            this.addHandler(this.dateTimeInput, 'mouseup',
            function (event) {
                return me._raiseEvent(3, event)
            });

            this.addHandler(this.dateTimeInput, 'keydown',
            function (event) {
                return me._raiseEvent(4, event)
            });

            this.addHandler(this.dateTimeInput, 'keyup',
            function (event) {
                return me._raiseEvent(5, event)
            });

            this.addHandler(this.dateTimeInput, 'keypress',
            function (event) {
                return me._raiseEvent(6, event)
            });
        },

        createID: function () {
            var id = Math.random() + '';
            id = id.replace('.', '');
            id = '99' + id;
            id = id / 1;
            return 'dateTimeInput' + id;
        },

        setMaxDate: function (date, refresh) {
            if (date == null)
                return;

            if (date != null && typeof (date) == "string") {
                date = new Date(date);
                if (date == "Invalid Date")
                    return;
            }

            this.maxDate = $.jqx._jqxDateTimeInput.getDateTime(date);
            if (this._calendar != null) {
                this._calendar.setMaxDate(date);
            }
            if (refresh != false) {
                if (this.getDate() != null && this.getDate() > date) {
                    this.setDate(date);
                }
                $.jqx.aria(this, "aria-valuemax", date);
                this._refreshValue();
                this._updateText();
            }
        },

        getMaxDate: function () {
            if (this.maxDate != null && this.maxDate != undefined) {
                return this.maxDate.dateTime;
            }

            return null;
        },

        setMinDate: function (date, refresh) {
            if (date == null)
                return;

            if (date != null && typeof (date) == "string") {
                date = new Date(date);
                if (date == "Invalid Date")
                    return;
            }

            this.minDate = $.jqx._jqxDateTimeInput.getDateTime(date);
            if (this._calendar != null) {
                this._calendar.setMinDate(date);
            }
            if (refresh != false) {
                if (this.getDate() != null && this.getDate() < date) {
                    this.setDate(date);
                }
                $.jqx.aria(this, "aria-valuemin", date);
                this._refreshValue();
                this._updateText();
            }
        },

        getMinDate: function () {
            if (this.minDate != null && this.minDate != undefined) {
                return this.minDate.dateTime;
            }

            return null;
        },

        _applyCulture: function () {
            var globalize = false;
            try {
                if (Globalize != undefined) {
                    globalize = true;
                }
            }
            catch (error) {
            }

            try {
                if ($.global) {
                    $.global.preferCulture(this.culture);
                    this.localization.calendar = $.global.culture.calendar;
                }
                else if (globalize) {
                    var culture = Globalize.culture(this.culture);
                    this.localization.calendar = culture.calendar;
                }
                this._loadItems();
                if (this._calendar != null) {
                    this._calendar.culture = this.culture;
                    this._calendar.localization = this.localization;
                    this._calendar.render();
                }
            }
            catch (error) {
            }
        },

        propertyMap: function (key) {
            if (key == "value") {
                if (this.selectionMode != 'range') {
                    return this.getDate();
                }
                else return this.getRange();
            }
            return null;
        },

        propertiesChangedHandler: function(object, oldValues, newValues)
        {
            if (newValues && newValues.width && newValues.height && Object.keys(newValues).length == 2)
            {
                object.refresh();
                object.close();
            }
        },

        propertyChangedHandler: function (object, key, oldvalue, value) {
            if (object.isInitialized == undefined || object.isInitialized == false)
                return;

            if (object.batchUpdate && object.batchUpdate.width && object.batchUpdate.height && Object.keys(object.batchUpdate).length == 2)
            {
                return;
            }

            if (key == "template")
            {
                object.timeButton.removeClass(object.toThemeProperty("jqx-" + oldvalue))
                object.calendarButton.removeClass(object.toThemeProperty("jqx-" + oldvalue))
                object.timeButton.addClass(object.toThemeProperty("jqx-" + object.template))
                object.calendarButton.addClass(object.toThemeProperty("jqx-" + object.template))
            }

            if (key == "restrictedDates") {
                object.calendarContainer.css({ restrictedDates: value });
            }

            if (key == "popupZIndex") {
                object.calendarContainer.css({ zIndex: value });
            }

            if (key == "showCalendarButton") {
                object._arrange();
            }

            if (key == "showTimeButton") {
                object._arrange();
                if (object.timePopupElement) {
                    object.timePopupElement.remove();
                    object.timePopupElement = null;
                }
            }

            if (key == "selectionMode") {
                object._calendar.selectionMode = value;
                object.refreshValue();
            }

            if (key == "min") {
                if (typeof (value) == "string") {
                    object.setMinDate(new Date(value));
                }
                else {
                    object.setMinDate(value);
                }
            }
            if (key == "max") {
                if (typeof (value) == "string") {
                    object.setMaxDate(new Date(value));
                }
                else {
                    object.setMaxDate(value);
                }
            }

            if (key == "value") {
                if (value != null && value instanceof Date) {
                    if (isNaN(value.getFullYear()) || isNaN(value.getMonth()) || isNaN(value.getDate())) {
                        this.value = oldvalue;
                        return;
                    }

                    value = $.jqx._jqxDateTimeInput.getDateTime(value);
                }
                else if (value != null && typeof (value) == "string") {
                    var date = new Date(value);
                    if (date != undefined && !isNaN(date)) {
                        this.value = $.jqx._jqxDateTimeInput.getDateTime(date);
                    }
                }
            }

            if (key == "views") {
                object.calendarContainer.jqxCalendar({ views: value });
            }

            if (key == "enableViews") {
                object.calendarContainer.jqxCalendar({ enableViews: value });
            }

            if (key == "selectableDays") {
                object.calendarContainer.jqxCalendar({ selectableDays: value });
            }

            if (key == "showFooter") {
                object.calendarContainer.jqxCalendar({ showFooter: value });
            }

            if (key == 'rtl') {
                object.calendarContainer.jqxCalendar({ rtl: value });
                if (value) {
                    object.dateTimeInput.css('direction', 'rtl');
                    object.dateTimeInput.addClass('jqx-rtl');
                }
                else {
                    object.dateTimeInput.css('direction', 'ltr');
                    object.dateTimeInput.removeClass('jqx-rtl');
                }
            }

            if (key == 'todayString' || key == 'clearString') {
                object.calendarContainer.jqxCalendar({ clearString: object.clearString, todayString: object.todayString });
            }

            if (key == 'dayNameFormat') {
                object.calendarContainer.jqxCalendar({ dayNameFormat: value });
            }

            if (key == 'firstDayOfWeek') {
                object.calendarContainer.jqxCalendar({ firstDayOfWeek: value });
            }
            if (key == 'showWeekNumbers') {
                object.calendarContainer.jqxCalendar({ showWeekNumbers: value });
            }

            if (key == 'culture' || key == 'localization') {
                object._applyCulture();
            }
            else if (key == 'formatString') {
                object.items = new Array();
                object._loadItems();
            }

            if (key == "theme") {
                $.jqx.utilities.setTheme(oldvalue, value, object.host);
                object.calendarContainer.jqxCalendar({ theme: value });
            }

            if (key == "width" || key == "height")
            {
                object.close();
                object.refresh();
                return;
            }

            object._setOption(key, value, oldvalue);
            if (key == 'dropDownWidth' || key == 'dropDownHeight') {
                object.calendarContainer.jqxCalendar({ width: object.dropDownWidth, height: object.dropDownHeight });
                object._calendar.render();
                object.container.height(object.calendarContainer.height());
                object.container.width(object.calendarContainer.width());
            }
        },

        clear: function () {
            if (this.allowNullDate) {
                if (this.selectionMode != 'range') {
                    this.setDate(null);
                }
                else {
                    this._calendar._clicks = 1
                    this.setRange(null, null);
                }
                this._calendar._clicks = 0
            }
            else {
                if (this.selectionMode != 'range') {
                    this.setDate(me.getMinDate());
                }
                else {
                    this._calendar._clicks = 1
                    this.setRange(me.getMinDate(), me.getMinDate());
                    this._calendar._clicks = 0
                }
            }
            this.hideCalendar();
        },

        today: function () {
            var date = new Date();
            date.setHours(0, 0, 0, 0);
            if (this.selectionMode != 'range') {
                this.setDate(date);
            }
            else {
                this._calendar._clicks = 0
                var toDate = new Date();
                toDate.setHours(23, 59, 59, 0);
                this.setRange(date, toDate);
                this._calendar._clicks = 0
            }

            this.hideCalendar();
        },

        setDate: function (date) {
            var oldDate = this.getDate();
            if (date != null && typeof (date) == "string") {
                var beforeParse = date;
                if (date.toString().indexOf(',') >= 0) {
                    date = date.replace(/\,/g, '/');
                    date = new Date(date);
                    if (date == "Invalid Date") {
                        date = beforeParse;
                    }
                }
                if (date.toString().indexOf('-') >= 0) {
                    date = date.replace(/\-/g, '/'); 
                    date = new Date(date);
                    if (date == "Invalid Date") {
                        date = beforeParse;
                    }
                }
                if (date != '') {
                    var tmpDate = date;
                    if (Globalize != undefined) {
                        date = Globalize.parseDate(tmpDate, this.formatString, this.culture);
                    }
                    else if ($.jqx.dataFormat) {
                        date = $.jqx.dataFormat.parsedate(tmpDate, this.formatString, this.localization.calendar);
                    }
                    else {
                        date = new Date(date);
                    }
                    if (date == "Invalid Date") {
                        return;
                    }
                    if (date === null && tmpDate !== null) {
                        if (tmpDate != "Invalid Date") {
                            date = tmpDate;
                        }
                    }
                }
            }

            if (date == null || date == 'null' || date == 'undefined') {
                if (!this.allowNullDate) {
                    date = this.min;
                }
            }

            if (date == "Invalid Date")
                date = null;

            if (date == null || date == 'null' || date == 'undefined' || date === '') {
                if (this.value != null) {
                    this.value = null;
                    this._calendar.setDate(null);
                    this._refreshValue();
                    if (this.cookies) {
                        if (this.value != null) {
                            $.jqx.cookie.cookie("jqxDateTimeInput" + this.element.id, this.value.dateTime.toString(), this.cookieoptions);
                        }
                    }
                    this._setSelectionStart(0);
                    this._selectGroup(-1);
                    this._raiseEvent('0', date, oldDate);
                    this._raiseEvent('9', date, oldDate);
                }
                return;
            }

            if (date < this.getMinDate() || date > this.getMaxDate()) {
                return;
            }

            if (this.value == null) {
                this.value = new $.jqx._jqxDateTimeInput.getDateTime(new Date());
                this.value._setHours(0);
                this.value._setMinutes(0);
                this.value._setSeconds(0);
                this.value._setMilliseconds(0);
            }

            if (date.getFullYear) {
                this.value._setYear(date.getFullYear());
                this.value._setDay(1);
                this.value._setMonth(date.getMonth() + 1);
                this.value._setHours(date.getHours());
                this.value._setMinutes(date.getMinutes());
                this.value._setSeconds(date.getSeconds());
                this.value._setMilliseconds(date.getMilliseconds());
                this.value._setDay(date.getDate());
            }

            this._validateTimeRange();
            this._refreshValue();

            if (this.cookies) {
                if (this.value != null) {
                    $.jqx.cookie.cookie("jqxDateTimeInput" + this.element.id, this.value.dateTime.toString(), this.cookieoptions);
                }
            }

            var newDate = this.getDate();

            var diff = (newDate - oldDate);
            if (diff != 0) {
                this._raiseEvent('0', date, oldDate);
                this._raiseEvent('9', date, oldDate);
                return true;
            }
        },

        getDate: function () {
            if (this.value == undefined)
                return null;

            return new Date(this.value.dateTime);
        },

        getText: function () {
            return this.dateTimeInput.val();
        },

        setRange: function (from, to) {
            if (from == "Invalid Date") from = null;
            if (to == "Invalid Date") to = null;

            if (from != null && typeof (from) == "string") {
                from = new Date(from);
                if (from == "Invalid Date")
                    return;
            }
            if (to != null && typeof (to) == "string") {
                to = new Date(to);
                if (to == "Invalid Date")
                    return;
            }

            if (from && isNaN(from) && from.toString() == "NaN" && typeof (from) != "string") {
                return;
            }
            if (to && isNaN(to) && to.toString() == "NaN" && typeof (to) != "string") {
                return;
            }
            this._calendar.setRange(from, to);
            if (to && from && (to.valueOf() != from.valueOf())) {
                this._range = { from: from, to: to };
            }
            else {
                this._range = this._calendar.getRange();
            }

            var date = from;
            if (date != null && date.getFullYear) {
                if (this.value == null) {
                    this.value = new $.jqx._jqxDateTimeInput.getDateTime(new Date());
                    this.value._setHours(0);
                    this.value._setMinutes(0);
                    this.value._setSeconds(0);
                    this.value._setMilliseconds(0);
                }

                this.value._setYear(date.getFullYear());
                this.value._setMonth(date.getMonth() + 1);
                this.value._setHours(date.getHours());
                this.value._setMinutes(date.getMinutes());
                this.value._setSeconds(date.getSeconds());
                this.value._setMilliseconds(date.getMilliseconds());
                this.value._setDay(date.getDate());
            }
            this._refreshValue();
            if (this.value) {
                this._raiseEvent('0', this.value.dateTime);
            }
            else {
                this._raiseEvent('0', null);
            }
        },

        getRange: function () {
            var range = this._calendar.getRange();
            if (this._range) {
                var from = this._range.from;
                var to = this._range.to;
                if (to && from && (to.valueOf() != from.valueOf())) {
                    if (range.from) {
                        range.from.setHours(from.getHours(), from.getMinutes(), from.getSeconds(), from.getMilliseconds());
                    }
                    if (range.to) {
                        range.to.setHours(to.getHours(), to.getMinutes(), to.getSeconds(), to.getMilliseconds());
                    }
                }
            }
            return range;
        },

        _validateValue: function (blur) {
            var needValueUpdate = false;
            for (var i = 0; i < this.items.length; i++) {
                var editValue = this.editors[i].value;
                switch (this.items[i].type) {
                    case 'FORMAT_AMPM':
                        if (editValue < 0) {
                            editValue = 0;
                        }
                        else if (editValue > 1) {
                            editValue = 1;
                        }
                        break;
                    case 'Character':
                        break;
                    case 'Day':
                        if (editValue < 1) {
                            editValue = 1;
                        }
                        else if (editValue > 31) {
                            editValue = 31;
                        }
                        break;
                    case 'FORMAT_hh':
                        if (editValue < 1) {
                            editValue = 1;
                        }
                        else if (editValue > 12) {
                            editValue = 12;
                        }
                        break;
                    case 'FORMAT_HH':
                        if (editValue < 0) {
                            editValue = 0;
                        }
                        else if (editValue > 23) {
                            editValue = 23;
                        }
                        break;
                    case 'Millisecond':
                        if (editValue < 0) {
                            editValue = 0;
                        }
                        else if (editValue > 999) {
                            editValue = 999;
                        }
                        break;
                    case 'Minute':
                        if (editValue < 0) {
                            editValue = 0;
                        }
                        else if (editValue > 59) {
                            editValue = 59;
                        }
                        break;
                    case 'Month':
                        if (editValue < 1) {
                            editValue = 1;
                        }
                        else if (editValue > 12) {
                            editValue = 12;
                        }
                        break;
                    case 'ReadOnly':
                        break;
                    case 'Second':
                        if (editValue < 0) {
                            editValue = 0;
                        }
                        else if (editValue > 59) {
                            editValue = 59;
                        }
                        break;
                    case 'Year':
                        if (editValue < this.minDate.year) {
                            editValue = this.minDate.year;
                        }
                        else if (editValue > this.maxDate.year) {
                            editValue = this.maxDate.year;
                        }
                        break;
                }

                if (this.editors[i].value != editValue) {
                    this.editors[i].value = editValue;
                    needValueUpdate = true;
                }
            }

            this.updateValue(blur);

            if (this.value != null && blur === true) {
                if (this.value.dateTime > this.maxDate.dateTime) {
                    this._internalSetValue(this.maxDate);
                    this._updateEditorsValue();
                }
                else if (this.value.dateTime < this.minDate.dateTime) {
                    this._internalSetValue(this.minDate);
                    this._updateEditorsValue();
                }
                this._updateText();
            }
        },

        spinUp: function () {
            var value = this.value;
            if (value == null)
                return;

            if (this.activeEditor != null) {
                var currentEditorIndex = this.editors.indexOf(this.activeEditor);
                if (currentEditorIndex == -1) return;
                if (this.items[currentEditorIndex].type == 'Day') {
                    if (this.value != null) {
                        this.activeEditor.maxValue = this.value._daysInMonth(this.value.year, this.value.month);
                    }
                }

                var positions = this.activeEditor.positions;
                this.activeEditor.increaseValue(this.enableAbsoluteSelection);

                this.activeEditor.positions = positions;
            }

            if (this.isEditing) this.isEditing = false;

            this.updateValue();
            this.isEditing = true;
            this._updateText();

            var index1 = this.editors.indexOf(this.activeEditor);
            if (index1 >= 0) {
                this._selectGroup(index1);
            }
        },

        spinDown: function () {
            var value = this.value;
            if (value == null)
                return;

            if (this.activeEditor != null) {
                var currentEditorIndex = this.editors.indexOf(this.activeEditor);
                if (currentEditorIndex == -1) return;
                if (this.items[currentEditorIndex].type == 'Day') {
                    if (this.value != null) {
                        this.activeEditor.maxValue = this.value._daysInMonth(this.value.year, this.value.month);
                    }
                }

                var positions = this.activeEditor.positions;
                this.activeEditor.decreaseValue(this.enableAbsoluteSelection);
                this.activeEditor.positions = positions;
            }

            if (this.isEditing) this.isEditing = false;

            this.updateValue();
            this.isEditing = true;
            this._updateText();

            var index1 = this.editors.indexOf(this.activeEditor);
            if (index1 >= 0) {
                this._selectGroup(index1);
            }
        },

        _passKeyToCalendar: function (event) {
            if (event.keyCode == 13 || event.keyCode == 9) {
                this.hideCalendar('selected', 'keyboard');
                return true;
            }
            else if (event.keyCode == 27) {
                var calendar = this.calendarContainer;
                var calendarInstance = this._calendar;
                var closeAfterSelection = this.closeCalendarAfterSelection;
                this.closeCalendarAfterSelection = false;
                calendarInstance.setDate(this.value.dateTime);
                this.closeCalendarAfterSelection = closeAfterSelection;
                this.hideCalendar();
            }

            var closeAfterSelection = this.closeCalendarAfterSelection;
            this.closeCalendarAfterSelection = false;
            var result = this._calendar._handleKey(event);
            this.closeCalendarAfterSelection = closeAfterSelection;
            return result;
        },

        handleCalendarKey: function (event, me) {
            var $target = $(event.target);
            var openedCalendar = $.data(document.body, "openedJQXCalendar" + this.id);
            if (openedCalendar != null) {
                if (openedCalendar.length > 0) {
                    var result = me._passKeyToCalendar(event);
                    return result;
                }
            }

            return true;
        },

        _findPos: function (obj) {
            if (obj == null)
                return;

            while (obj && (obj.type == 'hidden' || obj.nodeType != 1 || $.expr.filters.hidden(obj))) {
                obj = obj['nextSibling'];
            }
            var position = $(obj).coord(true);
            return [position.left, position.top];
        },

        testOffset: function (element, offset, inputHeight) {
            var dpWidth = element.outerWidth();
            var dpHeight = element.outerHeight();
            var viewWidth = $(window).width() + $(window).scrollLeft();
            var viewHeight = $(window).height() + $(window).scrollTop();
            if (offset.left + dpWidth > viewWidth) {
                if (dpWidth > this.host.width()) {
                    var hostLeft = this.host.coord().left;
                    var hOffset = dpWidth - this.host.width();
                    offset.left = hostLeft - hOffset + 2;
                }
            }
            if (offset.left < 0) {
                offset.left = parseInt(this.host.coord().left) + 'px'
            }

            offset.top -= Math.min(offset.top, (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ?
                Math.abs(dpHeight + inputHeight + 23) : 0);

            return offset;
        },

        open: function (mode) {
            if (mode == "time") {
                this.timePopup = true;
            }
            else {
                this.timePopup = false;
            }
            this.showCalendar();
        },

        close: function (reason) {
            this.hideCalendar();
        },

        _getBodyOffset: function () {
            var top = 0;
            var left = 0;
            if ($('body').css('border-top-width') != '0px') {
                top = parseInt($('body').css('border-top-width'));
                if (isNaN(top)) top = 0;
            }
            if ($('body').css('border-left-width') != '0px') {
                left = parseInt($('body').css('border-left-width'));
                if (isNaN(left)) left = 0;
            }
            return { left: left, top: top };
        },

        initTimePopup: function()
        {
            this.timePopupElement = $("<div style='border-style: solid; border-width: 0px;'></div>").appendTo(this.timeContainer);
            this.timePopupElement.addClass(this.toThemeProperty('jqx-widget-content jqx-widget jqx-date-time-input-popup'));
            var popupTable = "";
            popupTable += "<table>"
                + "<tbody>"
                    + "<tr>"
                        + "<td><a class='increment-hour-column' href='javascript:;' data-action='incrementHour'><div class='jqx-icon-up'></div></a>"
                        + "</td>"
                        + "<td class='separator'>&nbsp;</td>"
                        + "<td><a class='increment-minute-column' href='javascript:;' data-action='incrementMinute'><div class='jqx-icon-up'></div></a>"
                        + "</td>"
                        + "<td class='separator'>&nbsp;</td>"
                        + "<td><a class='increment-second-column' href='javascript:;' data-action='incrementSecond'><div class='jqx-icon-up'></div></a>"
                        + "</td>"
                        + "<td class='separator'>&nbsp;</td>"
                        + "<td><a class='increment-millisecond-column' href='javascript:;' data-action='incrementMSSecond'><div class='jqx-icon-up'></div></a>"
                        + "</td>"
                        + "<td class='separator'>&nbsp;</td>"
                        + "<td class='increment-meridian-column'><a href='javascript:;' data-action='toggleMeridian'><div class='jqx-icon-up'></div></a>"
                        + "</td>"
                    + "</tr>"
                    + "<tr>"
                        + "<td>"
                            + "<input type='text' class='jqx-timepicker-hour' maxlength='2'>"
                        + "</td>"
                        + "<td class='separator'>:</td>"
                        + "<td>"
                            + "<input type='text' class='jqx-timepicker-minute' maxlength='2'>"
                        + "</td>"
                        + "<td class='separator'>:</td>"
                        + "<td>"
                            + "<input type='text' class='jqx-timepicker-second' maxlength='2'>"
                        + "</td>"
                         + "<td class='separator'>:</td>"
                        + "<td>"
                            + "<input type='text' class='jqx-timepicker-millisecond' maxlength='3'>"
                        + "</td>"
                        + "<td class='separator'>&nbsp;</td>"
                        + "<td>"
                            + "<input type='text' class='jqx-timepicker-meridian' maxlength='2'>"
                        + "</td>"
                    + "</tr>"
                    + "<tr>"
                        + "<td><a class='decrement-hour-column' href='javascript:;' data-action='decrementHour'><div class='jqx-icon-down'></div></a>"
                        + "</td>"
                        + "<td class='separator'></td>"
                        + "<td><a class='decrement-minute-column' href='javascript:;' data-action='decrementMinute'><div class='jqx-icon-down'></div></a>"
                        + "</td>"
                        + "<td class='separator'></td>"
                        + "<td><a class='decrement-second-column' href='javascript:;' data-action='decrementSecond'><div class='jqx-icon-down'></div></a>"
                        + "</td>"
                        + "<td class='separator'></td>"
                        + "<td><a class='decrement-millisecond-column' href='javascript:;' data-action='decrementMillisecond'><div class='jqx-icon-down'></div></a>"
                        + "</td>"
                        + "<td class='separator'>&nbsp;</td>"
                        + "<td><a class='decrement-meridian-column' href='javascript:;' data-action='toggleMeridian'><div class='jqx-icon-down'></div></a>"
                        + "</td>"
                    + "</tr>"
                + "</tbody>"
            + "</table>";
            var formatString = this._getFormatValue(this.formatString);
           
            if (this.selectionMode != "range") {
                this.timePopupElement[0].innerHTML = popupTable;
            }
            else {
                this.timePopupElement[0].innerHTML = "<table><tr><td>" + popupTable + "</td><td>-</td><td>" + popupTable + "</td></tr></table>";
            }
            this.timePopupElement.find('.jqx-icon-down').addClass(this.toThemeProperty('jqx-icon jqx-icon-arrow-down'));
            this.timePopupElement.find('.jqx-icon-up').addClass(this.toThemeProperty('jqx-icon jqx-icon-arrow-up'));
            var inputs = this.timePopupElement.find('input');
            inputs.addClass(this.toThemeProperty('jqx-input'));
            inputs.addClass(this.toThemeProperty('jqx-rc-all'));
            this.addHandler(inputs, "mousedown", function (event) {
                event.stopPropagation();
            });

            var spinDown = function(event)
            {
                if (event.target.className.indexOf("hour") >= 0) {
                    that._decrementHour($(event.target));
                }
                if (event.target.className.indexOf("minute") >= 0) {
                    that._decrementMinuteSecond($(event.target));
                }
                if (event.target.className.indexOf("second") >= 0) {
                    that._decrementMinuteSecond($(event.target));
                }
                if (event.target.className.indexOf("millisecond") >= 0) {
                    that._decrementMillisecond($(event.target));
                }
                if (event.target.className.indexOf("meridian") >= 0) {
                    that._decrementMeridian($(event.target));
                }
            }

            var spinUp = function(event)
            {
                if (event.target.className.indexOf("hour") >= 0) {
                    that._incrementHour($(event.target));
                }
                if (event.target.className.indexOf("minute") >= 0) {
                    that._incrementMinuteSecond($(event.target));
                }
                if (event.target.className.indexOf("second") >= 0) {
                    that._incrementMinuteSecond($(event.target));
                }
                if (event.target.className.indexOf("millisecond") >= 0) {
                    that._incrementMillisecond($(event.target));
                }
                if (event.target.className.indexOf("meridian") >= 0) {
                    that._incrementMeridian($(event.target));
                }
            }

            var wheel = function (event, self) {
                if (!self.isEditing)
                    return;

                var delta = 0;
                if (!event) /* For IE. */
                    event = window.event;
                if (event.originalEvent && event.originalEvent.wheelDelta) {
                    event.wheelDelta = event.originalEvent.wheelDelta;
                }
                if (event.originalEvent && event.originalEvent.deltaY != undefined) {
                    delta = -event.originalEvent.deltaY;
                }

                if (event.wheelDelta) { /* IE/Opera. */
                    delta = event.wheelDelta / 120;
                } else if (event.detail) { /** Mozilla case. */
                    delta = -event.detail / 3;
                }

                if (delta) {
                    if (document.activeElement == event.target && event.target.nodeName.toLowerCase() == "input") {
                        if (delta < 0) {
                            spinDown(event);
                        }
                        else {
                            spinUp(event);
                        }
                    }
                    if (event.preventDefault)
                        event.preventDefault();
                    event.returnValue = false;
                }

                if (event.preventDefault)
                    event.preventDefault();
                event.returnValue = false;
            }


            this.addHandler(inputs, "wheel", function (event) {
                wheel(event, that);
            });
            this.addHandler(inputs, "keydown", function (event) {
                var input = $(event.target);
                if (event.ctrlKey) {
                    if (event.keyCode == 38) {
                        if (that.isOpened()) {
                            that.hideCalendar("keyboard", "keyboard");
                            that.dateTimeInput.focus();
                            return false;
                        }
                    }
                    else if (event.keyCode == 40) {
                        if (!that.isOpened()) {
                            that.showCalendar("keyboard", "keyboard");
                            that.dateTimeInput.focus();
                            return false;
                        }
                    }
                }

                if (event.keyCode == 40) {
                    spinDown(event);
                    event.preventDefault();
                }
                else if (event.keyCode == 38)
                {
                    spinUp(event);
                    event.preventDefault();
                }
                else if (event.keyCode == 13)
                {
                    event.preventDefault();
                    that.hideCalendar("keyboard", "keyboard");
                    that.dateTimeInput.focus();
                }
                else if (event.keyCode == 27) {
                    event.preventDefault();
                    that.hideCalendar("cancel");
                    that.dateTimeInput.focus();
                }
            });
            this.hourInput = $(inputs[0]);
            this.minuteInput = $(inputs[1]);
            this.secondInput = $(inputs[2]);
            this.mssecondInput = $(inputs[3]);
            this.meridianInput = $(inputs[4]);
       
            this.hourInput2 = $(inputs[5]);
            this.minuteInput2 = $(inputs[6]);
            this.secondInput2 = $(inputs[7]);
            this.mssecondInput2 = $(inputs[8]);
            this.meridianInput2 = $(inputs[9]);
            var that = this;
            var hourIncrementColumns = this.timePopupElement.find('.increment-hour-column');
            this.hourIncrement = $(hourIncrementColumns[0]);
            this.hourIncrement2 = $(hourIncrementColumns[1]);
            this.addHandler(inputs, "change", function (event) {
                var input = $(event.target);
                if (input.val().length <= 1) {
                    input.val("0" + $(event.target).val());
                }
                if (event.target.className.indexOf("hour") >= 0) {
                    var value = parseInt($(event.target).val());
                    if (formatString.indexOf('HH') >= 0) {
                        while (value > 24) value = value - 24;
                    }
                    else {
                        while (value > 12) value = value - 12;
                    }
                    if (value < 10) value = "0" + value;
                    if (input.val() != value) {
                        input.val(value);
                    }
                }
                if (event.target.className.indexOf("minute") >= 0 || event.target.className.indexOf("second") >= 0) {
                    var value = parseInt($(event.target).val());
                    while (value > 59) value--;
                    if (value < 10) value = "0" + value;
                    if (input.val() != value) {
                        input.val(value);
                    }
                }
            });

            this._incrementHour = function (input) {
                var value = parseInt(input.val());
                value++;
                if (formatString.indexOf('HH') >= 0) {
                    if (value > 23) value = 0;
                }
                else if (value > 12) value = 1;
                if (value < 10) value = "0" + value;
                input.val(value);
            }

            this._incrementMinuteSecond = function (input) {
                var value = parseInt(input.val());
                value++;
                if (value > 59) value = 0;
                if (value < 10) value = "0" + value;
                input.val(value);
            }
            this._incrementMillisecond = function (input) {
                var value = parseInt(input.val());
                value++;
                if (value > 999) value = 0;
                if (value < 10) value = "0" + value;
                input.val(value);
            }
            this._incrementMeridian = function (input) {
                var value = input.val();
                if (value.toLowerCase().indexOf("a") >= 0) {
                    value = "PM";
                }
                else value = "AM";
                input.val(value);
            }
            this._decrementHour = function (input) {
                var value = parseInt(input.val());
                value--;
                if (formatString.indexOf('HH') >= 0) {
                    if (value < 0) value = 23;
                }
                else if (value < 1) value = 12;
                if (value < 10) value = "0" + value;
                input.val(value);
            }

            this._decrementMinuteSecond = function (input) {
                var value = parseInt(input.val());
                value--
                if (value < 0) value = 59;
                if (value < 10) value = "0" + value;
                input.val(value);
            }
            this._decrementMillisecond = function (input) {
                var value = parseInt(input.val());
                value--
                if (value < 0) value = 999;
                if (value < 10) value = "0" + value;
                input.val(value);
            }
            this._decrementMeridian = function (input) {
                var value = input.val();
                if (value.toLowerCase().indexOf("a") >= 0) {
                    value = "PM";
                }
                else value = "AM";
                input.val(value);
            }

            this.addHandler(this.hourIncrement, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementHour(that.hourInput);
            });
            this.addHandler(this.hourIncrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementHour(that.hourInput2);
            });
            var minuteIncrementColumns = this.timePopupElement.find('.increment-minute-column');
            this.minuteIncrement = $(minuteIncrementColumns[0]);
            this.minuteIncrement2 = $(minuteIncrementColumns[1]);
            this.addHandler(this.minuteIncrement, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMinuteSecond(that.minuteInput);
            });
            this.addHandler(this.minuteIncrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMinuteSecond(that.minuteInput2);
            });
            var secondIncrementColumns = this.timePopupElement.find('.increment-second-column');
            this.secondIncrement = $(secondIncrementColumns[0]);
            this.secondIncrement2 = $(secondIncrementColumns[1]);
            this.addHandler(this.secondIncrement, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMinuteSecond(that.secondInput);
            });
            this.addHandler(this.secondIncrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMinuteSecond(that.secondInput2);
            });
            var millisecondsIncrementColumns = this.timePopupElement.find('.increment-millisecond-column');
            this.millisecondsIncrement = $(millisecondsIncrementColumns[0]);
            this.millisecondsIncrement2 = $(millisecondsIncrementColumns[1]);
            this.addHandler(this.millisecondsIncrement, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMillisecond(that.mssecondInput);
            });
            this.addHandler(this.millisecondsIncrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMillisecond(that.mssecondInput2);

            });
            var meridianIncrementColumns = this.timePopupElement.find('.increment-meridian-column');
            this.meridianIncrement = $(meridianIncrementColumns[0]);
            this.meridianIncrement2 = $(meridianIncrementColumns[1]);
            this.addHandler(this.meridianIncrement, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMeridian(that.meridianInput);          
            });
            this.addHandler(this.meridianIncrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._incrementMeridian(that.meridianInput2);
            });
            // decrement      
            var hourDecrementColumns = this.timePopupElement.find('.decrement-hour-column');
            this.hourDecrement = $(hourDecrementColumns[0]);
            this.hourDecrement2 = $(hourDecrementColumns[1]);
            this.addHandler(this.hourDecrement, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementHour(that.hourInput);
            });
            this.addHandler(this.hourDecrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementHour(that.hourInput2);
            });
            var minuteDecrementColumns = this.timePopupElement.find('.decrement-minute-column');
            this.minuteDecrement = $(minuteDecrementColumns[0]);
            this.minuteDecrement2 = $(minuteDecrementColumns[1]);
            this.addHandler(this.minuteDecrement, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMinuteSecond(that.minuteInput);
            });
            this.addHandler(this.minuteDecrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMinuteSecond(that.minuteInput2);
            });
            var secondDecrementColumns = this.timePopupElement.find('.decrement-second-column');
            this.secondDecrement = $(secondDecrementColumns[0]);
            this.secondDecrement2 = $(secondDecrementColumns[1]);
            this.addHandler(this.secondDecrement, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMinuteSecond(that.secondInput);
            });
            this.addHandler(this.secondDecrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMinuteSecond(that.secondInput2);
            });
            var millisecondsDecrementColumns = this.timePopupElement.find('.decrement-millisecond-column');
            this.millisecondsDecrement = $(millisecondsDecrementColumns[0]);
            this.millisecondsDecrement2 = $(millisecondsDecrementColumns[1]);
            this.addHandler(this.millisecondsDecrement, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMillisecond(that.mssecondInput);
            });
            this.addHandler(this.millisecondsDecrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMillisecond(that.mssecondInput2);
            });
            var meridianDecrementColumns = this.timePopupElement.find('.decrement-meridian-column');
            this.meridianDecrement = $(meridianDecrementColumns[0]);
            this.meridianDecrement2 = $(meridianDecrementColumns[1]);
            this.addHandler(this.meridianDecrement, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMeridian(that.meridianInput);
            });
            this.addHandler(this.meridianDecrement2, "mousedown", function (event) {
                event.stopPropagation();
                that._decrementMeridian(that.meridianInput2);
            });
     
            var table = this.timePopupElement.find('table');
            this.addHandler(this.timePopupElement, "mousedown", function (event) {
                event.stopPropagation();
            });

            var hideByTable = function (table) {
                var rows = table.find('tr');
                if (formatString.indexOf('ss') == -1) {
                    that.secondInput.hide();
                    that.secondInput2.hide();
                    $($(rows[0]).children()[3]).hide();
                    $($(rows[0]).children()[4]).hide();
                    $($(rows[1]).children()[3]).hide();
                    $($(rows[1]).children()[4]).hide();
                    $($(rows[2]).children()[3]).hide();
                    $($(rows[2]).children()[4]).hide();
                }
                if (formatString.indexOf('tt') == -1 && formatString.indexOf('hh') == -1) {
                    that.meridianInput.hide();
                    that.meridianInput2.hide();
                    $($(rows[0]).children()[7]).hide();
                    $($(rows[0]).children()[8]).hide();
                    $($(rows[1]).children()[7]).hide();
                    $($(rows[1]).children()[8]).hide();
                    $($(rows[2]).children()[7]).hide();
                    $($(rows[2]).children()[8]).hide();
                }
                if (formatString.indexOf('zz') == -1) {
                    that.mssecondInput.hide();
                    that.mssecondInput2.hide();
                    $($(rows[0]).children()[5]).hide();
                    $($(rows[0]).children()[6]).hide();
                    $($(rows[1]).children()[5]).hide();
                    $($(rows[1]).children()[6]).hide();
                    $($(rows[2]).children()[5]).hide();
                    $($(rows[2]).children()[6]).hide();
                }
            }
            if (table.length == 1) {
                hideByTable(table);
            }
            else {
                hideByTable($($(table)[1]));
                hideByTable($($(table)[2]));
            }
        },

        updateTimePopup: function()
        {
            var formatString = this._getFormatValue(this.formatString);
            if (this.selectionMode != "range") {
                var date = this.getDate();
                if (this.hourInput) {
                    if (date) {
                        var hour = date.getHours();
                        var minute = date.getMinutes();
                        var meridian = date.getHours();
                        var second = date.getSeconds();
                        var milliseconds = date.getMilliseconds();
                    }
                    else {
                        var hour = 0;
                        var minute = 0;
                        var meridian = 0;
                        var second = 0;
                        var milliseconds = 0;
                    }

                    if (hour >= 12) {
                        meridian = "PM";
                        if (formatString.indexOf("HH") == -1) {
                            hour -= 12;
                            if (hour == 0) hour = 12;
                        }
                    }
                    else meridian = "AM";
                    if (this.meridianInput.css('display') != "none") {
                        if (hour == 0) hour = 12;
                    }

                    if (hour < 10) hour = "0" + hour;
                    if (minute < 10) minute = "0" + minute;
                    if (second < 10) second = "0" + second;
                    if (milliseconds < 10) milliseconds = "0" + milliseconds;

                    this.hourInput.val(hour);
                    this.minuteInput.val(minute);
                    this.secondInput.val(second);
                    this.mssecondInput.val(milliseconds);
                    this.meridianInput.val(meridian);
                }
            }
            else {
                var date = this.getRange().from;
                if (this.hourInput) {
                    if (date) {
                        var hour = date.getHours();
                        var minute = date.getMinutes();
                        var meridian = date.getHours();
                        var second = date.getSeconds();
                        var milliseconds = date.getMilliseconds();
                    }
                    else {
                        var hour = 0;
                        var minute = 0;
                        var meridian = 0;
                        var second = 0;
                        var milliseconds = 0;
                    }
                    if (hour >= 12) {
                        meridian = "PM";
                        if (formatString.indexOf("HH") == -1) {
                            hour -= 12;
                            if (hour == 0) hour = 12;
                        }
                    }
                    else meridian = "AM";
                    if (this.meridianInput.css('display') != "none") {
                        if (hour == 0) hour = 12;
                    }
                    if (hour < 10) hour = "0" + hour;
                    if (minute < 10) minute = "0" + minute;
                    if (second < 10) second = "0" + second;
                    if (milliseconds < 10) milliseconds = "0" + milliseconds;

                    this.hourInput.val(hour);
                    this.minuteInput.val(minute);
                    this.secondInput.val(second);
                    this.mssecondInput.val(milliseconds);
                    this.meridianInput.val(meridian);
                }
                var date = this.getRange().to;
                if (this.hourInput2) {
                    if (date) {
                        var hour = date.getHours();
                        var minute = date.getMinutes();
                        var meridian = date.getHours();
                        var second = date.getSeconds();
                        var milliseconds = date.getMilliseconds();
                    }
                    else {
                        var hour = 0;
                        var minute = 0;
                        var meridian = 0;
                        var second = 0;
                        var milliseconds = 0;
                    }
                    if (hour >= 12) {
                        meridian = "PM";
                        if (formatString.indexOf("HH") == -1) {
                            hour -= 12;
                            if (hour == 0) hour = 12;
                        }
                    }
                    else meridian = "AM";
                    if (this.meridianInput.css('display') != "none") {
                        if (hour == 0) hour = 12;
                    }

                    if (hour < 10) hour = "0" + hour;
                    if (minute < 10) minute = "0" + minute;
                    if (second < 10) second = "0" + second;
                    if (milliseconds < 10) milliseconds = "0" + milliseconds;

                    this.hourInput2.val(hour);
                    this.minuteInput2.val(minute);
                    this.secondInput2.val(second);
                    this.mssecondInput2.val(milliseconds);
                    this.meridianInput2.val(meridian);
                }
            }
        },

        showCalendar: function () {
            var calendar = this.calendarContainer;
            var calendarInstance = this._calendar;
            $.jqx.aria(this, "aria-expanded", true);

            if (this.showTimeButton) {
                if (this.timePopup) {
                    if (!this.timePopupElement) {
                        this.initTimePopup();
                    }
                    this.calendarContainer.css('visibility', 'hidden');
                    this.timeContainer.css('visibility', 'visible');
                    this.updateTimePopup();
                    var inputs = this.timeContainer.find('input');
                    var width = 0;
                    for (var i = 0; i < inputs.length; i++) {
                        if (inputs[i].style.display != "none") {
                            width += 50;
                        }
                    }
                    this.container.width(parseInt(width));

                    if (!this.touch) {
                        setTimeout(function () {
                            inputs[0].focus();
                            $(inputs[0]).select();
                        }, 150 + this.openDelay);
                    }
                }
                else {
                    this.container.width(parseInt(this.calendarContainer.width()) + 25);
                    this.timeContainer.css('visibility', 'hidden');
                    this.calendarContainer.css('visibility', 'visible');
                }          
            }

            if (this.value != null) {
                if (this.selectionMode != 'range') {
                    this._oldDT = new Date(this.value.dateTime);
                }
                else {
                    this._oldDT = this.getRange();
                }
            }
            else {
                this._oldDT = null;
            }
            if (!calendarInstance.canRender) {
                calendarInstance.canRender = true;
                calendarInstance.render();
            }
            var container = this.container;
            var self = this;
            var scrollPosition = $(window).scrollTop();
            var scrollLeftPosition = $(window).scrollLeft();
            var top = parseInt(this._findPos(this.host[0])[1]) + parseInt(this.host.outerHeight()) - 1 + 'px';
            var left, leftPos = parseInt(Math.round(this.host.coord(true).left));
            if (this.dropDownContainer === 'element') {
                top = parseInt(this.host.outerHeight()) - 1 + 'px';
                left = 0;
            }
            left = leftPos + 'px';

            var isMobileBrowser = $.jqx.mobile.isSafariMobileBrowser() || $.jqx.mobile.isWindowsPhone();
       
            if ((isMobileBrowser != null && isMobileBrowser)) {
                left = $.jqx.mobile.getLeftPos(this.element);
                top = $.jqx.mobile.getTopPos(this.element) + parseInt(this.host.outerHeight());
                if ($('body').css('border-top-width') != '0px') {
                    top = parseInt(top) - this._getBodyOffset().top + 'px';
                }
                if ($('body').css('border-left-width') != '0px') {
                    left = parseInt(left) - this._getBodyOffset().left + 'px';
                }
            }

            this.container.css('left', left);
            this.container.css('top', top);

            var closeAfterSelection = this.closeCalendarAfterSelection;
            this.closeCalendarAfterSelection = false;
            this.isEditing = false;
            if (self.selectionMode == 'default') {
                this._validateValue();
                this._updateText();
                var value = this.value != null ? this.value.dateTime : new Date();
                calendarInstance.setDate(value);
            }
            this.closeCalendarAfterSelection = closeAfterSelection;

            var positionChanged = false;

            if (this.dropDownHorizontalAlignment == 'right' || this.rtl) {
                var containerWidth = this.container.outerWidth();
                var containerLeftOffset = Math.abs(containerWidth - this.host.outerWidth() + 2);
                if (!this.rtl) containerLeftOffset -= 2;

                if (containerWidth > this.host.width()) {
                    var offset = 23;
                    this.container.css('left', offset + parseInt(Math.round(leftPos)) - containerLeftOffset + "px");
                }
                else this.container.css('left', 25 + parseInt(Math.round(leftPos)) + containerLeftOffset + "px");
            }

            if (this.dropDownVerticalAlignment == "top")
            {
                var dpHeight = calendar.height();
                if (this.timePopup)
                {
                    this.timeContainer.css('top', this.container.height() - 75);
                }
                positionChanged = true;

                calendar.css('top', 23);
                calendar.addClass(this.toThemeProperty('jqx-popup-up'));
                var inputHeight = parseInt(this.host.outerHeight());
                var t = parseInt(top) - Math.abs(dpHeight + inputHeight + 23);

                this.container.css('top', t);
            }

            if (this.enableBrowserBoundsDetection)
            {
                var newOffset = this.testOffset(calendar, { left: parseInt(this.container.css('left')), top: parseInt(top) }, parseInt(this.host.outerHeight()));
                if (parseInt(this.container.css('top')) != newOffset.top) {
                    positionChanged = true;
                    calendar.css('top', 23);
                    calendar.addClass(this.toThemeProperty('jqx-popup-up'));
                }
                else calendar.css('top', 0);

                this.container.css('top', newOffset.top);
                if (parseInt(this.container.css('left')) != newOffset.left) {
                    this.container.css('left', newOffset.left);
                }
            }

            this._raiseEvent(7, calendar);

            if (this.animationType != 'none') {
                this.container.css('display', 'block');
                var height = parseInt(calendar.outerHeight());
                calendar.stop();

                this.isanimating = true;
                this.opening = true;
                if (this.animationType == 'fade') {
                    calendar.css('margin-top', 0);
                    calendar.css('opacity', 0);
                    calendar.animate({ 'opacity': 1 }, this.openDelay, function () {
                        self.isanimating = false;
                        self.opening = false;
                        $.data(document.body, "openedJQXCalendar" + self.id, calendar);
                        self.calendarContainer.focus();
                    });
                    if (this.timePopup) {
                        this.timeContainer.css('margin-top', 0);
                        this.timeContainer.css('opacity', 0);
                        this.timeContainer.animate({ 'opacity': 1 }, this.openDelay, function () {
                            self.isanimating = false;
                            self.opening = false;
                            $.data(document.body, "openedJQXCalendar" + self.id, calendar);
                            self.timeContainer.focus();
                        });
                    }
                }
                else {
                    calendar.css('opacity', 1);
                    if (this.timePopup) {
                        this.timeContainer.css('opacity', 1);
                    }
                    if (positionChanged) {
                        calendar.css('margin-top', height);
                    }
                    else {
                        calendar.css('margin-top', -height);
                    }
                    if (this.timePopup) {
                        if (positionChanged) {
                            this.timeContainer.css('margin-top', height);
                        }
                        else {
                            this.timeContainer.css('margin-top', -height);
                        }
                        this.timeContainer.animate({ 'margin-top': 0 }, this.openDelay, function () {
                            self.isanimating = false;
                            self.opening = false;
                            $.data(document.body, "openedJQXCalendar" + self.id, calendar);
                            self.timeContainer.focus();
                        });
                    }
                    calendar.animate({ 'margin-top': 0 }, this.openDelay, function () {
                        self.isanimating = false;
                        self.opening = false;
                        $.data(document.body, "openedJQXCalendar" + self.id, calendar);
                        self.calendarContainer.focus();
                    });
                }
            }
            else {
                calendar.stop();
                self.isanimating = false;
                self.opening = false;
                calendar.css('opacity', 1);
                calendar.css('margin-top', 0);
                this.container.css('display', 'block');
                $.data(document.body, "openedJQXCalendar" + self.id, calendar);
                this.calendarContainer.focus();
                if (this.timePopup) {
                    this.timeContainer.stop();
                    this.timeContainer.css('opacity', 1);
                    this.timeContainer.css('margin-top', 0);
                    this.timeContainer.focus();
                }
            }

            if (this.value == null) {
                if (this._calendar && this._calendar._getSelectedCell()) {
                    this._calendar._getSelectedCell().isSelected = false;
                }
            }

            if (this.timePopup) {
                this.timeButtonIcon.addClass(this.toThemeProperty('jqx-icon-time-pressed'));
                this.timeButton.addClass(this.toThemeProperty('jqx-fill-state-hover'));
                this.timeButton.addClass(this.toThemeProperty('jqx-fill-state-pressed'));
                this.timeContainer.addClass(this.toThemeProperty('jqx-fill-state-focus'));
            }
            else {
                this.calendarButtonIcon.addClass(this.toThemeProperty('jqx-icon-calendar-pressed'));
                this.calendarButton.addClass(this.toThemeProperty('jqx-fill-state-hover'));
                this.calendarButton.addClass(this.toThemeProperty('jqx-fill-state-pressed'));
                this.calendarContainer.addClass(this.toThemeProperty('jqx-fill-state-focus'));

            }
            this.host.addClass(this.toThemeProperty('jqx-fill-state-focus'));
        },

        hideCalendar: function (reason, changeType) {
            if (changeType) {
                this.changeType = changeType;
            }

            var calendar = this.calendarContainer;
            var container = this.container;
            var self = this;
            $.jqx.aria(this, "aria-expanded", false);
            if (this.showTimeButton) {
                if (this.timeContainer.css('visibility') != "hidden" && reason != "cancel") {
                    if (this.selectionMode != "range" && this.hourInput)
                    {
                        var date = this.getDate();
                        var hour = parseInt(this.hourInput.val());
                        var minute = parseInt(this.minuteInput.val());
                        var second = parseInt(this.secondInput.val());
                        var millisecond = parseInt(this.mssecondInput.val());
                        var meridian = this.meridianInput.val();
                        if (isNaN(hour))
                            hour = 0;
                        if (isNaN(minute))
                            minute = 0;
                        if (isNaN(second))
                            second = 0;
                        if (isNaN(millisecond))
                            millisecond = 0;

                        if (this.meridianInput.css('display') != "none") {
                            if (meridian.toLowerCase().indexOf("p") >= 0) {
                                if (hour < 12) {
                                    hour += 12;
                                }
                            }
                            if (meridian.toLowerCase().indexOf("a") >= 0) {
                                if (hour >= 12) {
                                    hour -= 12;
                                }
                            }
                        }
                        if (!date) date = new Date();
                        date.setHours(hour, minute, second, millisecond);
                        this.setDate(date);
                    }
                    else if (this.hourInput && reason != "selected") {
                        var range = this.getRange();
                        var hour = parseInt(this.hourInput.val());
                        var minute = parseInt(this.minuteInput.val());
                        var second = parseInt(this.secondInput.val());
                        var millisecond = parseInt(this.mssecondInput.val());
                        var meridian = this.meridianInput.val();
                        if (isNaN(hour))
                            hour = 0;
                        if (isNaN(minute))
                            minute = 0;
                        if (isNaN(second))
                            second = 0;
                        if (isNaN(millisecond))
                            millisecond = 0;

                        if (this.meridianInput.css('display') != "none") {
                            if (meridian.toLowerCase().indexOf("p") >= 0) {
                                if (hour < 12) {
                                    hour += 12;
                                }
                            }
                            if (meridian.toLowerCase().indexOf("a") >= 0) {
                                if (hour >= 12) {
                                    hour -= 12;
                                }
                            }
                        }
                        var from = range.from;
                        if (!from) from = new Date();

                        from.setHours(hour, minute, second, millisecond);
                     
                        var hour = parseInt(this.hourInput2.val());
                        var minute = parseInt(this.minuteInput2.val());
                        var second = parseInt(this.secondInput2.val());
                        var millisecond = parseInt(this.mssecondInput2.val());
                        var meridian = this.meridianInput2.val();
                        if (minute == "") minute = 0;
                        if (second == "") second = 0;
                        if (millisecond == "") millisecond = 0;
                        if (this.meridianInput2.css('display') != "none") {
                            if (meridian.toLowerCase().indexOf("p") >= 0) {
                                if (hour < 12) {
                                    hour += 12;
                                }
                            }
                            if (meridian.toLowerCase().indexOf("a") >= 0) {
                                if (hour >= 12) {
                                    hour -= 12;
                                }
                            }
                        }
                        var to = range.to;
                        if (!to) to = new Date();
                        to.setHours(hour, minute, second, millisecond);
                        if (to.valueOf() < from.valueOf()) {
                            return false;
                        }

                        this.setRange(from, to);
                    }
                    else if (reason == "selected") {
                        return;
                    }
                }
            }

            $.data(document.body, "openedJQXCalendar" + this.id, null);
            if (this.animationType != 'none') {
                var height = calendar.outerHeight();
                calendar.css('margin-top', 0);
                if (this.showTimeButton) {
                    this.timeContainer.css('margin-top', 0);
                }
                this.isanimating = true;
                var animationValue = -height;
                if (parseInt(this.container.coord().top) < parseInt(this.host.coord().top)) {
                    animationValue = height;
                }
                if (this.animationType == 'fade') {
                    calendar.animate({ 'opacity': 0 }, this.closeDelay, function () { container.css('display', 'none'); self.isanimating = false; });
                }
                else {
                    calendar.animate({ 'margin-top': animationValue }, this.closeDelay, function () { container.css('display', 'none'); self.isanimating = false; });
                }
                if (this.showTimeButton) {
                    if (this.animationType == 'fade') {
                        this.timeContainer.animate({ 'opacity': 0 }, this.closeDelay, function () { container.css('display', 'none'); self.isanimating = false; });
                    }
                    else {
                        this.timeContainer.animate({ 'margin-top': animationValue }, this.closeDelay, function () { container.css('display', 'none'); self.isanimating = false; });
                    }
                }
            }
            else {
                container.css('display', 'none');
            }

            if (reason != undefined) {
                this._updateSelectedDate(reason);
            }

            this.timeButtonIcon.removeClass(this.toThemeProperty('jqx-icon-time-pressed'));
            this.timeButton.removeClass(this.toThemeProperty('jqx-fill-state-hover'));
            this.timeButton.removeClass(this.toThemeProperty('jqx-fill-state-pressed'));
            this.calendarButtonIcon.removeClass(this.toThemeProperty('jqx-icon-calendar-pressed'));
            this.calendarButton.removeClass(this.toThemeProperty('jqx-fill-state-hover'));
            this.calendarButton.removeClass(this.toThemeProperty('jqx-fill-state-pressed'));
            this.host.removeClass(this.toThemeProperty('jqx-fill-state-focus'));
            this.timeContainer.removeClass(this.toThemeProperty('jqx-fill-state-focus'));
            this.calendarContainer.removeClass(this.toThemeProperty('jqx-fill-state-focus'));

            this._raiseEvent(8, calendar);
        },

        _updateSelectedDate: function () {
            var value = this.value;
            if (value == null) {
                value = new $.jqx._jqxDateTimeInput.getDateTime(new Date());
                value._setHours(0);
                value._setMinutes(0);
                value._setSeconds(0);
                value._setMilliseconds(0);
            }

            var hour = value.hour;
            var minute = value.minute;
            var second = value.second;
            var milisecond = value.millisecond;
            if (this.selectionMode == 'range' && this._calendar.getRange().from == null) {
                this.setDate(null);
                return;
            }

            var date = new $.jqx._jqxDateTimeInput.getDateTime(this._calendar.value.dateTime);

            date._setHours(hour);
            date._setMinutes(minute);
            date._setSeconds(second);
            date._setMilliseconds(milisecond);
            var result = this.setDate(date.dateTime);
            if (this.selectionMode == "range" && !result && this._oldDT) {
                var range = this.getRange();
                var oldRange = this._oldDT;
                var from = false;
                var to = false;
                var oldDate = this._oldDT.from;
                var date = range.from;
                if (date != null && oldDate) {
                    if (!(date.getFullYear() != oldDate.getFullYear() || date.getMonth() != oldDate.getMonth() || date.getDate() != oldDate.getDate() || date.getHours() != oldDate.getHours() || date.getMinutes() != oldDate.getMinutes() || date.getSeconds() != oldDate.getSeconds())) {
                        from = true;
                    }
                }
                var date = range.to;
                if (date != null) {
                    oldDate = this._oldDT.to;
                    if (oldDate) {
                        if (!(date.getFullYear() != oldDate.getFullYear() || date.getMonth() != oldDate.getMonth() || date.getDate() != oldDate.getDate() || date.getHours() != oldDate.getHours() || date.getMinutes() != oldDate.getMinutes() || date.getSeconds() != oldDate.getSeconds())) {
                            to = true;
                        }
                    }
                }
                if (from && to) {
                    return true;
                }
                this._raiseEvent(0, {});
                this._raiseEvent(9, {});
            }
        },

        _closeOpenedCalendar: function (event) {
            var $target = $(event.target);
            var openedCalendar = $.data(document.body, "openedJQXCalendar" + event.data.me.id);
            var isCalendar = false;
            $.each($target.parents(), function () {
                if (this.className && this.className.indexOf) {
                    if (this.className.indexOf('jqx-calendar') != -1) {
                        isCalendar = true;
                        return false;
                    }
                    if (this.className.indexOf('jqx-date-time-input-popup') != -1) {
                        isCalendar = true;
                        return false;
                    }
                    if (this.className.indexOf('jqx-input') != -1) {
                  //      isCalendar = true;
                        return false;
                    }
                }
            });

            if ($(event.target).ischildof(event.data.me.host)) {
                return true;
            }

            if (event.target != null && (event.target.tagName == "B" || event.target.tagName == 'b')) {
                var hostOffset = event.data.me.host.coord();
                var hostWidth = event.data.me.host.width();
                var hostHeight = event.data.me.host.height();
                var top = parseInt(hostOffset.top);
                var left = parseInt(hostOffset.left);

                if (top <= event.pageY && event.pageY <= top + hostHeight) {
                    if (left <= event.pageX && event.pageX <= left + hostWidth) {
                        return true;
                    }
                }
            }

            if (openedCalendar != null && !isCalendar) {
                if (openedCalendar.length > 0) {
                    var calendarID = openedCalendar[0].id.toString();
                    var inputID = calendarID.toString().substring(13);
                    var datetimeinput = $(document).find("#" + inputID);
                    var result = event.data.me.hideCalendar();
                    if (result !== false) {
                        $.data(document.body, "openedJQXCalendar" + event.data.me.id, null);
                    }
                }
            }
        },

        _loadItems: function () {
            if (this.value != null) {
                this.items = new Array();
                var expandedMask = this._getFormatValue(this.formatString);
                this.items = this._parseFormatValue(expandedMask);
                this.editors = new Array();
                for (var i = 0; i < this.items.length; i++) {
                    var editor = this.items[i].getDateTimeEditorByItemType(this.value, this);
                    this.editors[i] = editor;
                }
            }

            this._updateEditorsValue();
            this._updateText();
        },

        _updateText: function () {
            var that = this;
            var text = "";
            if (that.items.length == 0 && that.value != null) {
                that._loadItems();
            }

            if (that.value != null) {
                if (that.items.length >= 1) {
                    text = that.format(that.value, 0, that.items.length);
                }


                var oldText = that.dateTimeInput.val();
                if (oldText != text) {
                    that._raiseEvent(1, that.value);
                }
            }

            if (that.selectionMode == 'range') {
                var range = that.getRange();
                fromText = that.format(that.value, 0, that.items.length);
                if (range.to) {
                    var from = $.jqx._jqxDateTimeInput.getDateTime(range.from);
                    fromText = that.format(from, 0, that.items.length);
                    var to = $.jqx._jqxDateTimeInput.getDateTime(range.to);
                    toText = that.format(to, 0, that.items.length);
                    var text = fromText + " - " + toText;
                    if (text == ' - ') text = "";
                }
                else {
                    text = "";
                }
            }

            that.dateTimeInput.val(text)
        },


        format: function (value, startFormatIndex, endFormatIndex) {
            var result = "";
            for (var i = startFormatIndex; i < endFormatIndex; ++i) {
                var parsedValue = this.items[i].dateParser(value, this);

                if (this.isEditing && this.items[i].type != 'ReadOnly') {
                    if (this.selectionMode != 'range') {
                        var isReadOnlyDay = this.items[i].type == 'Day' && this.items[i].format.length > 2;
                        if (this.items[i].type == 'FORMAT_AMPM') {
                            isReadOnlyDay = true;
                            if (this.editors[i].value == 0)
                                parsedValue = this.editors[i].amString;
                            else parsedValue = this.editors[i].pmString;
                        }

                        if (!isReadOnlyDay) {
                            parsedValue = this.items[i].dateParserInEditMode(new Number(this.editors[i].value), "d" + this.editors[i].maxEditPositions, this);
                            while (parsedValue.length < this.editors[i].maxEditPositions) {
                                parsedValue = '0' + parsedValue;
                            }
                        }
                    }
                }
                result += parsedValue;
            }
            return result;
        },

        _getFormatValueGroupLength: function (item) {
            for (i = 1; i < item.toString().length; ++i) {
                if (item.substring(i, i + 1) != item.substring(0, 1))
                    return i;
            }
            return item.length;
        },

        _parseFormatValue: function (value) {
            var myResult = new Array();
            var currentValue = value.toString();
            var i = 0;
            while (currentValue.length > 0) {
                var formatItemLength = this._getFormatValueGroupLength(currentValue);
                var myItem = null;

                switch (currentValue.substring(0, 1)) {
                    case ':':
                    case '/':
                        formatItemLength = 1;
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, 1), 'ReadOnly', this.culture);
                        break;
                    case '"':
                    case '\'':
                        var closingQuotePosition = currentValue.indexOf(currentValue[0], 1);
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(1, 1 + Math.max(1, closingQuotePosition - 1)), 'ReadOnly', this.culture);
                        formatItemLength = Math.max(1, closingQuotePosition + 1);
                        break;
                    case '\\':
                        if (currentValue.length >= 2) {
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(1, 1), 'ReadOnly', this.culture);
                            formatItemLength = 2;
                        }
                        break;
                    case 'd':
                    case 'D':
                        if (formatItemLength > 2) {
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Day', this.culture);
                        }
                        else {
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Day', this.culture);

                        }
                        break;
                    case 'f':
                    case 'F':
                        if (formatItemLength > 7) {
                            formatItemLength = 7;
                        }
                        if (formatItemLength > 3) {
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'ReadOnly', this.culture);
                        }
                        else {
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Millisecond', this.culture);
                        }
                        break;
                    case 'g':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'ReadOnly', this.culture);
                        break;
                    case 'h':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'FORMAT_hh', this.culture);
                        break;
                    case 'H':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'FORMAT_HH', this.culture);
                        break;
                    case 'm':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Minute', this.culture);
                        break;
                    case 'M':
                        if (formatItemLength > 4)
                            formatItemLength = 4;
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Month', this.culture);
                        break;
                    case 's':
                    case 'S':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Second', this.culture);
                        break;
                    case 't':
                    case 'T':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'FORMAT_AMPM', this.culture);
                        break;
                    case 'y':
                    case 'Y':
                        if (formatItemLength > 1) {
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'Year', this.culture);
                        }
                        else {
                            formatItemLength = 1;
                            myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, 1), dateTimeFormatInfo, 'ReadOnly', this.culture);
                        }
                        break;
                    case 'z':
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, formatItemLength), 'ReadOnly', this.culture);
                        break;

                    default:
                        formatItemLength = 1;
                        myItem = $.jqx._jqxDateTimeInput.DateTimeFormatItem._create(currentValue.substring(0, 1), 'ReadOnly', this.culture);
                        break;
                }

                myResult[i] = $.extend(true, {}, myItem);
                currentValue = currentValue.substring(formatItemLength);
                i++;
            }

            return myResult;
        },

        _getFormatValue: function (format) {
            if (format == null || format.length == 0)
                format = "d";

            if (format.length == 1) {
                switch (format.substring(0, 1)) {
                    case "d":
                        return this.localization.calendar.patterns.d;
                    case "D":
                        return this.localization.calendar.patterns.D;
                    case "t":
                        return this.localization.calendar.patterns.t;
                    case "T":
                        return this.localization.calendar.patterns.T;
                    case "f":
                        return this.localization.calendar.patterns.f;
                    case "F":
                        return this.localization.calendar.patterns.F;
                    case "M":
                        return this.localization.calendar.patterns.M;
                    case "Y":
                        return this.localization.calendar.patterns.Y;
                    case "S":
                        return this.localization.calendar.patterns.S;
                }
            }
            if (format.length == 2 && format.substring(0, 1) == '%')
                format = format.substring(1);
            return format;
        },

        _updateEditorsValue: function () {
            var value = this.value;

            if (value == null)
                return;

            var year = value.year;
            var day = value.day;
            var hour = value.hour;
            var millisecond = value.millisecond;
            var second = value.second;
            var minute = value.minute;
            var month = value.month;

            if (this.items == null)
                return;

            for (var i = 0; i < this.items.length; i++) {
                switch (this.items[i].type) {
                    case 'FORMAT_AMPM':
                        var initialValue = hour % 12;
                        if (initialValue == 0)
                            initialValue = 12;

                        if (hour >= 0 && hour < 12) {
                            this.editors[i].value = 0;
                        }
                        else {
                            this.editors[i].value = 1;
                        }
                        break;
                    case 'Day':
                        this.editors[i].value = day;
                        break;
                    case 'FORMAT_hh':
                        var initialValue = hour % 12;
                        if (initialValue == 0)
                            initialValue = 12;

                        this.editors[i].value = initialValue;
                        break;
                    case 'FORMAT_HH':
                        this.editors[i].value = hour;
                        break;
                    case 'Millisecond':
                        this.editors[i].value = millisecond;
                        break;
                    case 'Minute':
                        this.editors[i].value = minute;
                        break;
                    case 'Month':
                        this.editors[i].value = month;
                        break;
                    case 'Second':
                        this.editors[i].value = second;
                        break;
                    case 'Year':
                        this.editors[i].value = year;
                        break;
                }
            }
        },


        updateValue: function (blur) {
            if (this.isEditing) {
                return;
            }
            if (this.items && this.items.length == 0) {
                return;
            }

            var dateTime = 0;
            var year = 1;
            var day = 1;
            var hour = 0;
            var milisecond = 0;
            var second = 0;
            var minute = 0;
            var month = 1;
            var amPmOffset = 0;
            var hasYear = false;
            var hasMonth = false;
            var hasDay = false;
            var hasHour = false;
            var hasMinute = false;
            var hasSecond = false;
            var hasMillisecond = false;
            var dayEditors = new Array();
            var amPmEditor = null;

            var k = 0;
            for (var i = 0; i < this.items.length; i++) {
                switch (this.items[i].type) {
                    case 'FORMAT_AMPM':
                        amPmOffset = this.editors[i].value;
                        amPmEditor = this.editors[i];
                        break;
                    case 'Character':
                        break;
                    case 'Day':
                        if (this.items[i].format.length < 3) {
                            day = this.editors[i].value;
                            dayEditors[k++] = this.editors[i];
                            if (day == 0)
                                day = 1;

                            hasDay = true;
                        }
                        break;
                    case 'FORMAT_hh':
                        var hoursEditor = this.editors[i];
                        hour = hoursEditor.value;
                        hasHour = true;
                        break;
                    case 'FORMAT_HH':
                        hour = this.editors[i].value;
                        hasHour = true;
                        break;
                    case 'Millisecond':
                        milisecond = this.editors[i].value;
                        hasMillisecond = true;
                        break;
                    case 'Minute':
                        minute = this.editors[i].value;
                        hasMinute = true;
                        break;
                    case 'Month':
                        month = this.editors[i].value;
                        hasMonth = true;
                        if (month == 0)
                            month = 1; break;
                    case 'ReadOnly':
                        break;
                    case 'Second':
                        second = this.editors[i].value;
                        hasSecond = true;
                        break;
                    case 'Year':
                        hasYear = true;
                        year = this.editors[i].value;

                        var yearFormatValue = this.editors[i].getDateTimeItem().format;
                        if (yearFormatValue.length < 3) {
                            var yearString = "1900";
                            if (yearString.Length == 4) {
                                var baseYearString = "" + yearString[0] + yearString[1];
                                var baseYear;
                                baseYear = parseInt(baseYearString);
                                year = year + (baseYear * 100);
                            }
                        }

                        if (year == 0)
                            year = 1;
                        break;
                }
            }

            var oldDate = this.value != null ? new Date(this.value.dateTime) : null;

            if (year > 0 && month > 0 && day > 0 && minute >= 0 && hour >= 0 && second >= 0 && milisecond >= 0) {
                var val = this.value;
                if (val != null) {
                    if (!hasYear) {
                        year = val.year;
                    }

                    if (!hasMonth) {
                        month = val.month;
                    }

                    if (!hasDay) {
                        day = val.day;
                    }
                }

                try {
                    if (month > 12) month = 12;
                    if (month < 1) month = 1;
                    if (blur && val._daysInMonth(year, month) <= day) {
                        day = val._daysInMonth(year, month);
                        if (dayEditors != null && dayEditors.length > 0) {
                            for (i = 0; i < dayEditors.length; i++) {
                                dayEditors[i].value = day;
                            }
                        }
                    }

                    if (amPmEditor != null) {
                        if (amPmEditor.value == 0) {
                            if (hour >= 12) {
                                hour -= 12;
                            }
                        }
                        else {
                            if (hour + 12 < 24) {
                                hour += 12;
                            }
                        }
                    }

                    var oldDay = this.value.dateTime.getDate();

                    this.value._setYear(parseInt(year));
                    this.value._setDay(day);
                    this.value._setMonth(month);
                    if (hasHour) {
                        this.value._setHours(hour);
                    }
                    if (hasMinute) {
                        this.value._setMinutes(minute);
                    }
                    if (hasSecond) {
                        this.value._setSeconds(second);
                    }
                    if (hasMillisecond) {
                        this.value._setMilliseconds(milisecond);
                    }
                    this._validateTimeRange();
                }
                catch (err) {
                    this.value = val;
                }

                if (oldDate != null) {
                    var areEqual = this.value.dateTime.getFullYear() == oldDate.getFullYear() && this.value.dateTime.getDate() == oldDate.getDate() && this.value.dateTime.getMonth() == oldDate.getMonth() && this.value.dateTime.getHours() == oldDate.getHours() && this.value.dateTime.getMinutes() == oldDate.getMinutes() && this.value.dateTime.getSeconds() == oldDate.getSeconds();
                    if (!areEqual) {
                        if (this.changing) {
                            var newDate = this.changing(oldDate, this.value.dateTime);
                            if (newDate) {
                                this.value = $.jqx._jqxDateTimeInput.getDateTime(newDate);
                            }
                        }

                        this._raiseEvent('0', this.value.dateTime);
                        if (this.cookies) {
                            if (this.value != null) {
                                $.jqx.cookie.cookie("jqxDateTimeInput" + this.element.id, this.value.dateTime.toString(), this.cookieoptions);
                            }
                        }
                        if (this.change) {
                            this.change(this.value.dateTime);
                        }
                    }
                }
            }

            var editorIndex = this.editors.indexOf(this.activeEditor);
            var currentItem = this.items[editorIndex];

            if (this.value) {
                if (this.calendarContainer.jqxCalendar('_isDisabled', this.value.dateTime)) {
                    this.dateTimeInput.addClass(this.toThemeProperty("jqx-input-invalid"));
                }
                else {
                    this.dateTimeInput.removeClass(this.toThemeProperty("jqx-input-invalid"));
                }
            }
        },

        _internalSetValue: function (date) {
            this.value._setYear(parseInt(date.year));
            this.value._setDay(date.day);
            this.value._setMonth(date.month);
            this.value._setHours(date.hour);
            this.value._setMinutes(date.minute);
            this.value._setSeconds(date.second);
            this.value._setMilliseconds(date.milisecond);
        },

        _raiseEvent: function (id, arg, arg2) {
            var evt = this.events[id];
            var args = {};
            args.owner = this;
            if (arg == null) {
                arg = {};
            }
            if (arg2 == null) {
                arg2 = arg;
            }

            var key = arg.charCode ? arg.charCode : arg.keyCode ? arg.keyCode : 0;
            var result = true;
            var isreadOnly = this.readonly;
            var event = new $.Event(evt);
            event.owner = this;
            event.args = args;
            event.args.date = this.getDate();
            if (id == 9) {
                event.args.type = this.changeType;
                this.changeType = null;
            }
            this.element.value = this.dateTimeInput.val();
            if (id == 9 && this.selectionMode != 'range') {
                var date = event.args.date;
                
                if (this._oldDT) {
                    if (date != null) {
                        if (!(date.getFullYear() != this._oldDT.getFullYear() || date.getMonth() != this._oldDT.getMonth() || date.getDate() != this._oldDT.getDate() || date.getHours() != this._oldDT.getHours() || date.getMinutes() != this._oldDT.getMinutes() || date.getSeconds() != this._oldDT.getSeconds())) {
                            return true;
                        }
                    }

                    $.jqx.aria(this, "aria-valuenow", this.getDate());
                    $.jqx.aria(this, "aria-valuetext", this.getText());
                    if (this.getDate() != null) {
                        $.jqx.aria(this, "aria-label", "Current focused date is " + this.getDate().toLocaleString());
                    }
                    else {
                        $.jqx.aria(this, "aria-label", "Current focused date is Null");
                    }
                }
                event.args.oldValue = arg2;
                event.args.newValue = event.args.date;
                if (this._oldDT) {
                    event.args.oldValue = this._oldDT;
                }
            }
            if (this.selectionMode == 'range') {
                event.args.date = this.getRange();
                if (this._oldDT) {
                    var date = event.args.date.from;
                    if (id == 9) {
                        var from = false;
                        var to = false;
                        var oldDate = this._oldDT.from;
                        if (date != null && oldDate) {
                            if (!(date.getFullYear() != oldDate.getFullYear() || date.getMonth() != oldDate.getMonth() || date.getDate() != oldDate.getDate() || date.getHours() != oldDate.getHours() || date.getMinutes() != oldDate.getMinutes() || date.getSeconds() != oldDate.getSeconds())) {
                                from = true;
                            }
                        }
                        var date = event.args.date.to;
                        if (date != null) {
                            oldDate = this._oldDT.to;
                            if (oldDate) {
                                if (!(date.getFullYear() != oldDate.getFullYear() || date.getMonth() != oldDate.getMonth() || date.getDate() != oldDate.getDate() || date.getHours() != oldDate.getHours() || date.getMinutes() != oldDate.getMinutes() || date.getSeconds() != oldDate.getSeconds())) {
                                    to = true;
                                }
                            }
                        }
                        if (from && to) {
                            return true;
                        }

                        var from = event.args.date.from;
                        if (from == null) from = "";
                        else from = from.toString();
                        var to = event.args.date.to;
                        if (to == null) to = "";
                        else to = to.toString();

                        $.jqx.aria(this, "aria-valuenow", from + "-" + to);
                        $.jqx.aria(this, "aria-valuetext", this.getText());
                        if (from && to) {
                            $.jqx.aria(this, "aria-label", "Current focused range is " + from.toLocaleString() + "-" + to.toLocaleString());
                        }
                    }
                }
                event.args.oldValue = arg2;
                event.args.newValue = event.args.date;
                if (this._oldDT) {
                    event.args.oldValue = this._oldDT;
                }
            }

            if (this.host.css('display') == 'none')
                return true;

            if (id != 2 && id != 3 && id != 4 && id != 5 && id != 6) {
                result = this.host.trigger(event);
                if (event.stopPropagation) {
                    event.stopPropagation();
                }
            }
            var me = this;

            if (!isreadOnly) {
                if (id == 2 && !this.disabled) {
                    setTimeout(function () {
                        me.isEditing = true;
                        if (this.selectionMode == 'range') {
                            me._selectGroup(-1);
                        }
                        else {
                            me._selectGroup(-1);
                        }
                    }, 25);
                }
            }


            if (id == 4) {
                if (isreadOnly || this.disabled) {
                    if (key == 8 || key == 46) {
                        this.isEditing = false;
                        if (this.allowKeyboardDelete) {
                            if (this.allowNullDate) {
                                this.setDate(null);
                            }
                            else {
                                if (this.selectionMode != 'range') {
                                    this.setDate(this.getMinDate());
                                }
                                else {
                                    this.setRange(this.getMinDate(), this.getMinDate());
                                }
                            }
                        }
                    }
                    if (key == 9)
                        return true;

                    if (!arg.altKey) {
                        return false;
                    }
                }

                result = this._handleKeyDown(arg, key);
            }

            else if (id == 5) {
                if (key == 9)
                    return true;

                if (isreadOnly || this.disabled) {
                    return false;
                }


            }
            else if (id == 6) {
                if (key == 9)
                    return true;

                if (isreadOnly || this.disabled) {
                    return false;
                }

                result = this._handleKeyPress(arg, key)
            }

            return result;
        },

        _doLeftKey: function () {
            if (this.activeEditor != null) {
                if (!this.isEditing) this.isEditing = true;

                var lastEditor = this.activeEditor;
                var newEditor = false;
                var index3 = this.editors.indexOf(this.activeEditor);
                var tmpIndex3 = index3;

                if (this.enableAbsoluteSelection) {
                    if (index3 >= 0 && this.activeEditor.positions > 0) {
                        this.activeEditor.positions--;
                        this._selectGroup(index3);
                        return;
                    }
                }

                while (index3 > 0) {
                    this.activeEditor = this.editors[--index3];
                    this._selectGroup(index3);
                    if (this.items[index3].type != 'ReadOnly') {
                        newEditor = true;
                        break;
                    }
                }
                if (!newEditor) {
                    if (tmpIndex3 >= 0) {
                        this.activeEditor = this.editors[tmpIndex3];
                    }
                }
                if (this.activeEditor != null && lastEditor != this.activeEditor) {
                    if (this.items[index3].type != 'ReadOnly') {
                        if (this.enableAbsoluteSelection) {
                            this.activeEditor.positions = this.activeEditor.maxEditPositions - 1;
                        }
                        else {
                            this.activeEditor.positions = 0;
                        }
                    }
                }

                if (this.activeEditor != lastEditor) {
                    this._validateValue();
                    this._updateText();
                    this._selectGroup(this.editors.indexOf(this.activeEditor));
                    return true;
                }
                else return false;
            }
        },

        _doRightKey: function () {
            if (this.activeEditor != null) {
                if (!this.isEditing) this.isEditing = true;

                var lastEditor = this.activeEditor;
                var newEditor = false;
                var index4 = this.editors.indexOf(this.activeEditor);
                var tmpIndex3 = index4;

                if (this.enableAbsoluteSelection) {
                    if (index4 >= 0 && this.activeEditor.positions < this.activeEditor.maxEditPositions - 1) {
                        this.activeEditor.positions++;
                        this._selectGroup(index4);
                        return;
                    }
                }

                while (index4 <= this.editors.length - 2) {
                    this.activeEditor = this.editors[++index4];
                    this._selectGroup(index4);
                    if (this.items[index4].type != 'ReadOnly') {
                        if (this.items[index4].type == 'Day' && this.items[index4].format.length > 2)
                            break;

                        newEditor = true;
                        break;
                    }
                }
                if (!newEditor) {
                    if (tmpIndex3 >= 0) {
                        this.activeEditor = this.editors[tmpIndex3];
                    }
                }
                if (this.activeEditor != null && this.activeEditor != lastEditor) {
                    if (this.items[index4].type != 'ReadOnly') {
                        this.activeEditor.positions = 0;
                    }
                }

                if (this.activeEditor != lastEditor) {
                    this._validateValue();
                    this._updateText();
                    this._selectGroup(this.editors.indexOf(this.activeEditor));
                    return true;
                }
                else return false;
            }
        },


        _saveSelectedText: function () {
            var selection = this._selection();
            var text = "";
            var allText = this.dateTimeInput.val();
            if (selection.start > 0 || selection.length > 0) {
                for (i = selection.start; i < selection.end; i++) {
                    text += allText[i];
                }
            }
            if (window.clipboardData) {
                window.clipboardData.setData("Text", text);
            }
            return text;
        },

        _selectWithAdvancePattern: function () {
            var editorIndex = this.editors.indexOf(this.activeEditor);
            var canAdvance = false;
            if (this.items[editorIndex].type != 'ReadOnly') {
                canAdvance = true;
            }

            if (!canAdvance)
                return;

            var numericEditor = this.activeEditor;

            if (numericEditor != null) {
                var canSelectRight = numericEditor.positions == numericEditor.maxEditPositions;
                if (canSelectRight) {
                    this.editorText = "";
                    var editValue = numericEditor.value;
                    var needValueUpdate = false;

                    switch (this.items[editorIndex].type) {
                        case 'FORMAT_AMPM':
                            if (editValue < 0) {
                                editValue = 0;
                            }
                            else if (editValue > 1) {
                                editValue = 1;
                            }
                            break;
                        case 'Character':
                            break;
                        case 'Day':
                            if (editValue < 1) {
                                editValue = 1;
                            }
                            else if (editValue > 31) {
                                editValue = 31;
                            }
                            break;
                        case 'FORMAT_hh':
                            if (editValue < 1) {
                                editValue = 1;
                            }
                            else if (editValue > 12) {
                                editValue = 12;
                            }
                            break;
                        case 'FORMAT_HH':
                            if (editValue < 0) {
                                editValue = 0;
                            }
                            else if (editValue > 23) {
                                editValue = 23;
                            }
                            break;
                        case 'Millisecond':
                            if (editValue < 0) {
                                editValue = 0;
                            }
                            else if (editValue > 99) {
                                editValue = 99;
                            }
                            break;
                        case 'Minute':
                            if (editValue < 0) {
                                editValue = 0;
                            }
                            else if (editValue > 59) {
                                editValue = 59;
                            }
                            break;
                        case 'Month':
                            if (editValue < 1) {
                                editValue = 1;
                            }
                            else if (editValue > 12) {
                                editValue = 12;
                            }
                            break;
                        case 'ReadOnly':
                            break;
                        case 'Second':
                            if (editValue < 0) {
                                editValue = 0;
                            }
                            else if (editValue > 59) {
                                editValue = 59;
                            }
                            break;
                        case 'Year':
                            if (editValue < this.minDate.year) {
                                editValue = this.minDate.year;
                            }
                            else if (editValue > this.maxDate.year) {
                                editValue = this.maxDate.year;
                            }
                            break;
                    }

                    if (numericEditor.value != editValue) {
                        needValueUpdate = true;
                    }

                    if (!needValueUpdate) {
                        this.isEditing = false;
                        this._validateValue();
                        this._updateText();
                        this.isEditing = true;
                        this._doRightKey();
                        return true;
                    }

                    return false;
                }
            }
        },


        _handleKeyPress: function (e, key) {
            var selection = this._selection();
            var rootElement = this;
            var ctrlKey = e.ctrlKey || e.metaKey;
            if ((ctrlKey && key == 97 /* firefox */) || (ctrlKey && key == 65) /* opera */) {
                return true;
            }

            if (key == 8) {
                if (selection.start > 0) {
                    rootElement._setSelectionStart(selection.start);
                }
                return false;
            }

            if (key == 46) {
                if (selection.start < this.items.length) {
                    rootElement._setSelectionStart(selection.start);
                }

                return false;
            }

            if (key === 27) {
                if (this._firstFocusDate) {
                    this.setDate(this._firstFocusDate);
                    this._setSelectionStart(0);
                    this._selectGroup(-1);
                }
                return false;
            }

            if (selection.start >= 0) {
                this.changeType = "keyboard";
                var letter = String.fromCharCode(key);
                var digit = parseInt(letter);
                if (letter == "p" || letter == "a" || letter == "A" || letter == "P") {
                    if (this.activeEditor.item.type == "FORMAT_AMPM") {
                        if (this.activeEditor.value == 0 && (letter == "p" || letter == "P")) {
                            this.spinUp();
                        }
                        else if (this.activeEditor.value == 1 && (letter == "a" || letter == "A")) {
                            this.spinDown();
                        }
                    }
                }
                if (!isNaN(digit)) {
                    if (this.container.css('display') == 'block') {
                        this.hideCalendar();
                    }

                    this.updateValue();
                    this._updateText();
                    var inserted = false;
                    var activeItem = this.editors.indexOf(this.activeEditor);
                    var dateTimeEditor = null;
                    this.isEditing = true;
                    if (activeItem.type != "ReadOnly") {
                        dateTimeEditor = this.activeEditor;
                    }

                    if (dateTimeEditor != null && dateTimeEditor.positions == 0) {
                        this.editorText = "";
                    }

                    if (this.activeEditor == null) {
                        this.activeEditor = this.editors[0];
                    }
                    if (this.activeEditor == null) return false;
                    this.activeEditor.insert(letter);
                    if (dateTimeEditor != null && this.editorText.length >= dateTimeEditor.maxEditPositions) {
                        this.editorText = "";
                    }

                    this.editorText += letter;
                    var advanced = this._selectWithAdvancePattern();

                    if (this.activeEditor.positions == this.activeEditor.maxEditPositions) {
                        var lastEditorIndex = this._getLastEditableEditorIndex();
                        if (this.editors.indexOf(this.activeEditor) == lastEditorIndex && advanced && this.enableAbsoluteSelection) {
                            this.activeEditor.positions = this.activeEditor.maxEditPositions - 1;
                        }
                        else {
                            this.activeEditor.positions = 0;
                        }
                    }

                    inserted = true;

                    this.updateValue();
                    this._updateText();
                    this._selectGroup(this.editors.indexOf(this.activeEditor));

                    return false;
                }
            }
            var specialKey = this._isSpecialKey(key);
            return specialKey;
        },

        _getLastEditableEditorIndex: function () {
            var i = 0;
            var me = this;
            for (itemIndex = this.items.length - 1; itemIndex >= 0; itemIndex--) {
                if (this.items[itemIndex].type != 'ReadOnly') {
                    return itemIndex;
                }
            }

            return -1;
        },

        _handleKeyDown: function (e, key) {
            var that = this;
            this.timePopup = false;
            if (key == 84) {
                this.timePopup = true;
            }

            if (e.keyCode == 115) {
                if (that.isOpened()) {
                    that.hideCalendar("keyboard", "keyboard");
                    return false;
                }
                else if (!that.isOpened()) {
                    that.showCalendar("keyboard", "keyboard");
                    return false;
                }
            }

            if (e.altKey) {
                if (e.keyCode == 38) {
                    if (that.isOpened()) {
                        if (that.showTimeButton && !that.showCalendarButton) {
                            that.timePopup = true;
                        }
                        that.hideCalendar("keyboard", "keyboard");
                        return false;
                    }
                }
                else if (e.keyCode == 40) {
                    if (!that.isOpened()) {
                        if (that.showTimeButton && !that.showCalendarButton) {
                            that.timePopup = true;
                        }
                        that.showCalendar("keyboard", "keyboard");
                        return false;
                    }
                }
            }
            else if (e.ctrlKey) {
                this.timePopup = true;
                if (e.keyCode == 38) {
                    if (that.isOpened()) {
                        that.hideCalendar("keyboard", "keyboard");
                        return false;
                    }
                }
                else if (e.keyCode == 40) {
                    if (!that.isOpened()) {
                        that.showCalendar("keyboard", "keyboard");
                        return false;
                    }
                }
            }

            if (that.isOpened()) {
                if (e.keyCode == 9) {
                    that.hideCalendar('selected', "keyboard");
                    return true;
                }

                return;
            }

            var selection = that._selection();
            var ctrlKey = e.ctrlKey || e.metaKey;
            if ((ctrlKey && key == 99 /* firefox */) || (ctrlKey && key == 67) /* opera */) {
                that._saveSelectedText(e);
                return true;
            }

            if ((ctrlKey && key == 122 /* firefox */) || (ctrlKey && key == 90) /* opera */) return false;

            if ((ctrlKey && key == 118 /* firefox */) || (ctrlKey && key == 86) /* opera */
            || (e.shiftKey && key == 45)) {
                var value = that.val();
                var me = this;
                var pasteFrom = $('<textarea style="position: absolute; left: -1000px; top: -1000px;"/>');
                $('body').append(pasteFrom);
                pasteFrom.select();

                setTimeout(function () {
                    var val = pasteFrom.val();
                    me.setDate(val);
                    pasteFrom.remove();
                }, 100);

                return true;
            }

            if (key == 8 || key == 46) {
                if (!e.altKey && !ctrlKey && key == 46) {
                    that.isEditing = false;
                    if (that.allowKeyboardDelete) {
                        that.changeType = "keyboard";
                        if (that.allowNullDate) {
                            that.setDate(null);
                        }
                        else {
                            if (that.selectionMode != 'range') {
                                that.setDate(that.getMinDate());
                            }
                            else {
                                that.setRange(that.getMinDate(), that.getMinDate());
                            }
                        }
                    }
                }
                else {
                    if (that.activeEditor != null) {
                        var activeEditorIndex = that.editors.indexOf(that.activeEditor);
                        if (that.activeEditor.positions >= 0) {
                            var formattedValue = that._format(Number(that.activeEditor.value), "d" + that.activeEditor.maxEditPositions, that.culture)
                            tmp = formattedValue;
                            tmp = tmp.substring(0, that.activeEditor.positions) + '0' + tmp.substring(that.activeEditor.positions + 1);
                            if (parseInt(tmp) < that.activeEditor.minValue) {
                                tmp = that._format(Number(that.activeEditor.minValue), "d" + that.activeEditor.maxEditPositions, that.culture)
                            }

                            if (that.enableAbsoluteSelection) {
                                that.activeEditor.value = tmp;
                            }
                            else that.activeEditor.value = that.activeEditor.minValue;

                            that._validateValue();
                            that._updateText();
                            that.changeType = "keyboard";
                            if (key == 8) {
                                var myself = this;

                                if (that.enableAbsoluteSelection && that.activeEditor.positions > 0) {
                                    setTimeout(function () {
                                        myself.activeEditor.positions = myself.activeEditor.positions - 1;
                                        myself._selectGroup(activeEditorIndex);
                                    }, 10);
                                }
                                else {
                                    setTimeout(function () {
                                        myself._doLeftKey();
                                    }, 10);
                                }
                            }
                            else that._selectGroup(activeEditorIndex);
                        }
                        else that._doLeftKey();
                    }
                }
                return false;
            }

            if (key == 38) {
                this.spinUp();
                that.changeType = "keyboard";
                return false;
            }
            else if (key == 40) {
                this.spinDown();
                that.changeType = "keyboard";
                return false;
            }

            if (key == 9)
            {
                if (that.value == null)
                    return true;

                if (e.shiftKey) {
                    var result = this._doLeftKey()
                }
                else {
                    var result = this._doRightKey();
                }
                if (!result)
                    return true;
                else
                    return false;
            }

            if (key == 37) {
                if (this._editor) {
                    var result = this._doLeftKey();
                    if (!result) {
                        this.isEditing = false;
                        this._validateValue();
                    }
                    return !result;
                }
                else {
                    var result = this._doLeftKey()
                    return false;
                }
            }
            else if (key == 39 || key == 191) {
                if (this._editor) {
                    var result = this._doRightKey();
                    if (!result) {
                        this.isEditing = false;
                        this._validateValue();
                    }
                    return !result;
                }
                else {
                    var result = this._doRightKey();
                    return false;
                }
            }

            var specialKey = this._isSpecialKey(key);

            if (this.value == null && (key >= 48 && key <= 57 || key >= 96 && key <= 105)) {
                that.changeType = "keyboard";
                if (new Date() >= this.getMinDate() && new Date() <= this.getMaxDate()) {
                    this.setDate(new Date());
                }
                else {
                    this.setDate(this.getMaxDate());
                }
            }

            if (!$.jqx.browser.mozilla)
                return true;
            if ($.jqx.browser.mozilla && $.jqx.browser.version > 24) {
                return true;
            }

            return specialKey;
        },


        _isSpecialKey: function (key) {
            if (key != 8 /* backspace */ &&
            key != 9 /* tab */ &&
            key != 13 /* enter */ &&
            key != 35 /* end */ &&
            key != 36 /* home */ &&
            key != 37 /* left */ &&
            key != 39 /* right */ &&
            key != 27 /* right */ &&
            key != 46 /* del */
            ) {
                return false;
            }

            return true;
        },


        _selection: function () {
            if ('selectionStart' in this.dateTimeInput[0]) {
                var e = this.dateTimeInput[0];
                var selectionLength = e.selectionEnd - e.selectionStart;
                return { start: e.selectionStart, end: e.selectionEnd, length: selectionLength, text: e.value };
            }
            else {
                var r = document.selection.createRange();
                if (r == null) {
                    return { start: 0, end: e.value.length, length: 0 }
                }

                var re = this.dateTimeInput[0].createTextRange();
                var rc = re.duplicate();
                re.moveToBookmark(r.getBookmark());
                rc.setEndPoint('EndToStart', re);
                var selectionLength = r.text.length;

                return { start: rc.text.length, end: rc.text.length + r.text.length, length: selectionLength, text: r.text };
            }
        },

        _selectGroup: function (value, selection) {
            if (this.host.css('display') == 'none')
                return;

            if (this.readonly) return;

            if (!selection) {
                var selection = this._selection();
            }
            var str = "";
            var currentString = "";
            var activeEditor = null;
            for (var i = 0; i < this.items.length; i++) {
                currentString = this.items[i].dateParser(this.value, this);
                if (this.isEditing && this.items[i].type != 'ReadOnly') {
                    var isReadOnlyDay = this.items[i].type == 'Day' && this.items[i].format.length > 2;

                    if (!isReadOnlyDay && this.items[i].type != 'FORMAT_AMPM') {
                        currentString = this.items[i].dateParserInEditMode(new Number(this.editors[i].value), "d" + this.editors[i].maxEditPositions, this);
                        while (currentString.length < this.editors[i].maxEditPositions) {
                            currentString = '0' + currentString;
                        }
                    }
                }

                str += currentString;

                if (this.items[i].type == 'ReadOnly')
                    continue;

                if (this.items[i].type == 'Day' && this.items[i].format.length > 2)
                    continue;

                if (value != undefined && value != -1) {
                    if (i >= value) {
                        var selectionStart = str.length - currentString.length;
                        var selectionLength = currentString.length;

                        if (this.enableAbsoluteSelection) {
                            if (!isNaN(parseInt(currentString)) && this.isEditing && value != -1) {
                                selectionLength = 1;
                                selectionStart += this.editors[i].positions;
                            }
                        }

                        if (selectionStart == this.dateTimeInput.val().length) {
                            selectionStart--;
                        }

                        this._setSelection(selectionStart, selectionStart + selectionLength);
                        activeEditor = this.editors[i];
                        this.activeEditor = activeEditor;
                        break;
                    }
                }
                else if (str.length >= selection.start) {
                    activeEditor = this.editors[i];
                    this.activeEditor = activeEditor;
                    var selectionStart = str.length - currentString.length;
                    var selectionLength = 1;
                    if (this.enableAbsoluteSelection) {
                        if (!isNaN(parseInt(currentString)) && this.isEditing && value != -1) {
                            selectionLength = 1;
                            selectionStart += this.editors[i].positions;
                        }
                    }
                    else selectionLength = currentString.length;

                    this._setSelection(selectionStart, selectionStart + selectionLength);
                    break;
                }
            }

            if (i < this.items.length && value == -1) {
                if (this.items[i].type != 'ReadOnly') {
                    this.activeEditor.positions = 0;
                }
            }

            var newSelection = this._selection();
            if (newSelection.length == 0) {
                if (newSelection.start > 0) {
                    var editorIndex = this._getLastEditableEditorIndex();
                    if (editorIndex >= 0) {
                        //   this._selectGroup(editorIndex);
                    }
                }
            }
        },

        _getLastEditableEditorIndex: function () {
            var editorIndex = -1;
            for (i = 0; i < this.editors.length; i++) {
                if (this.items[i].type == 'ReadOnly')
                    continue;

                if (this.items[i].type == 'Day' && this.items[i].format.length > 2)
                    continue;

                editorIndex = i;
            }

            return editorIndex;
        },

        _setSelection: function (start, end) {
            try {
                if ('selectionStart' in this.dateTimeInput[0]) {
                    //  this.dateTimeInput[0].focus();
                    this.dateTimeInput[0].setSelectionRange(start, end);
                }
                else {
                    var range = this.dateTimeInput[0].createTextRange();
                    range.collapse(true);
                    range.moveEnd('character', end);
                    range.moveStart('character', start);
                    range.select();
                }
            }
            catch (error) {
            }
        },

        _setSelectionStart: function (start) {
            this._setSelection(start, start);
        },

        destroy: function () {
            $.jqx.utilities.resize(this.host, null, true);
            this.host
            .removeClass("jqx-rc-all")
            ;
            if (this.timePopupElement) {
                this.timePopupElement.remove();
            }
            this._calendar.destroy();
            this.container.remove();
            this._removeHandlers();
            this.dateTimeInput.remove();
            this.host.remove();
        },

        refreshValue: function () {
            this._refreshValue();
        },

        refresh: function (initialRefresh) {
            if (initialRefresh != true) {
                this._setSize();
                this._arrange();
            }
        },

        resize: function (width, height) {
            this.width = width;
            this.height = height;
            this.refresh();
        },

        _setOption: function (key, value, oldvalue) {
            if (key === "value") {
                if (this.selectionMode != 'range') {
                    this._oldDT = null;
                }
                else this._oldDT = null;

                this.value = value;
                this._refreshValue();
                this._raiseEvent(9, {type: null});
            }
            if (key == 'maxDate') {
                this._calendar.maxDate = value;
                this._raiseEvent(9, { type: null });
            }

            if (key == 'minDate') {
                this._calendar.minDate = value;
                this._raiseEvent(9, { type: null });
            }

            if (key == 'showCalendarButton') {
                if (value) {
                    this.calendarButton.css('display', 'block');
                }
                else {
                    this.calendarButton.css('display', 'none');
                }
            }

            if (key == "disabled") {
                this.dateTimeInput.attr("disabled", value);
            }

            if (key == "readonly") {
                this.readonly = value;
                this.dateTimeInput.css("readonly", value);
            }

            if (key == "textAlign") {
                this.dateTimeInput.css("text-align", value);
                this.textAlign = value;
            }

            if (key == "width") {
                this.width = value;
                this.width = parseInt(this.width);
                this._arrange();
            }
            else if (key == "height") {
                this.height = value;
                this.height = parseInt(this.height);
                this._arrange();
            }
        },


        _refreshValue: function () {
            this._updateEditorsValue();
            this.updateValue();
            this._validateValue();
            this._updateText();
        }
    })
})(jqxBaseFramework);


(function ($) {
    $.jqx._jqxDateTimeInput.DateTimeFormatItem = {};
    $.extend($.jqx._jqxDateTimeInput.DateTimeFormatItem, {

        _create: function (format, type, culture) {
            this.format = format;
            this.type = type;
            this.culture = culture;
            return this;
        },

        _itemValue: function () {
            switch (this.format.length) {
                case 1:
                    return 9;
                case 2:
                    return 99;
                case 3:
                default:
                    return 999;
            }
        },

        _maximumValue: function () {
            switch (this.format.length) {
                case 1:
                    return 9;
                case 2:
                    return 99;
                case 3:
                default:
                    return 999;
            }
        },

        dateParser: function (formattedDateTime, that) {
            if (formattedDateTime == null)
                return "";
            var value = that._format(formattedDateTime.dateTime, this.format.length == 1 ? '%' + this.format : this.format, this.culture);
            return value;
        },

        dateParserInEditMode: function (val, format, that) {
            if (val == null)
                return "";

            var value = that._format(val.toString(), format.length == 1 ? '%' + format : format, this.culture);
            return value;
        },

        getDateTimeEditorByItemType: function (value, that) {
            switch (this.type) {
                case 'FORMAT_AMPM':
                    var aMpMEditor = $.jqx._jqxDateTimeInput.AmPmEditor._createAmPmEditor(this.format, value.hour / 12, that.localization.calendar.AM[0], that.localization.calendar.PM[0], this, that);
                    var newEditor = $.extend({}, aMpMEditor);
                    return newEditor;
                case 'Character':
                    return null;
                case 'Day':
                    var year = value.year;
                    var month = value.month;
                    var dayNames;
                    if (this.format.length == 3)
                        dayNames = that.localization.calendar.days.namesAbbr;
                    else if (this.format.length > 3)
                        dayNames = that.localization.calendar.days.names;
                    else
                        dayNames = null;

                    var val = value.day;
                    if (dayNames != null)
                        val = value.dayOfWeek + 1;

                    var dayEditor = $.jqx._jqxDateTimeInput.DateEditor._createDayEditor(value, value.day, 1, value._daysInMonth(year, month), this.format.length == 1 ? 1 : 2, 2, dayNames, this, that);
                    var newEditor = $.extend({}, dayEditor);
                    return newEditor;
                case 'FORMAT_hh':
                    var initialValue = value.hour % 12;
                    if (initialValue == 0)
                        initialValue = 12;
                    var hhEditor = $.jqx._jqxDateTimeInput.NumberEditor._createNumberEditor(initialValue, 1, 12, this.format.length == 1 ? 1 : 2, 2, this, that);
                    var newEditor = $.extend({}, hhEditor);
                    return newEditor;
                case 'FORMAT_HH':
                    var HHEditor = $.jqx._jqxDateTimeInput.NumberEditor._createNumberEditor(value.hour, 0, 23, this.format.length == 1 ? 1 : 2, 2, this, that);
                    var newEditor = $.extend({}, HHEditor);
                    return newEditor;
                case 'Millisecond':
                    var milisecondEditor = $.jqx._jqxDateTimeInput.NumberEditor._createNumberEditor(value.millisecond / this._itemValue(), 0, this._maximumValue(), this.format.length, this.format.length, this, that);
                    var newEditor = $.extend({}, milisecondEditor);
                    return newEditor;
                case 'Minute':
                    var minuteEditor = $.jqx._jqxDateTimeInput.NumberEditor._createNumberEditor(value.minute, 0, 59, this.format.length == 1 ? 1 : 2, 2, this, that);
                    var newEditor = $.extend({}, minuteEditor);
                    return newEditor;
                case 'Month':
                    var monthNames;
                    if (this.format.length == 3)
                        monthNames = that.localization.calendar.months.namesAbbr;
                    else if (this.format.length > 3)
                        monthNames = that.localization.calendar.months.names;
                    else
                        monthNames = null;
                    var monthEditor = $.jqx._jqxDateTimeInput.DateEditor._createMonthEditor(value.month, this.format.length == 2 ? 2 : 1, monthNames, this, that);
                    var newEditor = $.extend({}, monthEditor);
                    return newEditor;
                case 'ReadOnly':
                    return $.jqx._jqxDateTimeInput.DisabledEditor._create(this.format.length, value.day, this, that);
                case 'Second':
                    var secondEditor = $.jqx._jqxDateTimeInput.NumberEditor._createNumberEditor(value.second, 0, 59, this.format.length == 1 ? 1 : 2, 2, this, that);
                    var newEditor = $.extend({}, secondEditor);
                    return newEditor;
                case 'Year':
                    var yearEditor = $.jqx._jqxDateTimeInput.DateEditor._createYearEditor(value.year, 4, this, that);
                    var newEditor = $.extend({}, yearEditor);
                    return newEditor;
            }

            return null;
        }

        //getDateTimeWithOffset: function(offset, value)
        //{
        //    if (offset == null || value == null)
        //    {
        //	    throw 'Invalid arguments';
        //    }

        //    var hours = value.hour;
        //    var minutes = value.minute;
        //    var seconds = value.second;
        //    var days = value.day();
        //    var months = value.month();
        //    var years = value.year();

        //    var dateTime = value;
        //    var newDateTime = value;

        //    switch (this.type)
        //    {
        //        case 'FORMAT_AMPM':
        //            hours = 12 * (offset - hours / 12);
        //            break;
        //        case 'Day':
        //            days = offset - days;
        //            if (days != offset)
        //            {
        //                if (offset == 29 && months == 2)
        //                {
        //                    newDateTime = dateTime;
        //                    while (!DateTime._isLeapYear(newDateTime.year))
        //                    {
        //                        newDateTime = newDateTime._addYears(1);
        //                    }

        //                        newDateTime = newDateTime._addDays(offset - newDateTime.day);
        //                }
        //                else
        //                {
        //                    newDateTime = dateTime._addMonths(1 - dateTime.month);
        //                    newDateTime = newDateTime._addDays(offset - dateTime.day);
        //                }
        //            }
        //            break;
        //        case 'FORMAT_hh':
        //            var res = offset == 12 ? 0 : offset;
        //            dateTime = dateTime._addHours(res - (dateTime.hour % 12));
        //            break;
        //        case 'FORMAT_HH':
        //            dateTime = dateTime._addHours(offset - dateTime.hour);
        //            break;
        //        case 'Millisecond':
        //            dateTime = dateTime._addMilliseconds(offset * this._itemValue() - dateTime.millisecond);
        //            break;
        //        case 'Minute':
        //            dateTime = dateTime._addMinutes(offset - dateTime.minute);
        //            break;
        //        case 'Month':
        //            newDateTime = dateTime._addMonths(offset - dateTime.month);
        //            if (offset == 2 && dateTime.day == 29 && dateTime.day != newDateTime.day
        //                )
        //            {
        //                newDateTime = dateTime;
        //                while (!dateTime.IsLeapYear(newDateTime.year))
        //                {
        //                    newDateTime = newDateTime._addYears(1);
        //                }

        //                newDateTime = newDateTime._addMonths(offset - newDateTime.month);
        //            }

        //            dateTime = newDateTime;
        //            break;
        //        case 'ReadOnly':
        //            break;
        //        case 'Second':
        //            dateTime = dateTime._addSeconds(offset - dateTime.second);

        //            break;
        //        case 'Year':
        //            if (offset == 0)
        //                offset = 1;

        //            dateTime = dateTime._addYears(offset - value.year);
        //            break;
        //    }
        //    return dateTime;
        //}
    });
})(jqxBaseFramework);

(function ($) {
    $.jqx._jqxDateTimeInput.DateEditor = $.extend($.jqx._jqxDateTimeInput.DateEditor, {

        formatValueLength: 0,
        handleYears: false,
        handleDays: false,
        handleMonths: false,
        positions: 0,
        value: 0,
        minEditPositions: 0,
        maxEditPositions: 0,
        minValue: 0,
        maxValue: 0,
        item: null,
        dateTimeFormatInfo: null,
        days: null,
        dateTimeMonths: null,
        lastDayInput: null,

        minPositions: function () {
            if (this.handleYears) {
                if (this.formatValueLength == 4) {
                    if (this.positions <= 1) {
                        return 1;
                    }
                    else {
                        if (this.positions >= 4) {
                            return 4;
                        }
                    }

                    return this.positions;
                }
                else {
                    return this.minEditPositions;
                }
            }
            return this.minEditPositions;
        },

        initializeFields: function (minValue, maxValue, minEditPositions, maxEditPositions, item) {
            this.minValue = minValue;
            this.maxValue = maxValue;
            this.minEditPositions = minEditPositions;
            this.maxEditPositions = maxEditPositions;
            this.updateActiveEditor(minValue);
            this.item = item;
        },

        _createYearEditor: function (baseYear, formatValueLength, item, that) {
            $.jqx._jqxDateTimeInput.DateEditor = $.extend(true, {}, this);
            this.initializeFields(formatValueLength <= 4 ? 0 : 0, formatValueLength < 4 ? 99 : 9999, (formatValueLength == 2) ? 2 : 1, formatValueLength > 3 ? 4 : 2, item);
            this.initializeYearEditor(baseYear, formatValueLength, item.culture);
            this.handleYears = true;
            this.that = that;
            return this;
        },

        initializeYearEditor: function (baseYear, formatValueLength, info) {
            this.formatValueLength = formatValueLength;
            this.dateTimeFormatInfo = info;

            var realYear = baseYear;
            realYear = Math.min(realYear, 9999);
            realYear = Math.max(realYear, 1);
            realYear = this.formatValueLength < 4 ? realYear % 100 : realYear;
            this.updateActiveEditor(realYear);
            this.value = realYear;
        },

        updateActiveEditor: function (newValue) {
            this.value = newValue;
            this.positions = 0;
        },

        _createDayEditor: function (editedValue, initialValue, minValue, maxValue, minEditingPositions, maxEditingPositions, dayKeys, item, that) {
            $.jqx._jqxDateTimeInput.DateEditor = $.extend(true, {}, this);
            this.initializeFields(minValue, maxValue, 1, maxEditingPositions, item);
            this.currentValue = editedValue;
            this.value = initialValue;
            this.days = dayKeys;
            this.handleDays = true;
            this.that = that;
            return this;
        },

        getDayOfWeek: function (val) {
            if (typeof this.currentValue == $.jqx._jqxDateTimeInput.DateTime) {
                this.currentValue.dayOfWeek();
            }
            return val;
        },

        defaultTextValue: function () {
            var value = this.value;
            var minPositions = this.minEditPositions;
            var minFormattedPositions = minPositions;
            var formattedValue = this.that._format(this.value, "d" + minFormattedPositions, "");

            return formattedValue;
        },

        textValue: function () {
            if (this.handleDays) {
                if (this.days == null) {
                    return this.defaultTextValue();
                }
                else {
                    var val = (this.value % 7) + 1;
                    val = this.getDayOfWeek(val);
                    return this.days[val];
                }
            }
            else if (this.handleMonths) {
                if (this.dateTimeMonths == null || this.value < 1 || this.value > 12) {
                    return this.defaultTextValue();
                }
                else {
                    return this.dateTimeMonths[this.value - 1];
                }
            }
            return this.defaultTextValue();
        },

        defaultInsertString: function (inseredValue) {
            if (inseredValue == null) {
                return this.deleteValue();
            }

            if (inseredValue.length == 0) {
                return this.deleteValue();
            }

            var character = inseredValue.substring(0, 1);
            if (isNaN(character)) {
                return;
            }

            var res = true;
            var tmp;
            var entries = 1;
            var formattedValue = this.that._format(Number(this.value), "d" + this.maxEditPositions, this.culture)
            tmp = formattedValue;
            if (this.positions >= this.maxEditPositions) {
                this.positions = 0;
            }

            tmp = tmp.substring(0, this.positions) + character + tmp.substring(this.positions + 1);
            tmp = this.setValueByString(tmp, entries);
            return true;
        },

        setValueByString: function (tmp, entries) {
            tmp = this.fixValueString(tmp);
            var nextValue = new Number(tmp);
            this.value = nextValue;
            this.positions += entries;
            return tmp;
        },

        fixValueString: function (tmp) {
            if (tmp.length > this.maxEditPositions) {
                tmp = tmp.substring(tmp.length - this.maxEditPositions);
            }

            //            var enteredDigit = parseInt(tmp[this.positions]);
            //            var pos = this.maxEditPositions - 1;
            //            while(parseInt(tmp) > this.maxValue)
            //            {
            //                if (pos < 0)
            //                    break;

            //                if (tmp[pos] > 0)
            //                {
            //                    var digit = parseInt(tmp[pos])-1;
            //                    tmp = tmp.substring(0, pos) + digit + tmp.substring(pos+1);
            //                }
            //                else pos--;
            //            }

            return tmp;
        },

        initializeValueString: function (formattedValue) {
            var tmp;
            tmp = "";

            if (this.hasDigits()) {
                tmp = formattedValue;
            }
            return tmp;
        },

        deleteValue: function () {
            if (this.value == this.minValue && this.hasDigits() == false) {
                return false;
            }

            this.updateActiveEditor(this.minValue);
            return true;
        },

        hasDigits: function () {
            return this.positions > 0;
        },

        insert: function (input) {
            if (this.handleDays) {
                if (this.days != null) {
                    var res = false;
                    res = this.insertLongString(input, res);
                    if (res) {
                        return res;
                    }
                    res = this.insertShortString(input, res);
                    if (res) {
                        return res;
                    }
                }

                if (this.value == 1 && this.lastDayInput != null && this.lastDayInput.toString().length > 0 && this.lastDayInput.toString() == "0") {
                    this.value = 0;
                }

                this.lastDayInput = input;

                return this.defaultInsertString(input);
            }
            else if (this.handleMonths) {
                if (this.dateTimeMonths != null) {
                    var res = false;
                    res = this.insertLongString2(input, res);

                    if (res) {
                        return res;
                    }

                    res = this.insertShortString2(input, res);

                    if (res) {
                        return res;
                    }
                }
            }

            return this.defaultInsertString(input);
        },

        insertShortString: function (input, res) {
            if (input.length == 1) {
                for (i = 0; i < 6; ++i) {
                    var testedDay = (this.value + i) % 7 + 1;
                    var dayName = this.days[testedDay - 1];
                    if (dayName.substring(0, 1) == input) {
                        this.updateActiveEditor(testedDay);
                        res = true;
                        return res;
                    }
                }
            }
            return res;
        },

        insertLongString: function (input, res) {
            if (input.length > 0) {
                for (i = 0; i < 6; ++i) {
                    var testedDay = (this.value + i) % 7 + 1;
                    if (this.days[testedDay - 1] == input) {
                        this.updateActiveEditor(testedDay);
                        res = true;
                        return res;
                    }
                }
            }
            return res;
        },

        _createMonthEditor: function (baseValue, positions, monthsNames, item, that) {
            $.jqx._jqxDateTimeInput.DateEditor = $.extend(true, {}, this);

            this.initializeFields(1, 12, positions, 2, item);
            this.dateTimeMonths = monthsNames;
            this.value = baseValue;
            if (this.dateTimeMonths != null && this.dateTimeMonths[12] != null && this.dateTimeMonths[12].length > 0)
                this.dateTimeMonths = null;
            this.handleMonths = true;
            this.that = that;
            return this;
        },

        insertLongString2: function (input, res) {
            if (input.length > 0) {
                for (i = 0; i < 11; ++i) {
                    month = (this.value + i) % 12 + 1;
                    if (this.dateTimeMonths[month - 1] == input) {
                        this.updateActiveEditor(month);
                        res = true;
                        return res;
                    }
                }
            }
            return res;
        },

        insertShortString2: function (input, res) {
            if (input.length == 1) {
                for (i = 0; i < 11; ++i) {
                    var month = (this.value + i) % 12 + 1;
                    var monthName = this.dateTimeMonths[month - 1];
                    if (monthName.substring(0, 1) == input) {
                        this.updateActiveEditor(month);
                        res = true;
                        return res;
                    }
                }
            }
            return res;
        },

        correctMaximumValue: function (val) {
            if (val > this.maxValue) {
                val = this.minValue;
            }
            return val;
        },

        correctMinimumValue: function (val) {
            if (val < this.minValue) {
                val = this.maxValue;
            }
            return val;
        },

        increaseValue: function (byPosition) {
            var formattedValue = this.that._format(Number(this.value), "d" + this.maxEditPositions, this.culture)
            var digit = formattedValue.toString()[this.positions];
            digit = parseInt(digit) + 1;
            if (digit > 9) digit = 0;

            if (!byPosition) {
                var tmpValue = this.value + 1;
                tmpValue = this.correctMaximumValue(tmpValue);
                this.updateActiveEditor(tmpValue);
                return true;
            }

            var val = formattedValue.substring(0, this.positions) + digit + formattedValue.substring(this.positions + 1);

            if (val != this.value || this.hasDigits()) {
                this.updateActiveEditor(val);
                return true;
            }
            else {
                return false;
            }
        },

        decreaseValue: function (byPosition) {
            var formattedValue = this.that._format(Number(this.value), "d" + this.maxEditPositions, this.culture)
            var digit = formattedValue.toString()[this.positions];
            digit = parseInt(digit) - 1;
            if (digit < 0) digit = 9;

            if (!byPosition) {
                var tmpValue = this.value - 1;
                tmpValue = this.correctMinimumValue(tmpValue);
                this.updateActiveEditor(tmpValue);
                return true;
            }

            var val = formattedValue.substring(0, this.positions) + digit + formattedValue.substring(this.positions + 1);

            if (val != this.value || this.hasDigits()) {
                this.updateActiveEditor(val);
                return true;
            }
            else {
                return false;
            }
        },

        getDateTimeItem: function () {
            return this.item;
        }
    })
})(jqxBaseFramework);

//Number Editor
(function ($) {
    $.jqx._jqxDateTimeInput.NumberEditor = {};
    $.extend($.jqx._jqxDateTimeInput.NumberEditor, {

        formatValueLength: 0,
        positions: 0,
        value: 0,
        minEditPositions: 0,
        maxEditPositions: 0,
        minValue: 0,
        maxValue: 0,
        item: null,

        minPositions: function () {
            if (this.handleYears) {
                if (this.formatValueLength == 4) {
                    if (this.positions <= 1) {
                        return 1;
                    }
                    else {
                        if (this.positions >= 4) {
                            return 4;
                        }
                    }

                    return this.positions;
                }
                else {
                    return this.minEditPositions;
                }
            }
            return this.minEditPositions;
        },

        _createNumberEditor: function (value, minValue, maxValue, minEditPositions, maxEditPositions, item, that) {
            $.jqx._jqxDateTimeInput.NumberEditor = $.extend(true, {}, this);
            this.initializeFields(minValue, maxValue, minEditPositions, maxEditPositions, item);
            this.that = that;

            return this;
        },

        initializeFields: function (minValue, maxValue, minEditPositions, maxEditPositions, item) {
            this.minValue = minValue;
            this.maxValue = maxValue;
            this.minEditPositions = minEditPositions;
            this.maxEditPositions = maxEditPositions;
            this.updateActiveEditor(minValue);
            this.item = item;
        },

        updateActiveEditor: function (newValue) {
            this.value = newValue;
            this.positions = 0;
        },

        getDayOfWeek: function (val) {
            if (typeof this.currentValue == $.jqx._jqxDateTimeInput.DateTime) {
                this.currentValue.dayOfWeek();
            }
            return val;
        },

        textValue: function () {
            var value = this.value;
            var minPositions = this.minEditPositions;
            var minFormattedPositions = minPositions;
            var formattedValue = this.that._format(this.value, "d" + minFormattedPositions, "");

            return formattedValue;
        },

        insert: function (inseredValue) {
            if (inseredValue == null) {
                return this.deleteValue();
            }

            if (inseredValue.length == 0) {
                return this.deleteValue();
            }

            var character = inseredValue.substring(0, 1);
            if (isNaN(character)) {
                return;
            }

            var res = true;
            var tmp;
            var entries = 1;
            var formattedValue = this.that._format(Number(this.value), "d" + this.maxEditPositions, this.culture)
            tmp = formattedValue;
            if (this.positions >= this.maxEditPositions) {
                this.positions = 0;
            }

            tmp = tmp.substring(0, this.positions) + character + tmp.substring(this.positions + 1);
            tmp = this.setValueByString(tmp, entries);
            return true;
        },

        setValueByString: function (tmp, entries) {
            tmp = this.fixValueString(tmp);
            var nextValue = new Number(tmp);
            this.value = nextValue;
            this.positions += entries;
            return tmp;
        },

        fixValueString: function (tmp) {
            if (tmp.length > this.maxEditPositions) {
                tmp = tmp.substring(tmp.length - this.maxEditPositions);
            }

            //            var enteredDigit = parseInt(tmp[this.positions]);
            //            var pos = this.maxEditPositions - 1;
            //            while(parseInt(tmp) > this.maxValue)
            //            {
            //                if (pos < 0)
            //                    break;

            //                if (tmp[pos] > 0)
            //                {
            //                    var digit = parseInt(tmp[pos])-1;
            //                    tmp = tmp.substring(0, pos) + digit + tmp.substring(pos+1);
            //                }
            //                else pos--;
            //            }

            return tmp;
        },

        initializeValueString: function (formattedValue) {
            var tmp;
            tmp = "";

            if (this.hasDigits()) {
                tmp = formattedValue;
            }
            return tmp;
        },

        deleteValue: function () {
            if (this.value == this.minValue && this.hasDigits() == false) {
                return false;
            }

            this.updateActiveEditor(this.minValue);
            return true;
        },

        hasDigits: function () {
            return this.positions > 0;
        },

        correctMaximumValue: function (val) {
            if (val > this.maxValue) {
                val = this.minValue;
            }
            return val;
        },

        correctMinimumValue: function (val) {
            if (val < this.minValue) {
                val = this.maxValue;
            }
            return val;
        },

        increaseValue: function (byPosition) {
            var formattedValue = this.that._format(Number(this.value), "d" + this.maxEditPositions, this.culture)
            var digit = formattedValue.toString()[this.positions];
            digit = parseInt(digit) + 1;
            if (digit > 9) digit = 0;

            if (!byPosition) {
                var tmpValue = this.value + 1;
                tmpValue = this.correctMaximumValue(tmpValue);
                this.updateActiveEditor(tmpValue);
                return true;
            }

            var val = formattedValue.substring(0, this.positions) + digit + formattedValue.substring(this.positions + 1);

            if (val != this.value || this.hasDigits()) {
                this.updateActiveEditor(val);
                return true;
            }
            else {
                return false;
            }
        },

        decreaseValue: function (byPosition) {
            var formattedValue = this.that._format(Number(this.value), "d" + this.maxEditPositions, this.culture)
            var digit = formattedValue.toString()[this.positions];
            digit = parseInt(digit) - 1;
            if (digit < 0) digit = 9;

            if (!byPosition) {
                var tmpValue = this.value - 1;
                tmpValue = this.correctMinimumValue(tmpValue);
                this.updateActiveEditor(tmpValue);
                return true;
            }

            var val = formattedValue.substring(0, this.positions) + digit + formattedValue.substring(this.positions + 1);

            if (val != this.value || this.hasDigits()) {
                this.updateActiveEditor(val);
                return true;
            }
            else {
                return false;
            }
        },

        getDateTimeItem: function () {
            return this.item;
        }
    })
})(jqxBaseFramework);

//DisabledEditor
(function ($) {

    $.jqx._jqxDateTimeInput.DisabledEditor = {};
    $.extend($.jqx._jqxDateTimeInput.DisabledEditor, {

        _create: function (format, baseValue, am, pm, item, that) {
            this.format = format;
            this.value = -1;
            this.item = item;
            this.that = that;

            return this;
        },

        textValue: function () {
            return "";
        },

        insert: function (val) {
            return false;
        },

        deleteValue: function () {
            return false;
        },

        increaseValue: function () {
            return false;
        },

        decreaseValue: function () {
            return false;
        },

        getDateTimeItem: function () {
            return this.item;
        }
    })
})(jqxBaseFramework);

//AmPmEditor
(function ($) {

    $.jqx._jqxDateTimeInput.AmPmEditor = {};
    $.extend($.jqx._jqxDateTimeInput.AmPmEditor, {
        _createAmPmEditor: function (format, baseValue, am, pm, item, that) {
            this.format = format;
            this.value = baseValue;
            this.minValue = 0;
            this.amString = am;
            this.pmString = pm;
            this.item = item;
            this.that = that;

            if (am == pm) {
                this.amString = "<" + am;
                this.pmString = ">" + pm;
            }
            return this;
        },

        textValue: function () {
            var res = this.amString;
            if (this.value != 0) {
                res = this.pmString;
            }

            if (this.format.length == 1 && res.length > 1) {
                res = res.substring(0, 1);
            }

            return res;
        },

        insert: function (val) {
            var inserted = val.toString();
            if (inserted.Length == 0) {
                return this.deleteValue();
            }

            var res = false;
            if (this.amString.Length > 0
            && this.pmString.Length > 0) {
                var amChar = amString[0];
                var newChar = inserted[0];
                var pmChar = pmString[0];

                if (amChar.toString() == newChar.toString()) {
                    this.value = 0;
                    res = true;

                }
                else if (pmChar.toString() == newChar.toString()) {
                    this.value = 1;
                    res = true;
                }
            }
            else if (this.pmString.Length > 0) {
                this.value = 1;
                res = true;
            }
            else if (this.amString.Length > 0) {
                this.value = 0;
                res = true;
            }

            return res;
        },

        deleteValue: function () {
            var isValid = true;

            if (this.amString.Length == 0
                && this.pmString.Length != 0) {
                if (this.value == 0) {
                    return false;
                }

                this.value = 0;
            }
            else {
                if (this.value == 1) {
                    return false;
                }

                this.value = 1;
            }
            return isValid;
        },

        increaseValue: function () {
            this.value = 1 - this.value;
            return true;
        },

        decreaseValue: function () {
            this.increaseValue();
            return true;
        },

        getDateTimeItem: function () {
            return this.item;
        }
    })
})(jqxBaseFramework);

// DateTime 
(function ($) {
    $.jqx._jqxDateTimeInput.getDateTime = function (date) {
        var result =
        {
            dateTime: new Date(date),
            daysPer4Years: 0x5b5,
            daysPerYear: 0x16d,
            daysToMonth365: { 0: 0, 1: 0x1f, 2: 0x3b, 3: 90, 4: 120, 5: 0x97, 6: 0xb5, 7: 0xd4, 8: 0xf3, 9: 0x111, 10: 0x130, 11: 0x14e, 12: 0x16d },
            daysToMonth366: { 0: 0, 1: 0x1f, 2: 60, 3: 0x5b, 4: 0x79, 5: 0x98, 6: 0xb6, 7: 0xd5, 8: 0xf4, 9: 0x112, 10: 0x131, 11: 0x14f, 12: 0x16e },
            maxValue: 0x2bca2875f4373fff,
            millisPerDay: 0x5265c00,
            millisPerHour: 0x36ee80,
            millisPerMinute: 0xea60,
            millisPerSecond: 0x3e8,
            minTicks: 0,
            minValue: 0,
            ticksPerDay: 0xc92a69c000,
            ticksPerHour: 0x861c46800,
            ticksPerMillisecond: 0x2710,
            ticksPerMinute: 0x23c34600,
            ticksPerSecond: 0x989680,
            hour: date.getHours(),
            minute: date.getMinutes(),
            day: date.getDate(),
            second: date.getSeconds(),
            month: 1 + date.getMonth(),
            year: date.getFullYear(),
            millisecond: date.getMilliseconds(),
            dayOfWeek: date.getDay(),
            isWeekend: function (value) {
                if (value == undefined || value == null)
                    value = this.dateTime;

                var isWeekend = value.getDay() % 6 == 0;
                return isWeekend;
            },
            dayOfYear: function (value) {
                if (value == undefined || value == null)
                    value = this.dateTime;

                var firstDay = new Date(value.getFullYear(), 0, 1);
                return Math.ceil((value - firstDay) / 86400000);
            },
            _setDay: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setDate(value);
                this.day = this.dateTime.getDate();
            },
            _setMonth: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setMonth(value - 1);
                this.month = 1 + this.dateTime.getMonth();
            },
            _setYear: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setFullYear(value);
                this.year = this.dateTime.getFullYear();
            },
            _setHours: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setHours(value);
                this.hour = this.dateTime.getHours();
            },
            _setMinutes: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setMinutes(value);
                this.minute = this.dateTime.getMinutes();
            },
            _setSeconds: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setSeconds(value);
                this.second = this.dateTime.getSeconds();
            },
            _setMilliseconds: function (value) {
                if (value == undefined || value == null)
                    value = 0;

                this.dateTime.setMilliseconds(value);
                this.millisecond = this.dateTime.getMilliseconds();
            },
            _addDays: function (value) {
                var newDate = this.dateTime;
                var day = newDate.getDate();
                newDate.setDate(newDate.getDate() + value);
                if (day === newDate.getDate()) {
                    newDate.setHours(newDate.getHours() + newDate.getTimezoneOffset() / 60);
                }
                return newDate;
            },
            _addWeeks: function (value) {
                var newDate = this.dateTime;
                newDate.setDate(newDate.getDate() + 7 * value);
                return newDate;
            },
            _addMonths: function (value) {
                var newDate = this.dateTime;
                newDate.setMonth(newDate.getMonth() + value);
                return newDate;
            },
            _addYears: function (value) {
                var newDate = this.dateTime;
                newDate.setFullYear(newDate.getFullYear() + value);
                return newDate;
            },
            _addHours: function (value) {
                var newDate = this.dateTime;
                newDate.setHours(newDate.getHours() + value);
                return newDate;
            },
            _addMinutes: function (value) {
                var newDate = this.dateTime;
                newDate.setMinutes(newDate.getMinutes() + value);
                return newDate;
            },
            _addSeconds: function (value) {
                var newDate = this.dateTime;
                newDate.setSeconds(newDate.getSeconds() + value);
                return newDate;
            },
            _addMilliseconds: function (value) {
                var newDate = this.dateTime;
                newDate.setMilliseconds(newDate.getMilliseconds() + value);
                return newDate;
            },
            _isLeapYear: function (year) {
                if ((year < 1) || (year > 0x270f)) {
                    throw "invalid year";
                }
                if ((year % 4) != 0) {
                    return false;
                }
                if ((year % 100) == 0) {
                    return ((year % 400) == 0);
                }
                return true;
            },
            _dateToTicks: function (year, month, day) {
                if (((year >= 1) && (year <= 0x270f)) && ((month >= 1) && (month <= 12))) {
                    var numArray = this._isLeapYear(year) ? this.daysToMonth366 : this.daysToMonth365;
                    if ((day >= 1) && (day <= (numArray[month] - numArray[month - 1]))) {
                        var year = year - 1;
                        var ticks = ((((((year * 0x16d) + (year / 4)) - (year / 100)) + (year / 400)) + numArray[month - 1]) + day) - 1;
                        return (ticks * 0xc92a69c000);
                    }
                }
            },
            _daysInMonth: function (year, month) {
                if ((month < 1) || (month > 12)) {
                    throw ("Invalid month.");
                }
                var arr = this._isLeapYear(year) ? this.daysToMonth366 : this.daysToMonth365;
                return (arr[month] - arr[month - 1]);
            },
            _timeToTicks: function (hour, minute, second) {
                var ticks = ((hour * 0xe10) + (minute * 60)) + second;
                return (ticks * 0x989680);
            },
            _equalDate: function (date) {
                if (this.year == date.getFullYear() && this.day == date.getDate() && this.month == date.getMonth() + 1)
                    return true;

                return false;
            }
        }
        return result;
    }
})(jqxBaseFramework);