igniteui-angular-inputs 16.1.0-beta.1

package/esm5/lib/DatePickerView_combined.js

@@ -0,0 +1,1690 @@
+/*
+THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE  AGREEMENT ("AGREEMENT") LOCATED HERE:
+https://www.infragistics.com/legal/license/igultimate-la
+https://www.infragistics.com/legal/license/igultimate-eula
+GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE:  you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
+*/
+import { __extends } from "tslib";
+import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, delegateCombine } from "igniteui-angular-core";
+import { XInputGroup } from "./XInputGroup";
+import { XLabel } from "./XLabel";
+import { XInput } from "./XInput";
+import { XSuffix } from "./XSuffix";
+import { XIcon } from "./XIcon";
+import { Popup } from "igniteui-angular-core";
+import { XCalendar } from "./XCalendar";
+import { Rect } from "igniteui-angular-core";
+import { SRProvider } from "igniteui-angular-core";
+import { ControlDisplayDensity_$type } from "igniteui-angular-core";
+import { BaseControlTheme_$type } from "igniteui-angular-core";
+import { DayOfWeek_$type } from "./DayOfWeek";
+import { FirstWeek_$type } from "./FirstWeek";
+import { DateFormats_$type } from "./DateFormats";
+import { BrushUtil } from "igniteui-angular-core";
+import { DateTimeValueFormatter } from "./DateTimeValueFormatter";
+import { SelectedValueChangedEventArgs } from "./SelectedValueChangedEventArgs";
+import { GotFocusEventArgs } from "./GotFocusEventArgs";
+import { LostFocusEventArgs } from "./LostFocusEventArgs";
+import { DatePickerVisualModelExport } from "./DatePickerVisualModelExport";
+import { FontUtil } from "igniteui-angular-core";
+import { dateMinValue, dateMaxValue, dateGetDate, dateFromValues, dateGetMonth } from "igniteui-angular-core";
+import { stringContains, stringIsNullOrWhiteSpace, stringIsNullOrEmpty } from "igniteui-angular-core";
+import { stringSplit } from "igniteui-angular-core";
+import { isNaN_ } from "igniteui-angular-core";
+/**
+ * @hidden
+ */
+var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(DatePickerView, _super);
+    function DatePickerView() {
+        var _this = _super.call(this) || this;
+        _this.b = null;
+        _this.d = null;
+        _this.k = null;
+        _this.e = null;
+        _this.m = null;
+        _this.l = null;
+        _this.j = null;
+        _this.g = null;
+        _this.f = null;
+        _this.i = null;
+        _this.h = null;
+        _this.document_Click = _this.document_Click.bind(_this);
+        return _this;
+    }
+    DatePickerView.prototype.ah = function () {
+    };
+    Object.defineProperty(DatePickerView.prototype, "n", {
+        get: function () {
+            return this.e;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DatePickerView.prototype.ag = function (a) {
+        if (a == null) {
+            if (this.d != null) {
+                var b = this.d.rootWrapper.getChildAt(0);
+                b.unlistenAll();
+                document.removeEventListener("click", this.document_Click, false);
+            }
+            this.d = null;
+            return;
+        }
+        this.d = a;
+        var c = Math.round(a.rootWrapper.width());
+        var d = Math.round(a.rootWrapper.height());
+        this.aa();
+        this.ab();
+        var e = this.d.rootWrapper.getChildAt(0);
+        e.listen("keydown", runOn(this, this.x));
+        e.listen("focusin", runOn(this, this.v));
+        e.listen("focusout", runOn(this, this.w));
+        document.addEventListener("click", this.document_Click, false);
+    };
+    DatePickerView.prototype.aa = function () {
+        if (this.d != null) {
+            this.k = this.d.rootWrapper.getChildAt(0);
+            this.k.setAttribute("tabIndex", this.b.a7.toString());
+            this.k.setStyleProperty("display", "flex");
+            this.k.setStyleProperty("height", "100%");
+            this.l = this.d.createElement("div");
+            this.j = this.d.createElement("div");
+            this.j.setRawStyleProperty("flex-grow", "1");
+            this.g = this.d.createElement("div");
+            this.g.setAttribute("aria-hidden", "true");
+            this.f = this.d.createElement("div");
+            this.g.setStyleProperty("padding-right", "2px");
+            this.i = this.d.createElement("div");
+            this.i.setAttribute("aria-hidden", "true");
+            this.h = this.d.createElement("div");
+            this.b.ch();
+            this.j.getChildAt(0).setAttribute("aria-expanded", "fasle");
+            this.j.getChildAt(0).setAttribute("aria-invalid", "false");
+            this.f.setStyleProperty("height", "16px");
+            this.f.setStyleProperty("width", "16px");
+            this.h.setStyleProperty("height", "16px");
+            this.h.setStyleProperty("width", "16px");
+            this.f.listen("click", runOn(this, this.z));
+            this.h.listen("click", runOn(this, this.ad));
+        }
+    };
+    DatePickerView.prototype.ak = function (a) {
+        if (this.d != null) {
+            var b = this.d.getSubRenderer(this.k);
+            a.provideContainer(b);
+            var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.am = function (a) {
+        if (this.d != null) {
+            var b = this.d.getSubRenderer(this.l);
+            a.provideContainer(b);
+            var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.al = function (a) {
+        if (this.d != null) {
+            var b = this.d.getSubRenderer(this.j);
+            a.provideContainer(b);
+            var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.ao = function (a, b) {
+        if (this.d != null) {
+            var c = this.d.getSubRenderer(b);
+            a.provideContainer(c);
+            var d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.aj = function (a, b) {
+        if (this.d != null) {
+            var c = this.d.getSubRenderer(b);
+            a.provideContainer(c);
+            var d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.u = function () {
+        return this.l;
+    };
+    DatePickerView.prototype.t = function () {
+        return this.j;
+    };
+    DatePickerView.prototype.q = function () {
+        return this.g;
+    };
+    DatePickerView.prototype.p = function () {
+        return this.f;
+    };
+    DatePickerView.prototype.s = function () {
+        return this.i;
+    };
+    DatePickerView.prototype.r = function () {
+        return this.h;
+    };
+    DatePickerView.prototype.aq = function (a) {
+        if (this.j != null) {
+            if (a) {
+                this.j.getChildAt(0).setAttribute("aria-expanded", "true");
+            }
+            else {
+                this.j.getChildAt(0).setAttribute("aria-expanded", "false");
+            }
+        }
+    };
+    DatePickerView.prototype.as = function (a) {
+        if (a != null && a != "") {
+            this.j.getChildAt(0).setAttribute("aria-label", a);
+        }
+        else {
+            this.j.getChildAt(0).setAttribute("aria-label", "Select a date");
+        }
+    };
+    DatePickerView.prototype.ap = function () {
+        if (this.f != null) {
+            if (this.b.at == true) {
+                this.f.show();
+            }
+            else {
+                this.f.hide();
+            }
+        }
+    };
+    DatePickerView.prototype.ae = function () {
+        if (this.f != null) {
+            this.f.hide();
+        }
+    };
+    DatePickerView.prototype.ar = function () {
+        this.k.setAttribute("tabIndex", this.b.a7.toString());
+    };
+    DatePickerView.prototype.ab = function () {
+        if (this.d != null) {
+            this.m = this.d.rootWrapper.getChildAt(1);
+            this.e = this.d.createElement("div");
+            this.e.setStyleProperty("width", "100%");
+            this.e.setStyleProperty("height", "100%");
+            this.e.setStyleProperty("display", "flex");
+            this.b.ci();
+            this.e.parent().setStyleProperty("height", "100%");
+            if (this.b.av == true) {
+                this.e.parent().parent().setStyleProperty("max-width", "245px");
+            }
+            else {
+                this.e.parent().parent().setStyleProperty("max-width", "232px");
+            }
+            if (this.b.au == true) {
+                this.e.parent().parent().setStyleProperty("min-height", "270px");
+            }
+            else {
+                this.e.parent().parent().setStyleProperty("min-height", "234px");
+            }
+        }
+    };
+    DatePickerView.prototype.y = function () {
+        if (this.d != null) {
+            if (this.b.av == true) {
+                this.e.parent().parent().setStyleProperty("max-width", "245px");
+            }
+            else {
+                this.e.parent().parent().setStyleProperty("max-width", "232px");
+            }
+            if (this.b.au == true) {
+                this.e.parent().parent().setStyleProperty("min-height", "270px");
+            }
+            else {
+                this.e.parent().parent().setStyleProperty("min-height", "234px");
+            }
+        }
+    };
+    DatePickerView.prototype.an = function (a) {
+        if (this.d != null) {
+            var b = this.d.getSubRenderer(this.m);
+            a.provideRenderer(b);
+            var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.ai = function (a) {
+        if (this.d != null) {
+            var b = this.d.getSubRenderer(this.e);
+            a.provideContainer(b);
+            var c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+        }
+    };
+    DatePickerView.prototype.o = function () {
+        return this.e;
+    };
+    DatePickerView.prototype.z = function (a) {
+        if (this.b.ar == true) {
+            return;
+        }
+        this.b.cf();
+        if (this.f != null) {
+            this.f.hide();
+        }
+    };
+    DatePickerView.prototype.ad = function (a) {
+        a.stopPropagation();
+        this.b.cn();
+    };
+    DatePickerView.prototype.x = function (a) {
+        var b = a.which;
+        if (b == 27) {
+            this.b.cg();
+        }
+    };
+    DatePickerView.prototype.v = function (a) {
+        this.b.focus();
+        var b = (a.originalEvent.relatedTarget);
+        if (!this.c(b)) {
+            this.b.ct();
+        }
+    };
+    DatePickerView.prototype.w = function (a) {
+        var b = (a.originalEvent.relatedTarget);
+        if (!this.c(b)) {
+            this.b.cm();
+            this.b.cu();
+        }
+    };
+    DatePickerView.prototype.document_Click = function (a) {
+        var b = a.target;
+        if (!this.c(b)) {
+            this.b.cg();
+        }
+    };
+    DatePickerView.prototype.at = function () {
+        if (this.d != null) {
+            var a = this.d.rootWrapper.getNativeElement();
+            var b = a.getBoundingClientRect();
+            ;
+            return b;
+        }
+        return null;
+    };
+    DatePickerView.prototype.a = function () {
+        var a = (window.innerWidth);
+        var b = (window.innerHeight);
+        var c = new Array(2);
+        c[0] = a;
+        c[1] = b;
+        return c;
+    };
+    DatePickerView.prototype.c = function (a) {
+        if (null == a) {
+            return false;
+        }
+        var b = this.j.getNativeElement();
+        var c = this.e.getNativeElement();
+        return b.contains(a) || c.contains(a);
+    };
+    DatePickerView.prototype.af = function () {
+    };
+    DatePickerView.$t = markType(DatePickerView, 'DatePickerView');
+    return DatePickerView;
+}(Base));
+export { DatePickerView };
+/**
+ * @hidden
+ */
+var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
+    __extends(DatePicker, _super);
+    function DatePicker() {
+        var _this = _super.call(this) || this;
+        _this.h = null;
+        _this.u = null;
+        _this.q = null;
+        _this.o = null;
+        _this.r = null;
+        _this.m = null;
+        _this.n = null;
+        _this.c = null;
+        _this.a9 = "dd";
+        _this.bd = "mm";
+        _this.bg = "yyyy";
+        _this.ba = "mdy";
+        _this.bf = "/";
+        _this.ah = false;
+        _this.ap = false;
+        _this.ao = false;
+        _this.ay = dateMinValue();
+        _this.ai = false;
+        _this.propertyChanged = null;
+        _this.selectedValueChanged = null;
+        _this.ae = null;
+        _this.a0 = dateMinValue();
+        _this.az = dateMinValue();
+        _this.bc = "";
+        _this.de = BrushUtil.g(255, 24, 29, 31);
+        _this.z = null;
+        _this.be = "";
+        _this.ax = dateMinValue();
+        _this.aw = dateMaxValue();
+        _this.x = 2;
+        _this.v = 1;
+        _this.aa = null;
+        _this.df = BrushUtil.g(255, 24, 29, 31);
+        _this.dd = BrushUtil.g(255, 163, 172, 184);
+        _this.al = true;
+        _this.am = false;
+        _this.ag = true;
+        _this.ak = true;
+        _this.i = 0;
+        _this.k = 0;
+        _this.an = false;
+        _this.a = new DateTimeValueFormatter();
+        _this.d = 0;
+        _this.bb = null;
+        _this.aj = false;
+        _this.a6 = 0;
+        _this.gotFocus = null;
+        _this.lostFocus = null;
+        _this.keyDown = null;
+        _this.changing = null;
+        var a = new DatePickerView();
+        a.b = _this;
+        _this.h = a;
+        _this.h.ah();
+        _this.ce();
+        return _this;
+    }
+    DatePicker.prototype.cz = function (a, b) {
+        if (this.u != null) {
+            this.ah = true;
+            this.cg();
+        }
+        this.c8();
+        if (this.selectedValueChanged != null) {
+            this.selectedValueChanged(this, ((function () {
+                var $ret = new SelectedValueChangedEventArgs();
+                $ret.oldValue = a;
+                $ret.newValue = b;
+                return $ret;
+            })()));
+        }
+        if (this.ai) {
+            this.c3();
+        }
+    };
+    DatePicker.prototype.notifySizeChanged = function () {
+        this.h.af();
+    };
+    DatePicker.prototype.destroy = function () {
+        if (this.c != null) {
+            var a = this.c;
+            a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.cd));
+            var b = this.c;
+            b.close = delegateRemove(b.close, runOn(this, this.cc));
+        }
+        this.provideContainer(null);
+    };
+    DatePicker.prototype.provideContainer = function (a) {
+        this.h.ag(a);
+    };
+    DatePicker.prototype.setName = function (a) {
+        this.o.e = a;
+    };
+    Object.defineProperty(DatePicker.prototype, "af", {
+        get: function () {
+            if (this.ae == null) {
+                this.ae = new SRProvider(this.h.d);
+                this.ae.cb("Calendar");
+            }
+            return this.ae;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "value", {
+        get: function () {
+            return this.a0;
+        },
+        set: function (a) {
+            var b = this.a0;
+            this.ay = b;
+            this.a0 = a;
+            if (+b != +(this.a0)) {
+                this.cy("Value", b, this.a0);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "a3", {
+        get: function () {
+            return this.az;
+        },
+        set: function (a) {
+            var b = this.az;
+            this.az = a;
+            if (+b != +(this.az)) {
+                this.cy("Today", b, this.az);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "bv", {
+        get: function () {
+            return this.bc;
+        },
+        set: function (a) {
+            var b = this.bc;
+            this.bc = a;
+            if (b != this.bc) {
+                this.cy("Label", b, this.bc);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "dh", {
+        get: function () {
+            return this.de;
+        },
+        set: function (a) {
+            var b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cy("LabelTextColor", b, a);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "ac", {
+        get: function () {
+            return this.z;
+        },
+        set: function (a) {
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.cy("LabelTextStyle", b, this.z);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "b2", {
+        get: function () {
+            return this.be;
+        },
+        set: function (a) {
+            var b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.cy("Placeholder", b, this.be);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "a2", {
+        get: function () {
+            return this.ax;
+        },
+        set: function (a) {
+            var b = this.ax;
+            this.ax = a;
+            if (+b != +(this.ax)) {
+                this.cy("MinDate", b, this.ax);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "a1", {
+        get: function () {
+            return this.aw;
+        },
+        set: function (a) {
+            var b = this.aw;
+            this.aw = a;
+            if (+b != +(this.aw)) {
+                this.cy("MaxDate", b, this.aw);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "y", {
+        get: function () {
+            return this.x;
+        },
+        set: function (a) {
+            var b = this.x;
+            this.x = a;
+            if (b != this.x) {
+                this.cy("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "w", {
+        get: function () {
+            return this.v;
+        },
+        set: function (a) {
+            var b = this.v;
+            this.v = a;
+            if (b != this.v) {
+                this.cy("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "ad", {
+        get: function () {
+            return this.aa;
+        },
+        set: function (a) {
+            var b = this.aa;
+            this.aa = a;
+            if (b != this.aa) {
+                this.cy("TextStyle", b, this.aa);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "di", {
+        get: function () {
+            return this.df;
+        },
+        set: function (a) {
+            var b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cy("TextColor", b, this.df);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "dg", {
+        get: function () {
+            return this.dd;
+        },
+        set: function (a) {
+            var b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cy("IconColor", b, this.dd);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "at", {
+        get: function () {
+            return this.al;
+        },
+        set: function (a) {
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.cy("ShowClearButton", b, this.al);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "au", {
+        get: function () {
+            return this.am;
+        },
+        set: function (a) {
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.cy("ShowTodayButton", b, this.am);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "aq", {
+        get: function () {
+            return this.ag;
+        },
+        set: function (a) {
+            var b = this.ag;
+            this.ag = a;
+            if (b != this.ag) {
+                this.cy("AllowTextInput", b, this.ag);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "as", {
+        get: function () {
+            return this.ak;
+        },
+        set: function (a) {
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.cy("OpenOnFocus", b, this.ak);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "j", {
+        get: function () {
+            return this.i;
+        },
+        set: function (a) {
+            var b = this.i;
+            this.i = a;
+            if (b != this.i) {
+                this.cy("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "l", {
+        get: function () {
+            return this.k;
+        },
+        set: function (a) {
+            var b = this.k;
+            this.k = a;
+            if (b != this.k) {
+                this.cy("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "av", {
+        get: function () {
+            return this.an;
+        },
+        set: function (a) {
+            var b = this.an;
+            this.an = a;
+            if (b != this.an) {
+                this.cy("ShowWeekNumbers", b, this.an);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "e", {
+        get: function () {
+            return this.d;
+        },
+        set: function (a) {
+            var b = this.d;
+            this.d = a;
+            if (this.d != b) {
+                this.cy("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "br", {
+        get: function () {
+            return this.bb;
+        },
+        set: function (a) {
+            var b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.cy("FormatString", b, this.bb);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "ar", {
+        get: function () {
+            return this.aj;
+        },
+        set: function (a) {
+            var b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.cy("IsDisabled", b, this.aj);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(DatePicker.prototype, "a7", {
+        get: function () {
+            return this.a6;
+        },
+        set: function (a) {
+            var b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.cy("TabIndex", b, this.a6);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DatePicker.prototype.cy = function (a, b, c) {
+        if (this.propertyChanged != null) {
+            this.propertyChanged(this, new PropertyChangedEventArgs(a));
+        }
+        this.c1(a, b, c);
+    };
+    DatePicker.prototype.c1 = function (a, b, c) {
+        switch (a) {
+            case "Density":
+                this.c4();
+                break;
+            case "BaseTheme":
+                this.c6();
+                break;
+            case "Value":
+                if (+(this.value) != +(dateMinValue())) {
+                    if (dateGetDate(this.value) < dateGetDate(this.a2) || dateGetDate(this.value) > dateGetDate(this.a1)) {
+                        this.ai = true;
+                        this.value = this.ay;
+                        this.ai = false;
+                    }
+                }
+                this.cz(this.ay, this.value);
+                this.ay = this.value;
+                if (this.c != null) {
+                    this.c.value = this.value;
+                }
+                break;
+            case "Label":
+                if (this.r != null) {
+                    this.r.text = this.bv;
+                    if (this.bv != null && this.bv != "") {
+                        if (!this.q.inputs.contains(this.r)) {
+                            this.q.inputs.insert(0, this.r);
+                        }
+                    }
+                    else {
+                        if (this.q.inputs.contains(this.r)) {
+                            this.q.inputs.remove(this.r);
+                        }
+                    }
+                }
+                break;
+            case "Placeholder":
+                if (this.o != null) {
+                    this.o.cg = this.b2;
+                    this.h.as(this.b2);
+                }
+                break;
+            case "Today":
+                if (this.c != null) {
+                    this.c.av = this.a3;
+                }
+                break;
+            case "MaxDate":
+                if (this.c != null) {
+                    var d = Base.compareSimple(this.a2, this.a1);
+                    if (d >= 0) {
+                        this.a1 = dateMaxValue();
+                    }
+                    this.c.at = this.aw;
+                }
+                if (dateGetDate(this.value) > dateGetDate(this.a1)) {
+                    this.ay = dateMinValue();
+                    this.ai = true;
+                    this.value = dateMinValue();
+                    this.ai = false;
+                }
+                break;
+            case "MinDate":
+                if (this.c != null) {
+                    this.c.au = this.ax;
+                    var e = Base.compareSimple(this.a2, this.a1);
+                    if (e >= 0) {
+                        this.ay = dateMaxValue();
+                        this.c.at = this.a1;
+                    }
+                }
+                if (dateGetDate(this.value) < dateGetDate(this.a2)) {
+                    this.ay = dateMinValue();
+                    this.ai = true;
+                    this.value = dateMinValue();
+                    this.ai = false;
+                }
+                break;
+            case "TextStyle":
+                this.c9();
+                break;
+            case "ShowClearButton":
+                if (this.o != null) {
+                    if (this.o.cq != "") {
+                        this.h.ap();
+                    }
+                }
+                break;
+            case "LabelTextColor":
+            case "LabelTextStyle":
+            case "TextColor":
+            case "IconColor":
+                this.da();
+                break;
+            case "ShowTodayButton":
+                if (this.c != null) {
+                    this.c.ae = this.au;
+                    this.h.y();
+                }
+                break;
+            case "AllowTextInput":
+                if (this.o != null) {
+                    this.o.disabled = !this.aq;
+                }
+                break;
+            case "OpenOnFocus": break;
+            case "DateFormat":
+                this.a.k(this.e);
+                this.c8();
+                break;
+            case "FormatString":
+                this.ce();
+                this.c8();
+                break;
+            case "FirstDayOfWeek":
+                if (this.c != null) {
+                    this.c.l = this.j;
+                }
+                break;
+            case "ShowWeekNumbers":
+                if (this.c != null) {
+                    this.c.af = this.av;
+                    this.h.y();
+                }
+                break;
+            case "FirstWeekOfYear":
+                if (this.c != null) {
+                    this.c.o = this.l;
+                }
+                break;
+            case "IsDisabled":
+                {
+                    if (this.q != null) {
+                        this.q.disabled = this.ar;
+                    }
+                    if (this.o != null) {
+                        this.o.disabled = this.ar;
+                    }
+                }
+                break;
+            case "TabIndex":
+                this.h.ar();
+                break;
+        }
+    };
+    DatePicker.prototype.ce = function () {
+        var a = '/';
+        var b = this.br != null ? this.br.toLowerCase() : this.a.j();
+        if (stringContains(b, "/")) {
+            a = '/';
+        }
+        else if (stringContains(b, "-")) {
+            a = '-';
+        }
+        else if (stringContains(b, " ")) {
+            a = ' ';
+        }
+        else if (stringContains(b, ".")) {
+            a = '.';
+        }
+        else if (stringContains(b, ",")) {
+            a = ',';
+        }
+        this.bf = a.toString();
+        var c = b.split(a);
+        if (c.length == 3) {
+            var d = "";
+            for (var e = 0; e < 3; e++) {
+                if (stringContains(c[e], "d")) {
+                    d += "d";
+                    switch (c[e]) {
+                        case "d":
+                            this.a9 = c[e];
+                            break;
+                        case "dd":
+                            this.a9 = c[e];
+                            break;
+                        case "ddd":
+                            this.a9 = c[e];
+                            break;
+                        case "dddd":
+                            this.a9 = c[e];
+                            break;
+                        default:
+                            this.a9 = "dd";
+                            break;
+                    }
+                }
+                else if (stringContains(c[e], "m")) {
+                    d += "m";
+                    switch (c[e]) {
+                        case "m":
+                            this.bd = c[e];
+                            break;
+                        case "mm":
+                            this.bd = c[e];
+                            break;
+                        case "mmm":
+                            this.bd = c[e];
+                            break;
+                        case "mmmm":
+                            this.bd = c[e];
+                            break;
+                        default:
+                            this.bd = "mm";
+                            break;
+                    }
+                    this.bd = c[e];
+                }
+                else if (stringContains(c[e], "y")) {
+                    d += "y";
+                    switch (c[e]) {
+                        case "yy":
+                            this.bg = c[e];
+                            break;
+                        case "yyyy":
+                            this.bg = c[e];
+                            break;
+                        default:
+                            this.bg = "yyyy";
+                            break;
+                    }
+                }
+            }
+            if (d == "dmy" || d == "mdy" || d == "ymd") {
+                this.ba = d;
+            }
+            else {
+                this.ba = "mdy";
+            }
+        }
+    };
+    DatePicker.prototype.da = function () {
+        if (this.o != null) {
+            this.o.d8 = this.di;
+        }
+        if (this.m != null) {
+            this.m.fill = this.dg;
+        }
+        if (this.n != null) {
+            this.n.fill = this.dg;
+        }
+        if (this.r != null) {
+            this.r.df = this.dh;
+            this.r.y = this.ac;
+        }
+    };
+    DatePicker.prototype.c7 = function () {
+        if (this.q != null) {
+        }
+    };
+    DatePicker.prototype.c9 = function () {
+        if (this.aa != null) {
+            this.o.af = this.aa;
+        }
+    };
+    DatePicker.prototype.ch = function () {
+        this.q = new XInputGroup();
+        this.h.ak(this.q);
+        this.q.d = 0;
+        this.q.p = this.w;
+        this.q.t = this.y;
+        this.r = new XLabel();
+        this.h.am(this.r);
+        this.r.df = this.dh;
+        this.r.y = this.ac;
+        this.q.appendContentChild(this.h.u());
+        if (this.bv != null && this.bv != "") {
+            this.r.text = this.bv;
+            this.q.inputs.add(this.r);
+        }
+        this.o = new XInput();
+        this.h.al(this.o);
+        this.o.b8 = "text";
+        if (this.aa != null) {
+            this.o.af = this.aa;
+        }
+        this.o.disabled = !this.aq;
+        this.o.d8 = this.di;
+        this.q.appendContentChild(this.h.t());
+        this.q.inputs.add(this.o);
+        this.o.cg = this.b2;
+        this.h.as(this.b2);
+        var a = this.o;
+        a.change = delegateCombine(a.change, runOn(this, this.co));
+        var b = this.o;
+        b.changing = delegateCombine(b.changing, runOn(this, this.cp));
+        var c = this.o;
+        c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cq));
+        var d = new XSuffix();
+        this.h.ao(d, this.h.q());
+        this.m = new XIcon();
+        this.h.aj(this.m, this.h.p());
+        this.m.svgPath = DatePicker.bk;
+        this.m.fill = this.dg;
+        d.appendContentChild(this.h.p());
+        this.q.appendContentChild(this.h.q());
+        this.q.inputs.add(d);
+        this.c8();
+        var e = new XSuffix();
+        this.h.ao(e, this.h.s());
+        this.n = new XIcon();
+        this.h.aj(this.n, this.h.r());
+        this.n.svgPath = DatePicker.bj;
+        this.n.fill = this.dg;
+        e.appendContentChild(this.h.r());
+        this.q.appendContentChild(this.h.s());
+        this.q.inputs.add(e);
+    };
+    DatePicker.prototype.cq = function (a, b) {
+        this.cw(b);
+        if (b.defaultPrevented) {
+            return;
+        }
+        var c = b.keyCode;
+        var d = b.modifiers;
+        switch (c) {
+            case 9:
+                this.ao = true;
+                if (!this.ap) {
+                    this.dc(this.o.cq);
+                }
+                this.ah = true;
+                this.cg();
+                this.ao = false;
+                break;
+            case 13:
+                this.ao = true;
+                if (!this.ap) {
+                    this.dc(this.o.cq);
+                }
+                this.ah = true;
+                this.cg();
+                this.ao = false;
+                break;
+            case 40:
+                if (d == 1) {
+                    this.c0();
+                    this.cl();
+                }
+                break;
+            case 38:
+                if (d == 1) {
+                    this.cg();
+                }
+                break;
+        }
+    };
+    DatePicker.prototype.cp = function (a, b) {
+        this.cs(b);
+        if (b.value.length > 0) {
+            this.h.ap();
+        }
+        else {
+            this.h.ae();
+        }
+    };
+    DatePicker.prototype.co = function (a, b) {
+        this.ap = true;
+        this.dc(b.value);
+        this.ap = false;
+    };
+    DatePicker.prototype.dc = function (a) {
+        var b = ['/', '-', ' ', '.', ','];
+        var c = stringSplit(a, b, 1);
+        var d = 0;
+        var e = 0;
+        var f = 0;
+        var g = true;
+        if (c.length == 3) {
+            if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
+                g = false;
+            }
+            if (this.ba == "dmy") {
+                d = parseInt(c[0]);
+                e = parseInt(c[1]);
+                f = parseInt(c[2]);
+            }
+            else if (this.ba == "mdy") {
+                e = parseInt(c[0]);
+                d = parseInt(c[1]);
+                f = parseInt(c[2]);
+            }
+            else if (this.ba == "ymd") {
+                f = parseInt(c[0]);
+                e = parseInt(c[1]);
+                d = parseInt(c[2]);
+            }
+            if (isNaN_(d) || isNaN_(f)) {
+                g = false;
+            }
+            if (f < 50) {
+                f = f + 2000;
+            }
+            if (isNaN_(e)) {
+                var h = "";
+                if (this.ba == "dmy") {
+                    h = c[1].toLowerCase();
+                }
+                else if (this.ba == "mdy") {
+                    h = c[0].toLowerCase();
+                }
+                else if (this.ba == "ymd") {
+                    h = c[1].toLowerCase();
+                }
+                var i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
+                var j = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short").toLowerCase() : "jan";
+                var k = !stringIsNullOrWhiteSpace(this.af.b1("February_Full")) ? this.af.b1("February_Full").toLowerCase() : "february";
+                var l = !stringIsNullOrWhiteSpace(this.af.b1("February_Short")) ? this.af.b1("February_Short").toLowerCase() : "feb";
+                var m = !stringIsNullOrWhiteSpace(this.af.b1("March_Full")) ? this.af.b1("March_Full").toLowerCase() : "march";
+                var n = !stringIsNullOrWhiteSpace(this.af.b1("March_Short")) ? this.af.b1("March_Short").toLowerCase() : "mar";
+                var o = !stringIsNullOrWhiteSpace(this.af.b1("April_Full")) ? this.af.b1("April_Full").toLowerCase() : "april";
+                var p = !stringIsNullOrWhiteSpace(this.af.b1("April_Short")) ? this.af.b1("April_Short").toLowerCase() : "apr";
+                var q = !stringIsNullOrWhiteSpace(this.af.b1("May_Full")) ? this.af.b1("May_Full").toLowerCase() : "may";
+                var r = !stringIsNullOrWhiteSpace(this.af.b1("May_Short")) ? this.af.b1("May_Short").toLowerCase() : "may";
+                var s = !stringIsNullOrWhiteSpace(this.af.b1("June_Full")) ? this.af.b1("June_Full").toLowerCase() : "june";
+                var t = !stringIsNullOrWhiteSpace(this.af.b1("June_Short")) ? this.af.b1("June_Short").toLowerCase() : "jun";
+                var u = !stringIsNullOrWhiteSpace(this.af.b1("July_Full")) ? this.af.b1("July_Full").toLowerCase() : "july";
+                var v = !stringIsNullOrWhiteSpace(this.af.b1("July_Short")) ? this.af.b1("July_Short").toLowerCase() : "jul";
+                var w = !stringIsNullOrWhiteSpace(this.af.b1("August_Full")) ? this.af.b1("August_Full").toLowerCase() : "august";
+                var x = !stringIsNullOrWhiteSpace(this.af.b1("August_Short")) ? this.af.b1("August_Short").toLowerCase() : "aug";
+                var y = !stringIsNullOrWhiteSpace(this.af.b1("September_Full")) ? this.af.b1("September_Full").toLowerCase() : "september";
+                var z = !stringIsNullOrWhiteSpace(this.af.b1("September_Short")) ? this.af.b1("September_Short").toLowerCase() : "sep";
+                var aa = !stringIsNullOrWhiteSpace(this.af.b1("October_Full")) ? this.af.b1("October_Full").toLowerCase() : "october";
+                var ab = !stringIsNullOrWhiteSpace(this.af.b1("October_Short")) ? this.af.b1("October_Short").toLowerCase() : "oct";
+                var ac = !stringIsNullOrWhiteSpace(this.af.b1("November_Full")) ? this.af.b1("November_Full").toLowerCase() : "november";
+                var ad = !stringIsNullOrWhiteSpace(this.af.b1("November_Short")) ? this.af.b1("November_Short").toLowerCase() : "nov";
+                var ae = !stringIsNullOrWhiteSpace(this.af.b1("December_Full")) ? this.af.b1("December_Full").toLowerCase() : "december";
+                var af = !stringIsNullOrWhiteSpace(this.af.b1("December_Short")) ? this.af.b1("December_Short").toLowerCase() : "dec";
+                if (h == i || h == j) {
+                    e = 1;
+                }
+                else if (h == k || h == l) {
+                    e = 2;
+                }
+                else if (h == m || h == n) {
+                    e = 3;
+                }
+                else if (h == o || h == p) {
+                    e = 4;
+                }
+                else if (h == q || h == r) {
+                    e = 5;
+                }
+                else if (h == s || h == t) {
+                    e = 6;
+                }
+                else if (h == u || h == v) {
+                    e = 7;
+                }
+                else if (h == w || h == x) {
+                    e = 8;
+                }
+                else if (h == y || h == z) {
+                    e = 9;
+                }
+                else if (h == aa || h == ab) {
+                    e = 10;
+                }
+                else if (h == ac || h == ad) {
+                    e = 11;
+                }
+                else if (h == ae || h == af) {
+                    e = 12;
+                }
+                else {
+                    g = false;
+                }
+            }
+            if (e > 12 || e < 1) {
+                g = false;
+            }
+        }
+        else {
+            g = false;
+        }
+        if (g) {
+            var ag = dateFromValues(f, e, d, 0, 0, 0, 0);
+            var ah = Base.compareSimple(ag, this.a2);
+            var ai = Base.compareSimple(ag, this.a1);
+            if (ah < 0 || ai > 0) {
+                this.c8();
+            }
+            else {
+                this.db(ag);
+                this.h.ap();
+            }
+        }
+        else {
+            if (stringIsNullOrEmpty(a)) {
+                this.cf();
+            }
+            else {
+                this.c8();
+            }
+        }
+    };
+    DatePicker.prototype.db = function (a) {
+        var b = this.value;
+        this.value = a;
+    };
+    DatePicker.prototype.c8 = function () {
+        if (this.o != null) {
+            if (+(this.a0) != +(dateMinValue())) {
+                var a = "";
+                if (this.br == null) {
+                    a = this.a.i(this.value);
+                }
+                else {
+                    var b = this.value.getDate().toString();
+                    var c = b;
+                    if (this.a9 == "dd") {
+                        if (this.value.getDate() < 10) {
+                            b = "0" + b;
+                        }
+                    }
+                    else if (this.a9 == "ddd") {
+                        switch (this.value.getDay()) {
+                            case 0:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
+                                break;
+                            case 1:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Monday_Short")) ? this.af.b1("Monday_Short") : "Mon";
+                                break;
+                            case 2:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Tuesday_Short")) ? this.af.b1("Tuesday_Short") : "Tue";
+                                break;
+                            case 3:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Wednesday_Short")) ? this.af.b1("Wednesday_Short") : "Wed";
+                                break;
+                            case 4:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Thursday_Short")) ? this.af.b1("Thursday_Short") : "Thu";
+                                break;
+                            case 5:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Friday_Short")) ? this.af.b1("Friday_Short") : "Fri";
+                                break;
+                            case 6:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Saturday_Short")) ? this.af.b1("Saturday_Short") : "Sat";
+                                break;
+                        }
+                    }
+                    else if (this.a9 == "dddd") {
+                        switch (this.value.getDay()) {
+                            case 0:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
+                                break;
+                            case 1:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Monday_Full")) ? this.af.b1("Monday_Full") : "Monday";
+                                break;
+                            case 2:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Tuesday_Full")) ? this.af.b1("Tuesday_Full") : "Tuesday";
+                                break;
+                            case 3:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Wednesday_Full")) ? this.af.b1("Wednesday_Full") : "Wednesday";
+                                break;
+                            case 4:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Thursday_Full")) ? this.af.b1("Thursday_Full") : "Thursday";
+                                break;
+                            case 5:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Friday_Full")) ? this.af.b1("Friday_Full") : "Friday";
+                                break;
+                            case 6:
+                                b = !stringIsNullOrWhiteSpace(this.af.b1("Saturday_Full")) ? this.af.b1("Saturday_Full") : "Saturday";
+                                break;
+                        }
+                    }
+                    var d = dateGetMonth(this.value).toString();
+                    if (this.bd == "mm") {
+                        if (dateGetMonth(this.value) < 10) {
+                            d = "0" + d;
+                        }
+                    }
+                    else if (this.bd == "mmm") {
+                        switch (dateGetMonth(this.value)) {
+                            case 1:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
+                                break;
+                            case 2:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("February_Short")) ? this.af.b1("February_Short") : "Feb";
+                                break;
+                            case 3:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("March_Short")) ? this.af.b1("March_Short") : "Mar";
+                                break;
+                            case 4:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("April_Short")) ? this.af.b1("April_Short") : "Apr";
+                                break;
+                            case 5:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("May_Short")) ? this.af.b1("May_Short") : "May";
+                                break;
+                            case 6:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("June_Short")) ? this.af.b1("June_Short") : "Jun";
+                                break;
+                            case 7:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("July_Short")) ? this.af.b1("July_Short") : "Jul";
+                                break;
+                            case 8:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("August_Short")) ? this.af.b1("August_Short") : "Aug";
+                                break;
+                            case 9:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("September_Short")) ? this.af.b1("September_Short") : "Sep";
+                                break;
+                            case 10:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("October_Short")) ? this.af.b1("October_Short") : "Oct";
+                                break;
+                            case 11:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("November_Short")) ? this.af.b1("November_Short") : "Nov";
+                                break;
+                            case 12:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("December_Short")) ? this.af.b1("December_Short") : "Dec";
+                                break;
+                        }
+                    }
+                    else if (this.bd == "mmmm") {
+                        switch (dateGetMonth(this.value)) {
+                            case 1:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
+                                break;
+                            case 2:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("February_Full")) ? this.af.b1("February_Full") : "February";
+                                break;
+                            case 3:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("March_Full")) ? this.af.b1("March_Full") : "March";
+                                break;
+                            case 4:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("April_Full")) ? this.af.b1("April_Full") : "April";
+                                break;
+                            case 5:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("May_Full")) ? this.af.b1("May_Full") : "May";
+                                break;
+                            case 6:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("June_Full")) ? this.af.b1("June_Full") : "June";
+                                break;
+                            case 7:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("July_Full")) ? this.af.b1("July_Full") : "July";
+                                break;
+                            case 8:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("August_Full")) ? this.af.b1("August_Full") : "August";
+                                break;
+                            case 9:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("September_Full")) ? this.af.b1("September_Full") : "September";
+                                break;
+                            case 10:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("October_Full")) ? this.af.b1("October_Full") : "October";
+                                break;
+                            case 11:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("November_Full")) ? this.af.b1("November_Full") : "November";
+                                break;
+                            case 12:
+                                d = !stringIsNullOrWhiteSpace(this.af.b1("December_Full")) ? this.af.b1("December_Full") : "December";
+                                break;
+                        }
+                    }
+                    var e = this.value.getFullYear().toString();
+                    if (this.bg == "yy") {
+                        e = e.substr(2);
+                    }
+                    if (this.ba == "dmy") {
+                        if (this.a9 == "ddd" || this.a9 == "dddd") {
+                            a = b + this.bf + d + " " + c + this.bf + e;
+                        }
+                        else {
+                            a = b + this.bf + d + this.bf + e;
+                        }
+                    }
+                    else if (this.ba == "mdy") {
+                        if (this.a9 == "ddd" || this.a9 == "dddd") {
+                            a = d + " " + c + this.bf + b + this.bf + e;
+                        }
+                        else {
+                            a = d + this.bf + b + this.bf + e;
+                        }
+                    }
+                    else if (this.ba == "ymd") {
+                        if (this.a9 == "ddd" || this.a9 == "dddd") {
+                            a = e + this.bf + d + " " + c + this.bf + b;
+                        }
+                        else {
+                            a = e + this.bf + d + this.bf + b;
+                        }
+                    }
+                }
+                this.o.cq = a;
+                this.h.ap();
+            }
+            else {
+                this.o.cq = "";
+                this.h.ae();
+            }
+        }
+    };
+    DatePicker.prototype.cf = function () {
+        if (this.ar == true) {
+            return;
+        }
+        if (this.o != null) {
+            this.o.cq = "";
+        }
+        this.value = dateMinValue();
+        this.c.ch();
+    };
+    DatePicker.prototype.ci = function () {
+        this.u = new Popup();
+        this.h.an(this.u);
+        this.c = new XCalendar();
+        this.h.ai(this.c);
+        if (+(this.a2) != +(dateMinValue())) {
+            this.c.au = this.a2;
+        }
+        if (+(this.a1) != +(dateMaxValue())) {
+            this.c.at = this.a1;
+        }
+        if (+(this.a3) != +(dateMinValue())) {
+            this.c.av = this.a3;
+        }
+        this.c.ae = this.au;
+        this.c.l = this.j;
+        this.c.af = this.av;
+        this.c.o = this.l;
+        var a = this.c;
+        a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cd));
+        var b = this.c;
+        b.close = delegateCombine(b.close, runOn(this, this.cc));
+        this.u.appendPopupContent(this.h.o());
+    };
+    DatePicker.prototype.cd = function (a, b) {
+        this.ai = true;
+        this.value = b.newValue;
+        this.ai = false;
+    };
+    DatePicker.prototype.cc = function (a) {
+        if (this.u.ao) {
+            this.ah = true;
+            this.cg();
+        }
+    };
+    DatePicker.prototype.cn = function () {
+        if (this.ah == false) {
+            if (this.u.ao) {
+                this.cg();
+            }
+            else {
+                this.c0();
+            }
+        }
+        else {
+            this.ah = false;
+        }
+    };
+    DatePicker.prototype.c0 = function () {
+        if (this.ar) {
+            return;
+        }
+        if (this.u != null) {
+            var a = this.h.at();
+            var b = new Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
+            var c = this.h.a()[1];
+            var d = 240;
+            if (this.au == true) {
+                d = 270;
+            }
+            var e = a.bottom + d;
+            if (c < e) {
+                var f = a.top - d;
+                if (f < 0) {
+                    this.u.showRelativeToExclusionRect(b, 1, 0);
+                }
+                else {
+                    this.u.showRelativeToExclusionRect(b, 2, 0);
+                }
+            }
+            else {
+                this.u.showRelativeToExclusionRect(b, 1, 0);
+            }
+            this.h.aq(true);
+        }
+    };
+    DatePicker.prototype.cg = function () {
+        var _this = this;
+        if (this.u != null) {
+            window.setTimeout(function () { return _this.u.bj(); }, 0);
+        }
+        if (this.c != null) {
+            this.c.cy();
+        }
+        this.h.aq(false);
+        this.ah = false;
+    };
+    DatePicker.prototype.focus = function (a) {
+        var _this = this;
+        if (a === void 0) {
+            a = false;
+        }
+        if (this.o != null) {
+            this.o.focus(a);
+        }
+        if (!this.u.ao && this.as == true) {
+            if (this.ah == false) {
+                if (this.aq == false) {
+                    this.c0();
+                    this.ah = true;
+                    window.setTimeout(function () { return _this.cl(); }, 0);
+                }
+                else {
+                    if (this.as == true && this.ao == false) {
+                        this.c0();
+                        this.ah = true;
+                        window.setTimeout(function () { return _this.cl(); }, 0);
+                    }
+                }
+            }
+            else {
+                this.ah = false;
+            }
+        }
+    };
+    DatePicker.prototype.cm = function () {
+        this.ah = false;
+    };
+    DatePicker.prototype.c3 = function () {
+        if (this.o != null) {
+            this.o.dp();
+        }
+    };
+    DatePicker.prototype.cl = function () {
+        this.c.cq();
+    };
+    DatePicker.prototype.ct = function () {
+        var a = new GotFocusEventArgs();
+        this.cv(a);
+    };
+    DatePicker.prototype.cu = function () {
+        var a = new LostFocusEventArgs();
+        this.cx(a);
+    };
+    DatePicker.prototype.c6 = function () {
+    };
+    DatePicker.prototype.c4 = function () {
+    };
+    DatePicker.prototype.a8 = function () {
+        return this.b();
+    };
+    DatePicker.prototype.bo = function () {
+        var a = this.b();
+        return a.g();
+    };
+    DatePicker.prototype.b = function () {
+        var a = new DatePickerVisualModelExport();
+        a.e = this.y;
+        a.d = this.w;
+        a.c = this.u.ay();
+        a.b = this.q.fe();
+        a.a = this.c.bj();
+        if (this.ad != null) {
+            var b = this.ad;
+            if (this.h != null && b.n == null) {
+                var c = this.h.d;
+                var d = FontUtil.getFontInfoFromString(c, b.fontString);
+                b.n = d.n;
+                b.d = d.d;
+                b.o = d.o;
+                b.q = d.q;
+                b.r = d.r;
+                b.s = d.s;
+            }
+            if (b.n != null) {
+                a.h = b.n;
+            }
+            if (!isNaN_(b.d)) {
+                a.f = b.d;
+            }
+            if (b.s != null) {
+                a.l = b.s;
+            }
+            if (b.q != null) {
+                a.j = b.q;
+            }
+            if (b.o != null) {
+                a.i = b.q;
+            }
+        }
+        return a;
+    };
+    DatePicker.prototype.cv = function (a) {
+        if (null != this.gotFocus) {
+            this.gotFocus(this, a);
+        }
+    };
+    DatePicker.prototype.cx = function (a) {
+        if (null != this.lostFocus) {
+            this.lostFocus(this, a);
+        }
+    };
+    DatePicker.prototype.cw = function (a) {
+        if (null != this.keyDown) {
+            this.keyDown(this, a);
+        }
+    };
+    DatePicker.prototype.cs = function (a) {
+        if (null != this.changing) {
+            this.changing(this, a);
+        }
+    };
+    DatePicker.$t = markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
+    DatePicker.bj = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
+    DatePicker.bk = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
+    DatePicker.ab = null;
+    return DatePicker;
+}(Base));
+export { DatePicker };