igniteui-webcomponents-inputs 4.2.4-alpha → 4.3.0-beta.0

package/esm5/lib/DatePickerView_combined.js

@@ -4,7 +4,7 @@ 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 * as tslib_1 from "tslib";
+import { __extends } from "tslib";
 import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, delegateCombine } from "igniteui-webcomponents-core";
 import { XInputGroup } from "./XInputGroup";
 import { XLabel } from "./XLabel";
@@ -35,7 +35,7 @@ import { isNaN_ } from "igniteui-webcomponents-core";
  * @hidden
  */
 var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(DatePickerView, _super);
+    __extends(DatePickerView, _super);
     function DatePickerView() {
         var _this = _super.call(this) || this;
         _this.b = null;
@@ -49,6 +49,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.f = null;
         _this.i = null;
         _this.h = null;
+        _this.document_Click = _this.document_Click.bind(_this);
         return _this;
     }
     DatePickerView.prototype.ah = function () {
@@ -57,29 +58,34 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         get: function () {
             return this.e;
         },
-        enumerable: true,
+        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 b = Math.round(a.rootWrapper.width());
-        var c = Math.round(a.rootWrapper.height());
+        var c = Math.round(a.rootWrapper.width());
+        var d = Math.round(a.rootWrapper.height());
         this.aa();
         this.ab();
-        var d = this.d.rootWrapper.getChildAt(0);
-        d.listen("keydown", runOn(this, this.x));
-        d.listen("focusin", runOn(this, this.v));
-        d.listen("focusout", runOn(this, this.w));
-        document.addEventListener("click", runOn(this, this.ac), false);
+        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", "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");
@@ -92,7 +98,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.i = this.d.createElement("div");
             this.i.setAttribute("aria-hidden", "true");
             this.h = this.d.createElement("div");
-            this.b.cd();
+            this.b.ch();
             this.j.getChildAt(0).setAttribute("aria-expanded", "fasle");
             this.j.getChildAt(0).setAttribute("aria-invalid", "false");
             this.f.setStyleProperty("height", "16px");
@@ -107,35 +113,35 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.d != null) {
             var b = this.d.getSubRenderer(this.k);
             a.provideContainer(b);
-            var c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+            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 = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+            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 = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+            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 = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
+            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 = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
+            var d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
         }
     };
     DatePickerView.prototype.u = function () {
@@ -166,7 +172,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DatePickerView.prototype.ar = function (a) {
+    DatePickerView.prototype.as = function (a) {
         if (a != null && a != "") {
             this.j.getChildAt(0).setAttribute("aria-label", a);
         }
@@ -176,7 +182,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePickerView.prototype.ap = function () {
         if (this.f != null) {
-            if (this.b.as == true) {
+            if (this.b.at == true) {
                 this.f.show();
             }
             else {
@@ -189,6 +195,9 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             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);
@@ -196,15 +205,15 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.e.setStyleProperty("width", "100%");
             this.e.setStyleProperty("height", "100%");
             this.e.setStyleProperty("display", "flex");
-            this.b.ce();
+            this.b.ci();
             this.e.parent().setStyleProperty("height", "100%");
-            if (this.b.au == true) {
+            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.at == true) {
+            if (this.b.au == true) {
                 this.e.parent().parent().setStyleProperty("min-height", "270px");
             }
             else {
@@ -214,13 +223,13 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePickerView.prototype.y = function () {
         if (this.d != null) {
-            if (this.b.au == true) {
+            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.at == true) {
+            if (this.b.au == true) {
                 this.e.parent().parent().setStyleProperty("min-height", "270px");
             }
             else {
@@ -232,59 +241,59 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.d != null) {
             var b = this.d.getSubRenderer(this.m);
             a.provideRenderer(b);
-            var c = b.getExternal(a, b.rootWrapper, b.getExternal(this.b, null, null));
+            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 = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+            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.aq == true) {
+        if (this.b.ar == true) {
             return;
         }
-        this.b.cb();
+        this.b.cf();
         if (this.f != null) {
             this.f.hide();
         }
     };
     DatePickerView.prototype.ad = function (a) {
         a.stopPropagation();
-        this.b.cj();
+        this.b.cn();
     };
     DatePickerView.prototype.x = function (a) {
         var b = a.which;
         if (b == 27) {
-            this.b.cc();
+            this.b.cg();
         }
     };
     DatePickerView.prototype.v = function (a) {
         this.b.focus();
         var b = (a.originalEvent.relatedTarget);
         if (!this.c(b)) {
-            this.b.cp();
+            this.b.ct();
         }
     };
     DatePickerView.prototype.w = function (a) {
         var b = (a.originalEvent.relatedTarget);
         if (!this.c(b)) {
-            this.b.ci();
-            this.b.cq();
+            this.b.cm();
+            this.b.cu();
         }
     };
-    DatePickerView.prototype.ac = function (a) {
+    DatePickerView.prototype.document_Click = function (a) {
         var b = a.target;
         if (!this.c(b)) {
-            this.b.cc();
+            this.b.cg();
         }
     };
-    DatePickerView.prototype.as = function () {
+    DatePickerView.prototype.at = function () {
         if (this.d != null) {
             var a = this.d.rootWrapper.getNativeElement();
             var b = a.getBoundingClientRect();
@@ -319,7 +328,7 @@ export { DatePickerView };
  * @hidden
  */
 var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(DatePicker, _super);
+    __extends(DatePicker, _super);
     function DatePicker() {
         var _this = _super.call(this) || this;
         _this.h = null;
@@ -330,42 +339,44 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.m = null;
         _this.n = null;
         _this.c = null;
-        _this.a6 = "dd";
-        _this.ba = "mm";
-        _this.bd = "yyyy";
-        _this.a7 = "mdy";
-        _this.bc = "/";
+        _this.a9 = "dd";
+        _this.bd = "mm";
+        _this.bg = "yyyy";
+        _this.ba = "mdy";
+        _this.bf = "/";
         _this.ah = false;
+        _this.ap = false;
         _this.ao = false;
-        _this.an = false;
-        _this.ax = dateMinValue();
+        _this.ay = dateMinValue();
+        _this.ai = false;
         _this.propertyChanged = null;
         _this.selectedValueChanged = null;
         _this.ae = null;
+        _this.a0 = dateMinValue();
         _this.az = dateMinValue();
-        _this.ay = dateMinValue();
-        _this.a9 = "";
-        _this.da = BrushUtil.g(255, 24, 29, 31);
+        _this.bc = "";
+        _this.de = BrushUtil.g(255, 24, 29, 31);
         _this.z = null;
-        _this.bb = "";
-        _this.aw = dateMinValue();
-        _this.av = dateMaxValue();
+        _this.be = "";
+        _this.ax = dateMinValue();
+        _this.aw = dateMaxValue();
         _this.x = 2;
         _this.v = 1;
         _this.aa = null;
-        _this.db = BrushUtil.g(255, 24, 29, 31);
-        _this.c9 = BrushUtil.g(255, 163, 172, 184);
-        _this.ak = true;
-        _this.al = false;
+        _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.aj = true;
+        _this.ak = true;
         _this.i = 0;
         _this.k = 0;
-        _this.am = false;
+        _this.an = false;
         _this.a = new DateTimeValueFormatter();
         _this.d = 0;
-        _this.a8 = null;
-        _this.ai = false;
+        _this.bb = null;
+        _this.aj = false;
+        _this.a6 = 0;
         _this.gotFocus = null;
         _this.lostFocus = null;
         _this.keyDown = null;
@@ -374,15 +385,15 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         a.b = _this;
         _this.h = a;
         _this.h.ah();
-        _this.ca();
+        _this.ce();
         return _this;
     }
-    DatePicker.prototype.cv = function (a, b) {
+    DatePicker.prototype.cz = function (a, b) {
         if (this.u != null) {
             this.ah = true;
-            this.cc();
+            this.cg();
         }
-        this.c4();
+        this.c8();
         if (this.selectedValueChanged != null) {
             this.selectedValueChanged(this, ((function () {
                 var $ret = new SelectedValueChangedEventArgs();
@@ -391,7 +402,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        this.cz();
+        if (this.ai) {
+            this.c3();
+        }
     };
     DatePicker.prototype.notifySizeChanged = function () {
         this.h.af();
@@ -399,9 +412,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     DatePicker.prototype.destroy = function () {
         if (this.c != null) {
             var a = this.c;
-            a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.b9));
+            a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.cd));
             var b = this.c;
-            b.close = delegateRemove(b.close, runOn(this, this.b8));
+            b.close = delegateRemove(b.close, runOn(this, this.cc));
         }
         this.provideContainer(null);
     };
@@ -419,64 +432,64 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             return this.ae;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "value", {
         get: function () {
-            return this.az;
+            return this.a0;
         },
         set: function (a) {
-            var b = this.az;
-            this.ax = b;
-            this.az = a;
-            if (+b != +(this.az)) {
-                this.cu("Value", b, this.az);
+            var b = this.a0;
+            this.ay = b;
+            this.a0 = a;
+            if (+b != +(this.a0)) {
+                this.cy("Value", b, this.a0);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "a2", {
+    Object.defineProperty(DatePicker.prototype, "a3", {
         get: function () {
-            return this.ay;
+            return this.az;
         },
         set: function (a) {
-            var b = this.ay;
-            this.ay = a;
-            if (+b != +(this.ay)) {
-                this.cu("Today", b, this.ay);
+            var b = this.az;
+            this.az = a;
+            if (+b != +(this.az)) {
+                this.cy("Today", b, this.az);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "bs", {
+    Object.defineProperty(DatePicker.prototype, "bv", {
         get: function () {
-            return this.a9;
+            return this.bc;
         },
         set: function (a) {
-            var b = this.a9;
-            this.a9 = a;
-            if (b != this.a9) {
-                this.cu("Label", b, this.a9);
+            var b = this.bc;
+            this.bc = a;
+            if (b != this.bc) {
+                this.cy("Label", b, this.bc);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "dd", {
+    Object.defineProperty(DatePicker.prototype, "dh", {
         get: function () {
-            return this.da;
+            return this.de;
         },
         set: function (a) {
-            var b = this.da;
-            this.da = a;
-            if (b != this.da) {
-                this.cu("LabelTextColor", b, a);
+            var b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cy("LabelTextColor", b, a);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "ac", {
@@ -487,52 +500,52 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cu("LabelTextStyle", b, this.z);
+                this.cy("LabelTextStyle", b, this.z);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "bz", {
+    Object.defineProperty(DatePicker.prototype, "b2", {
         get: function () {
-            return this.bb;
+            return this.be;
         },
         set: function (a) {
-            var b = this.bb;
-            this.bb = a;
-            if (b != this.bb) {
-                this.cu("Placeholder", b, this.bb);
+            var b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.cy("Placeholder", b, this.be);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "a1", {
+    Object.defineProperty(DatePicker.prototype, "a2", {
         get: function () {
-            return this.aw;
+            return this.ax;
         },
         set: function (a) {
-            var b = this.aw;
-            this.aw = a;
-            if (+b != +(this.aw)) {
-                this.cu("MinDate", b, this.aw);
+            var b = this.ax;
+            this.ax = a;
+            if (+b != +(this.ax)) {
+                this.cy("MinDate", b, this.ax);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "a0", {
+    Object.defineProperty(DatePicker.prototype, "a1", {
         get: function () {
-            return this.av;
+            return this.aw;
         },
         set: function (a) {
-            var b = this.av;
-            this.av = a;
-            if (+b != +(this.av)) {
-                this.cu("MaxDate", b, this.av);
+            var b = this.aw;
+            this.aw = a;
+            if (+b != +(this.aw)) {
+                this.cy("MaxDate", b, this.aw);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "y", {
@@ -543,10 +556,10 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.x;
             this.x = a;
             if (b != this.x) {
-                this.cu("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
+                this.cy("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "w", {
@@ -557,10 +570,10 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.cu("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
+                this.cy("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "ad", {
@@ -571,69 +584,69 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.cu("TextStyle", b, this.aa);
+                this.cy("TextStyle", b, this.aa);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "de", {
+    Object.defineProperty(DatePicker.prototype, "di", {
         get: function () {
-            return this.db;
+            return this.df;
         },
         set: function (a) {
-            var b = this.db;
-            this.db = a;
-            if (b != this.db) {
-                this.cu("TextColor", b, this.db);
+            var b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cy("TextColor", b, this.df);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "dc", {
+    Object.defineProperty(DatePicker.prototype, "dg", {
         get: function () {
-            return this.c9;
+            return this.dd;
         },
         set: function (a) {
-            var b = this.c9;
-            this.c9 = a;
-            if (b != this.c9) {
-                this.cu("IconColor", b, this.c9);
+            var b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cy("IconColor", b, this.dd);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "as", {
+    Object.defineProperty(DatePicker.prototype, "at", {
         get: function () {
-            return this.ak;
+            return this.al;
         },
         set: function (a) {
-            var b = this.ak;
-            this.ak = a;
-            if (b != this.ak) {
-                this.cu("ShowClearButton", b, this.ak);
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.cy("ShowClearButton", b, this.al);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "at", {
+    Object.defineProperty(DatePicker.prototype, "au", {
         get: function () {
-            return this.al;
+            return this.am;
         },
         set: function (a) {
-            var b = this.al;
-            this.al = a;
-            if (b != this.al) {
-                this.cu("ShowTodayButton", b, this.al);
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.cy("ShowTodayButton", b, this.am);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "ap", {
+    Object.defineProperty(DatePicker.prototype, "aq", {
         get: function () {
             return this.ag;
         },
@@ -641,24 +654,24 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cu("AllowTextInput", b, this.ag);
+                this.cy("AllowTextInput", b, this.ag);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "ar", {
+    Object.defineProperty(DatePicker.prototype, "as", {
         get: function () {
-            return this.aj;
+            return this.ak;
         },
         set: function (a) {
-            var b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
-                this.cu("OpenOnFocus", b, this.aj);
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.cy("OpenOnFocus", b, this.ak);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "j", {
@@ -669,10 +682,10 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.cu("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
+                this.cy("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "l", {
@@ -683,24 +696,24 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.cu("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
+                this.cy("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "au", {
+    Object.defineProperty(DatePicker.prototype, "av", {
         get: function () {
-            return this.am;
+            return this.an;
         },
         set: function (a) {
-            var b = this.am;
-            this.am = a;
-            if (b != this.am) {
-                this.cu("ShowWeekNumbers", b, this.am);
+            var b = this.an;
+            this.an = a;
+            if (b != this.an) {
+                this.cy("ShowWeekNumbers", b, this.an);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePicker.prototype, "e", {
@@ -711,70 +724,86 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.d;
             this.d = a;
             if (this.d != b) {
-                this.cu("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
+                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: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "bo", {
+    Object.defineProperty(DatePicker.prototype, "ar", {
         get: function () {
-            return this.a8;
+            return this.aj;
         },
         set: function (a) {
-            var b = this.a8;
-            this.a8 = a;
-            if (b != this.a8) {
-                this.cu("FormatString", b, this.a8);
+            var b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.cy("IsDisabled", b, this.aj);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "aq", {
+    Object.defineProperty(DatePicker.prototype, "a7", {
         get: function () {
-            return this.ai;
+            return this.a6;
         },
         set: function (a) {
-            var b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
-                this.cu("IsDisabled", b, this.ai);
+            var b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.cy("TabIndex", b, this.a6);
             }
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
-    DatePicker.prototype.cu = function (a, b, c) {
+    DatePicker.prototype.cy = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.cx(a, b, c);
+        this.c1(a, b, c);
     };
-    DatePicker.prototype.cx = function (a, b, c) {
+    DatePicker.prototype.c1 = function (a, b, c) {
         switch (a) {
             case "Density":
-                this.c0();
+                this.c4();
                 break;
             case "BaseTheme":
-                this.c2();
+                this.c6();
                 break;
             case "Value":
                 if (+(this.value) != +(dateMinValue())) {
-                    if (dateGetDate(this.value) < dateGetDate(this.a1) || dateGetDate(this.value) > dateGetDate(this.a0)) {
-                        this.value = this.ax;
+                    if (dateGetDate(this.value) < dateGetDate(this.a2) || dateGetDate(this.value) > dateGetDate(this.a1)) {
+                        this.ai = true;
+                        this.value = this.ay;
+                        this.ai = false;
                     }
                 }
-                this.cv(this.ax, this.value);
-                this.ax = this.value;
+                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.bs;
-                    if (this.bs != null && this.bs != "") {
+                    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);
                         }
@@ -788,48 +817,52 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "Placeholder":
                 if (this.o != null) {
-                    this.o.ce = this.bz;
-                    this.h.ar(this.bz);
+                    this.o.cg = this.b2;
+                    this.h.as(this.b2);
                 }
                 break;
             case "Today":
                 if (this.c != null) {
-                    this.c.av = this.a2;
+                    this.c.av = this.a3;
                 }
                 break;
             case "MaxDate":
                 if (this.c != null) {
-                    var d = Base.compareSimple(this.a1, this.a0);
+                    var d = Base.compareSimple(this.a2, this.a1);
                     if (d >= 0) {
-                        this.a0 = dateMaxValue();
+                        this.a1 = dateMaxValue();
                     }
-                    this.c.at = this.av;
+                    this.c.at = this.aw;
                 }
-                if (dateGetDate(this.value) > dateGetDate(this.a0)) {
-                    this.ax = dateMinValue();
+                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.aw;
-                    var e = Base.compareSimple(this.a1, this.a0);
+                    this.c.au = this.ax;
+                    var e = Base.compareSimple(this.a2, this.a1);
                     if (e >= 0) {
-                        this.ax = dateMaxValue();
-                        this.c.at = this.a0;
+                        this.ay = dateMaxValue();
+                        this.c.at = this.a1;
                     }
                 }
-                if (dateGetDate(this.value) < dateGetDate(this.a1)) {
-                    this.ax = dateMinValue();
+                if (dateGetDate(this.value) < dateGetDate(this.a2)) {
+                    this.ay = dateMinValue();
+                    this.ai = true;
                     this.value = dateMinValue();
+                    this.ai = false;
                 }
                 break;
             case "TextStyle":
-                this.c5();
+                this.c9();
                 break;
             case "ShowClearButton":
                 if (this.o != null) {
-                    if (this.o.cm != "") {
+                    if (this.o.cq != "") {
                         this.h.ap();
                     }
                 }
@@ -838,27 +871,27 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "LabelTextStyle":
             case "TextColor":
             case "IconColor":
-                this.c6();
+                this.da();
                 break;
             case "ShowTodayButton":
                 if (this.c != null) {
-                    this.c.ae = this.at;
+                    this.c.ae = this.au;
                     this.h.y();
                 }
                 break;
             case "AllowTextInput":
                 if (this.o != null) {
-                    this.o.disabled = !this.ap;
+                    this.o.disabled = !this.aq;
                 }
                 break;
             case "OpenOnFocus": break;
             case "DateFormat":
                 this.a.k(this.e);
-                this.c4();
+                this.c8();
                 break;
             case "FormatString":
-                this.ca();
-                this.c4();
+                this.ce();
+                this.c8();
                 break;
             case "FirstDayOfWeek":
                 if (this.c != null) {
@@ -867,7 +900,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "ShowWeekNumbers":
                 if (this.c != null) {
-                    this.c.af = this.au;
+                    this.c.af = this.av;
                     this.h.y();
                 }
                 break;
@@ -879,18 +912,21 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "IsDisabled":
                 {
                     if (this.q != null) {
-                        this.q.disabled = this.aq;
+                        this.q.disabled = this.ar;
                     }
                     if (this.o != null) {
-                        this.o.disabled = this.aq;
+                        this.o.disabled = this.ar;
                     }
                 }
                 break;
+            case "TabIndex":
+                this.h.ar();
+                break;
         }
     };
-    DatePicker.prototype.ca = function () {
+    DatePicker.prototype.ce = function () {
         var a = '/';
-        var b = this.bo != null ? this.bo.toLowerCase() : this.a.j();
+        var b = this.br != null ? this.br.toLowerCase() : this.a.j();
         if (stringContains(b, "/")) {
             a = '/';
         }
@@ -906,7 +942,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         else if (stringContains(b, ",")) {
             a = ',';
         }
-        this.bc = a.toString();
+        this.bf = a.toString();
         var c = b.split(a);
         if (c.length == 3) {
             var d = "";
@@ -915,19 +951,19 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                     d += "d";
                     switch (c[e]) {
                         case "d":
-                            this.a6 = c[e];
+                            this.a9 = c[e];
                             break;
                         case "dd":
-                            this.a6 = c[e];
+                            this.a9 = c[e];
                             break;
                         case "ddd":
-                            this.a6 = c[e];
+                            this.a9 = c[e];
                             break;
                         case "dddd":
-                            this.a6 = c[e];
+                            this.a9 = c[e];
                             break;
                         default:
-                            this.a6 = "dd";
+                            this.a9 = "dd";
                             break;
                     }
                 }
@@ -935,125 +971,125 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                     d += "m";
                     switch (c[e]) {
                         case "m":
-                            this.ba = c[e];
+                            this.bd = c[e];
                             break;
                         case "mm":
-                            this.ba = c[e];
+                            this.bd = c[e];
                             break;
                         case "mmm":
-                            this.ba = c[e];
+                            this.bd = c[e];
                             break;
                         case "mmmm":
-                            this.ba = c[e];
+                            this.bd = c[e];
                             break;
                         default:
-                            this.ba = "mm";
+                            this.bd = "mm";
                             break;
                     }
-                    this.ba = c[e];
+                    this.bd = c[e];
                 }
                 else if (stringContains(c[e], "y")) {
                     d += "y";
                     switch (c[e]) {
                         case "yy":
-                            this.bd = c[e];
+                            this.bg = c[e];
                             break;
                         case "yyyy":
-                            this.bd = c[e];
+                            this.bg = c[e];
                             break;
                         default:
-                            this.bd = "yyyy";
+                            this.bg = "yyyy";
                             break;
                     }
                 }
             }
             if (d == "dmy" || d == "mdy" || d == "ymd") {
-                this.a7 = d;
+                this.ba = d;
             }
             else {
-                this.a7 = "mdy";
+                this.ba = "mdy";
             }
         }
     };
-    DatePicker.prototype.c6 = function () {
+    DatePicker.prototype.da = function () {
         if (this.o != null) {
-            this.o.d1 = this.de;
+            this.o.d8 = this.di;
         }
         if (this.m != null) {
-            this.m.fill = this.dc;
+            this.m.fill = this.dg;
         }
         if (this.n != null) {
-            this.n.fill = this.dc;
+            this.n.fill = this.dg;
         }
         if (this.r != null) {
-            this.r.df = this.dd;
+            this.r.df = this.dh;
             this.r.y = this.ac;
         }
     };
-    DatePicker.prototype.c3 = function () {
+    DatePicker.prototype.c7 = function () {
         if (this.q != null) {
         }
     };
-    DatePicker.prototype.c5 = function () {
+    DatePicker.prototype.c9 = function () {
         if (this.aa != null) {
             this.o.af = this.aa;
         }
     };
-    DatePicker.prototype.cd = function () {
+    DatePicker.prototype.ch = function () {
         this.q = new XInputGroup();
         this.h.ak(this.q);
         this.q.d = 0;
-        this.q.j = this.w;
-        this.q.n = this.y;
+        this.q.p = this.w;
+        this.q.t = this.y;
         this.r = new XLabel();
         this.h.am(this.r);
-        this.r.df = this.dd;
+        this.r.df = this.dh;
         this.r.y = this.ac;
         this.q.appendContentChild(this.h.u());
-        if (this.bs != null && this.bs != "") {
-            this.r.text = this.bs;
+        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.b6 = "text";
+        this.o.b8 = "text";
         if (this.aa != null) {
             this.o.af = this.aa;
         }
-        this.o.disabled = !this.ap;
-        this.o.d1 = this.de;
+        this.o.disabled = !this.aq;
+        this.o.d8 = this.di;
         this.q.appendContentChild(this.h.t());
         this.q.inputs.add(this.o);
-        this.o.ce = this.bz;
-        this.h.ar(this.bz);
+        this.o.cg = this.b2;
+        this.h.as(this.b2);
         var a = this.o;
-        a.change = delegateCombine(a.change, runOn(this, this.ck));
+        a.change = delegateCombine(a.change, runOn(this, this.co));
         var b = this.o;
-        b.changing = delegateCombine(b.changing, runOn(this, this.cl));
+        b.changing = delegateCombine(b.changing, runOn(this, this.cp));
         var c = this.o;
-        c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cm));
+        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.bh;
-        this.m.fill = this.dc;
+        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.c4();
+        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.bg;
-        this.n.fill = this.dc;
+        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.cm = function (a, b) {
-        this.cs(b);
+    DatePicker.prototype.cq = function (a, b) {
+        this.cw(b);
         if (b.defaultPrevented) {
             return;
         }
@@ -1061,38 +1097,38 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = b.modifiers;
         switch (c) {
             case 9:
-                this.an = true;
-                if (!this.ao) {
-                    this.c8(this.o.cm);
+                this.ao = true;
+                if (!this.ap) {
+                    this.dc(this.o.cq);
                 }
                 this.ah = true;
-                this.cc();
-                this.an = false;
+                this.cg();
+                this.ao = false;
                 break;
             case 13:
-                this.an = true;
-                if (!this.ao) {
-                    this.c8(this.o.cm);
+                this.ao = true;
+                if (!this.ap) {
+                    this.dc(this.o.cq);
                 }
                 this.ah = true;
-                this.cc();
-                this.an = false;
+                this.cg();
+                this.ao = false;
                 break;
             case 40:
                 if (d == 1) {
-                    this.cw();
-                    this.ch();
+                    this.c0();
+                    this.cl();
                 }
                 break;
             case 38:
                 if (d == 1) {
-                    this.cc();
+                    this.cg();
                 }
                 break;
         }
     };
-    DatePicker.prototype.cl = function (a, b) {
-        this.co(b);
+    DatePicker.prototype.cp = function (a, b) {
+        this.cs(b);
         if (b.value.length > 0) {
             this.h.ap();
         }
@@ -1100,12 +1136,12 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             this.h.ae();
         }
     };
-    DatePicker.prototype.ck = function (a, b) {
-        this.ao = true;
-        this.c8(b.value);
-        this.ao = false;
+    DatePicker.prototype.co = function (a, b) {
+        this.ap = true;
+        this.dc(b.value);
+        this.ap = false;
     };
-    DatePicker.prototype.c8 = function (a) {
+    DatePicker.prototype.dc = function (a) {
         var b = ['/', '-', ' ', '.', ','];
         var c = stringSplit(a, b, 1);
         var d = 0;
@@ -1116,17 +1152,17 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
                 g = false;
             }
-            if (this.a7 == "dmy") {
+            if (this.ba == "dmy") {
                 d = parseInt(c[0]);
                 e = parseInt(c[1]);
                 f = parseInt(c[2]);
             }
-            else if (this.a7 == "mdy") {
+            else if (this.ba == "mdy") {
                 e = parseInt(c[0]);
                 d = parseInt(c[1]);
                 f = parseInt(c[2]);
             }
-            else if (this.a7 == "ymd") {
+            else if (this.ba == "ymd") {
                 f = parseInt(c[0]);
                 e = parseInt(c[1]);
                 d = parseInt(c[2]);
@@ -1139,13 +1175,13 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (isNaN_(e)) {
                 var h = "";
-                if (this.a7 == "dmy") {
+                if (this.ba == "dmy") {
                     h = c[1].toLowerCase();
                 }
-                else if (this.a7 == "mdy") {
+                else if (this.ba == "mdy") {
                     h = c[0].toLowerCase();
                 }
-                else if (this.a7 == "ymd") {
+                else if (this.ba == "ymd") {
                     h = c[1].toLowerCase();
                 }
                 var i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
@@ -1221,45 +1257,45 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (g) {
             var ag = dateFromValues(f, e, d, 0, 0, 0, 0);
-            var ah = Base.compareSimple(ag, this.a1);
-            var ai = Base.compareSimple(ag, this.a0);
+            var ah = Base.compareSimple(ag, this.a2);
+            var ai = Base.compareSimple(ag, this.a1);
             if (ah < 0 || ai > 0) {
-                this.c4();
+                this.c8();
             }
             else {
-                this.c7(ag);
+                this.db(ag);
                 this.h.ap();
             }
         }
         else {
             if (stringIsNullOrEmpty(a)) {
-                this.cb();
+                this.cf();
             }
             else {
-                this.c4();
+                this.c8();
             }
         }
     };
-    DatePicker.prototype.c7 = function (a) {
+    DatePicker.prototype.db = function (a) {
         var b = this.value;
         this.value = a;
     };
-    DatePicker.prototype.c4 = function () {
+    DatePicker.prototype.c8 = function () {
         if (this.o != null) {
-            if (+(this.az) != +(dateMinValue())) {
+            if (+(this.a0) != +(dateMinValue())) {
                 var a = "";
-                if (this.bo == null) {
+                if (this.br == null) {
                     a = this.a.i(this.value);
                 }
                 else {
                     var b = this.value.getDate().toString();
                     var c = b;
-                    if (this.a6 == "dd") {
+                    if (this.a9 == "dd") {
                         if (this.value.getDate() < 10) {
                             b = "0" + b;
                         }
                     }
-                    else if (this.a6 == "ddd") {
+                    else if (this.a9 == "ddd") {
                         switch (this.value.getDay()) {
                             case 0:
                                 b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
@@ -1284,7 +1320,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                                 break;
                         }
                     }
-                    else if (this.a6 == "dddd") {
+                    else if (this.a9 == "dddd") {
                         switch (this.value.getDay()) {
                             case 0:
                                 b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
@@ -1310,12 +1346,12 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                         }
                     }
                     var d = dateGetMonth(this.value).toString();
-                    if (this.ba == "mm") {
+                    if (this.bd == "mm") {
                         if (dateGetMonth(this.value) < 10) {
                             d = "0" + d;
                         }
                     }
-                    else if (this.ba == "mmm") {
+                    else if (this.bd == "mmm") {
                         switch (dateGetMonth(this.value)) {
                             case 1:
                                 d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
@@ -1355,7 +1391,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                                 break;
                         }
                     }
-                    else if (this.ba == "mmmm") {
+                    else if (this.bd == "mmmm") {
                         switch (dateGetMonth(this.value)) {
                             case 1:
                                 d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
@@ -1396,109 +1432,111 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                         }
                     }
                     var e = this.value.getFullYear().toString();
-                    if (this.bd == "yy") {
+                    if (this.bg == "yy") {
                         e = e.substr(2);
                     }
-                    if (this.a7 == "dmy") {
-                        if (this.a6 == "ddd" || this.a6 == "dddd") {
-                            a = b + this.bc + d + " " + c + this.bc + e;
+                    if (this.ba == "dmy") {
+                        if (this.a9 == "ddd" || this.a9 == "dddd") {
+                            a = b + this.bf + d + " " + c + this.bf + e;
                         }
                         else {
-                            a = b + this.bc + d + this.bc + e;
+                            a = b + this.bf + d + this.bf + e;
                         }
                     }
-                    else if (this.a7 == "mdy") {
-                        if (this.a6 == "ddd" || this.a6 == "dddd") {
-                            a = d + " " + c + this.bc + b + this.bc + 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.bc + b + this.bc + e;
+                            a = d + this.bf + b + this.bf + e;
                         }
                     }
-                    else if (this.a7 == "ymd") {
-                        if (this.a6 == "ddd" || this.a6 == "dddd") {
-                            a = e + this.bc + d + " " + c + this.bc + b;
+                    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.bc + d + this.bc + b;
+                            a = e + this.bf + d + this.bf + b;
                         }
                     }
                 }
-                this.o.cm = a;
+                this.o.cq = a;
                 this.h.ap();
             }
             else {
-                this.o.cm = "";
+                this.o.cq = "";
                 this.h.ae();
             }
         }
     };
-    DatePicker.prototype.cb = function () {
-        if (this.aq == true) {
+    DatePicker.prototype.cf = function () {
+        if (this.ar == true) {
             return;
         }
         if (this.o != null) {
-            this.o.cm = "";
+            this.o.cq = "";
         }
         this.value = dateMinValue();
         this.c.ch();
     };
-    DatePicker.prototype.ce = function () {
+    DatePicker.prototype.ci = function () {
         this.u = new Popup();
         this.h.an(this.u);
         this.c = new XCalendar();
         this.h.ai(this.c);
-        if (+(this.a1) != +(dateMinValue())) {
-            this.c.au = this.a1;
+        if (+(this.a2) != +(dateMinValue())) {
+            this.c.au = this.a2;
         }
-        if (+(this.a0) != +(dateMaxValue())) {
-            this.c.at = this.a0;
+        if (+(this.a1) != +(dateMaxValue())) {
+            this.c.at = this.a1;
         }
-        if (+(this.a2) != +(dateMinValue())) {
-            this.c.av = this.a2;
+        if (+(this.a3) != +(dateMinValue())) {
+            this.c.av = this.a3;
         }
-        this.c.ae = this.at;
+        this.c.ae = this.au;
         this.c.l = this.j;
-        this.c.af = this.au;
+        this.c.af = this.av;
         this.c.o = this.l;
         var a = this.c;
-        a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.b9));
+        a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cd));
         var b = this.c;
-        b.close = delegateCombine(b.close, runOn(this, this.b8));
+        b.close = delegateCombine(b.close, runOn(this, this.cc));
         this.u.appendPopupContent(this.h.o());
     };
-    DatePicker.prototype.b9 = function (a, b) {
+    DatePicker.prototype.cd = function (a, b) {
+        this.ai = true;
         this.value = b.newValue;
+        this.ai = false;
     };
-    DatePicker.prototype.b8 = function (a) {
-        if (this.u.t) {
+    DatePicker.prototype.cc = function (a) {
+        if (this.u.ao) {
             this.ah = true;
-            this.cc();
+            this.cg();
         }
     };
-    DatePicker.prototype.cj = function () {
+    DatePicker.prototype.cn = function () {
         if (this.ah == false) {
-            if (this.u.t) {
-                this.cc();
+            if (this.u.ao) {
+                this.cg();
             }
             else {
-                this.cw();
+                this.c0();
             }
         }
         else {
             this.ah = false;
         }
     };
-    DatePicker.prototype.cw = function () {
-        if (this.aq) {
+    DatePicker.prototype.c0 = function () {
+        if (this.ar) {
             return;
         }
         if (this.u != null) {
-            var a = this.h.as();
+            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.at == true) {
+            if (this.au == true) {
                 d = 270;
             }
             var e = a.bottom + d;
@@ -1517,10 +1555,10 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             this.h.aq(true);
         }
     };
-    DatePicker.prototype.cc = function () {
+    DatePicker.prototype.cg = function () {
         var _this = this;
         if (this.u != null) {
-            window.setTimeout(function () { return _this.u.ao(); }, 0);
+            window.setTimeout(function () { return _this.u.bj(); }, 0);
         }
         if (this.c != null) {
             this.c.cy();
@@ -1536,18 +1574,18 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.o != null) {
             this.o.focus(a);
         }
-        if (!this.u.t && this.ar == true) {
+        if (!this.u.ao && this.as == true) {
             if (this.ah == false) {
-                if (this.ap == false) {
-                    this.cw();
+                if (this.aq == false) {
+                    this.c0();
                     this.ah = true;
-                    window.setTimeout(function () { return _this.ch(); }, 0);
+                    window.setTimeout(function () { return _this.cl(); }, 0);
                 }
                 else {
-                    if (this.ar == true && this.an == false) {
-                        this.cw();
+                    if (this.as == true && this.ao == false) {
+                        this.c0();
                         this.ah = true;
-                        window.setTimeout(function () { return _this.ch(); }, 0);
+                        window.setTimeout(function () { return _this.cl(); }, 0);
                     }
                 }
             }
@@ -1556,33 +1594,33 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DatePicker.prototype.ci = function () {
+    DatePicker.prototype.cm = function () {
         this.ah = false;
     };
-    DatePicker.prototype.cz = function () {
+    DatePicker.prototype.c3 = function () {
         if (this.o != null) {
-            this.o.dj();
+            this.o.dp();
         }
     };
-    DatePicker.prototype.ch = function () {
+    DatePicker.prototype.cl = function () {
         this.c.cq();
     };
-    DatePicker.prototype.cp = function () {
+    DatePicker.prototype.ct = function () {
         var a = new GotFocusEventArgs();
-        this.cr(a);
+        this.cv(a);
     };
-    DatePicker.prototype.cq = function () {
+    DatePicker.prototype.cu = function () {
         var a = new LostFocusEventArgs();
-        this.ct(a);
+        this.cx(a);
     };
-    DatePicker.prototype.c2 = function () {
+    DatePicker.prototype.c6 = function () {
     };
-    DatePicker.prototype.c0 = function () {
+    DatePicker.prototype.c4 = function () {
     };
-    DatePicker.prototype.a5 = function () {
+    DatePicker.prototype.a8 = function () {
         return this.b();
     };
-    DatePicker.prototype.bl = function () {
+    DatePicker.prototype.bo = function () {
         var a = this.b();
         return a.g();
     };
@@ -1590,8 +1628,8 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         var a = new DatePickerVisualModelExport();
         a.e = this.y;
         a.d = this.w;
-        a.c = this.u.ab();
-        a.b = this.q.ia();
+        a.c = this.u.ay();
+        a.b = this.q.fe();
         a.a = this.c.bj();
         if (this.ad != null) {
             var b = this.ad;
@@ -1623,29 +1661,29 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return a;
     };
-    DatePicker.prototype.cr = function (a) {
+    DatePicker.prototype.cv = function (a) {
         if (null != this.gotFocus) {
             this.gotFocus(this, a);
         }
     };
-    DatePicker.prototype.ct = function (a) {
+    DatePicker.prototype.cx = function (a) {
         if (null != this.lostFocus) {
             this.lostFocus(this, a);
         }
     };
-    DatePicker.prototype.cs = function (a) {
+    DatePicker.prototype.cw = function (a) {
         if (null != this.keyDown) {
             this.keyDown(this, a);
         }
     };
-    DatePicker.prototype.co = function (a) {
+    DatePicker.prototype.cs = function (a) {
         if (null != this.changing) {
             this.changing(this, a);
         }
     };
     DatePicker.$t = markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
-    DatePicker.bg = "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.bh = "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.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));