igniteui-webcomponents-inputs 1.3.1 → 1.4.1

package/esm5/lib/DatePickerView_combined.js

@@ -6,13 +6,13 @@ GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOA
 */
 import * as tslib_1 from "tslib";
 import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, delegateCombine } from "igniteui-webcomponents-core";
-import { InputGroup } from "./InputGroup";
-import { Label } from "./Label";
-import { Input } from "./Input";
-import { Suffix } from "./Suffix";
-import { Icon } from "./Icon";
+import { XInputGroup } from "./XInputGroup";
+import { XLabel } from "./XLabel";
+import { XInput } from "./XInput";
+import { XSuffix } from "./XSuffix";
+import { XIcon } from "./XIcon";
 import { Popup } from "igniteui-webcomponents-layouts";
-import { Calendar } from "./Calendar";
+import { XCalendar } from "./XCalendar";
 import { SRProvider } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
@@ -83,7 +83,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.h = this.c.createElement("div");
             this.h.setAttribute("aria-hidden", "true");
             this.g = this.c.createElement("div");
-            this.a.ca();
+            this.a.cd();
             this.i.getChildAt(0).setAttribute("aria-expanded", "fasle");
             this.i.getChildAt(0).setAttribute("aria-invalid", "false");
             this.e.setStyleProperty("height", "16px");
@@ -98,30 +98,35 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.c != null) {
             var b = this.c.getSubRenderer(this.j);
             a.provideContainer(b);
+            var c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.aj = function (a) {
         if (this.c != null) {
             var b = this.c.getSubRenderer(this.k);
             a.provideContainer(b);
+            var c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.ai = function (a) {
         if (this.c != null) {
             var b = this.c.getSubRenderer(this.i);
             a.provideContainer(b);
+            var c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.al = function (a, b) {
         if (this.c != null) {
             var c = this.c.getSubRenderer(b);
             a.provideContainer(c);
+            var d = this.c.getExternal(a, c.rootWrapper, this.c.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.ag = function (a, b) {
         if (this.c != null) {
             var c = this.c.getSubRenderer(b);
             a.provideContainer(c);
+            var d = this.c.getExternal(a, c.rootWrapper, this.c.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.s = function () {
@@ -162,7 +167,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
     };
     DatePickerView.prototype.am = function () {
         if (this.e != null) {
-            if (this.a.aq == true) {
+            if (this.a.as == true) {
                 this.e.show();
             }
             else {
@@ -182,7 +187,7 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
             this.d.setStyleProperty("width", "100%");
             this.d.setStyleProperty("height", "100%");
             this.d.setStyleProperty("display", "flex");
-            this.a.cb();
+            this.a.ce();
             this.d.parent().setStyleProperty("height", "100%");
         }
     };
@@ -190,51 +195,53 @@ var DatePickerView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (this.c != null) {
             var b = this.c.getSubRenderer(this.l);
             a.provideRenderer(b);
+            var c = b.getExternal(a, b.rootWrapper, b.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.af = function (a) {
         if (this.c != null) {
             var b = this.c.getSubRenderer(this.d);
             a.provideContainer(b);
+            var c = this.c.getExternal(a, b.rootWrapper, this.c.getExternal(this.a, null, null));
         }
     };
     DatePickerView.prototype.m = function () {
         return this.d;
     };
     DatePickerView.prototype.w = function (a) {
-        this.a.b8();
+        this.a.cb();
         if (this.e != null) {
             this.e.hide();
         }
     };
     DatePickerView.prototype.aa = function (a) {
         a.stopPropagation();
-        this.a.cg();
+        this.a.cj();
     };
     DatePickerView.prototype.v = function (a) {
         var b = a.which;
         if (b == 27) {
-            this.a.b9();
+            this.a.cc();
         }
     };
     DatePickerView.prototype.t = function (a) {
         this.a.focus();
         var b = (a.originalEvent.relatedTarget);
         if (!this.b(b)) {
-            this.a.cm();
+            this.a.cp();
         }
     };
     DatePickerView.prototype.u = function (a) {
-        this.a.cf();
         var b = (a.originalEvent.relatedTarget);
         if (!this.b(b)) {
-            this.a.cn();
+            this.a.ci();
+            this.a.cq();
         }
     };
     DatePickerView.prototype.z = function (a) {
         var b = a.target;
         if (!this.b(b)) {
-            this.a.b9();
+            this.a.cc();
         }
     };
     DatePickerView.prototype.ap = function () {
@@ -275,41 +282,42 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         _this.q = null;
         _this.r = null;
         _this.g = null;
-        _this.a4 = "dd";
-        _this.a8 = "mm";
-        _this.bb = "yyyy";
-        _this.a5 = "mdy";
-        _this.ba = "/";
+        _this.a6 = "dd";
+        _this.ba = "mm";
+        _this.bd = "yyyy";
+        _this.a7 = "mdy";
+        _this.bc = "/";
         _this.ah = false;
+        _this.ao = false;
         _this.an = false;
-        _this.am = false;
-        _this.av = dateMinValue();
+        _this.ax = dateMinValue();
         _this.propertyChanged = null;
         _this.valueChanged = null;
         _this.ae = null;
-        _this.ax = dateMinValue();
-        _this.aw = dateMinValue();
-        _this.a7 = "";
-        _this.c6 = BrushUtil.g(255, 24, 29, 31);
-        _this.z = null;
+        _this.az = dateMinValue();
+        _this.ay = dateMinValue();
         _this.a9 = "";
-        _this.au = dateMinValue();
-        _this.at = dateMaxValue();
+        _this.c9 = BrushUtil.g(255, 24, 29, 31);
+        _this.z = null;
+        _this.bb = "";
+        _this.aw = dateMinValue();
+        _this.av = dateMaxValue();
         _this.c = 2;
         _this.a = 1;
         _this.aa = null;
-        _this.c7 = BrushUtil.g(255, 24, 29, 31);
-        _this.c5 = BrushUtil.g(255, 163, 172, 184);
-        _this.aj = true;
-        _this.ak = false;
+        _this.da = BrushUtil.g(255, 24, 29, 31);
+        _this.c8 = BrushUtil.g(255, 163, 172, 184);
+        _this.ak = true;
+        _this.al = false;
         _this.ag = true;
-        _this.ai = true;
+        _this.aj = true;
         _this.m = 0;
         _this.o = 0;
-        _this.al = false;
+        _this.am = false;
         _this.e = new DateTimeValueFormatter();
         _this.h = 0;
-        _this.a6 = null;
+        _this.a8 = null;
+        _this.ai = false;
         _this.gotFocus = null;
         _this.lostFocus = null;
         _this.keyDown = null;
@@ -318,14 +326,15 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         a.a = _this;
         _this.l = a;
         _this.l.ae();
+        _this.ca();
         return _this;
     }
-    DatePicker.prototype.cs = function (a, b) {
+    DatePicker.prototype.cv = function (a, b) {
         if (this.y != null) {
-            this.b9();
             this.ah = true;
+            this.cc();
         }
-        this.c0();
+        this.c3();
         if (this.valueChanged != null) {
             this.valueChanged(this, ((function () {
                 var $ret = new ValueChangedEventArgs();
@@ -334,7 +343,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        this.cw();
+        this.cz();
     };
     DatePicker.prototype.notifySizeChanged = function () {
         this.l.ac();
@@ -342,9 +351,9 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
     DatePicker.prototype.destroy = function () {
         if (this.g != null) {
             var a = this.g;
-            a.valueChanged = delegateRemove(a.valueChanged, runOn(this, this.b6));
+            a.valueChanged = delegateRemove(a.valueChanged, runOn(this, this.b9));
             var b = this.g;
-            b.close = delegateRemove(b.close, runOn(this, this.b5));
+            b.close = delegateRemove(b.close, runOn(this, this.b8));
         }
         this.provideContainer(null);
     };
@@ -362,58 +371,58 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "a1", {
+    Object.defineProperty(DatePicker.prototype, "a3", {
         get: function () {
-            return this.ax;
+            return this.az;
         },
         set: function (a) {
-            var b = this.ax;
-            this.av = b;
-            this.ax = a;
-            if (+b != +(this.ax)) {
-                this.cr("Value", b, this.ax);
+            var b = this.az;
+            this.ax = b;
+            this.az = a;
+            if (+b != +(this.az)) {
+                this.cu("Value", b, this.az);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "a0", {
+    Object.defineProperty(DatePicker.prototype, "a2", {
         get: function () {
-            return this.aw;
+            return this.ay;
         },
         set: function (a) {
-            var b = this.aw;
-            this.aw = a;
-            if (+b != +(this.aw)) {
-                this.cr("Today", b, this.aw);
+            var b = this.ay;
+            this.ay = a;
+            if (+b != +(this.ay)) {
+                this.cu("Today", b, this.ay);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "bp", {
+    Object.defineProperty(DatePicker.prototype, "bs", {
         get: function () {
-            return this.a7;
+            return this.a9;
         },
         set: function (a) {
-            var b = this.a7;
-            this.a7 = a;
-            if (b != this.a7) {
-                this.cr("Label", b, this.a7);
+            var b = this.a9;
+            this.a9 = a;
+            if (b != this.a9) {
+                this.cu("Label", b, this.a9);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "c9", {
+    Object.defineProperty(DatePicker.prototype, "dc", {
         get: function () {
-            return this.c6;
+            return this.c9;
         },
         set: function (a) {
-            var b = this.c6;
-            this.c6 = a;
-            if (b != this.c6) {
-                this.cr("LabelTextColor", b, a);
+            var b = this.c9;
+            this.c9 = a;
+            if (b != this.c9) {
+                this.cu("LabelTextColor", b, a);
             }
         },
         enumerable: true,
@@ -427,49 +436,49 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cr("LabelTextStyle", b, this.z);
+                this.cu("LabelTextStyle", b, this.z);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "bw", {
+    Object.defineProperty(DatePicker.prototype, "bz", {
         get: function () {
-            return this.a9;
+            return this.bb;
         },
         set: function (a) {
-            var b = this.a9;
-            this.a9 = a;
-            if (b != this.a9) {
-                this.cr("Placeholder", b, this.a9);
+            var b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.cu("Placeholder", b, this.bb);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "az", {
+    Object.defineProperty(DatePicker.prototype, "a1", {
         get: function () {
-            return this.au;
+            return this.aw;
         },
         set: function (a) {
-            var b = this.au;
-            this.au = a;
-            if (+b != +(this.au)) {
-                this.cr("MinDate", b, this.au);
+            var b = this.aw;
+            this.aw = a;
+            if (+b != +(this.aw)) {
+                this.cu("MinDate", b, this.aw);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "ay", {
+    Object.defineProperty(DatePicker.prototype, "a0", {
         get: function () {
-            return this.at;
+            return this.av;
         },
         set: function (a) {
-            var b = this.at;
-            this.at = a;
-            if (+b != +(this.at)) {
-                this.cr("MaxDate", b, this.at);
+            var b = this.av;
+            this.av = a;
+            if (+b != +(this.av)) {
+                this.cu("MaxDate", b, this.av);
             }
         },
         enumerable: true,
@@ -483,7 +492,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.c;
             this.c = a;
             if (b != this.c) {
-                this.cr("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.c));
+                this.cu("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.c));
             }
         },
         enumerable: true,
@@ -497,7 +506,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.a;
             this.a = a;
             if (b != this.a) {
-                this.cr("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.a));
+                this.cu("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.a));
             }
         },
         enumerable: true,
@@ -511,69 +520,69 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.cr("TextStyle", b, this.aa);
+                this.cu("TextStyle", b, this.aa);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "da", {
+    Object.defineProperty(DatePicker.prototype, "dd", {
         get: function () {
-            return this.c7;
+            return this.da;
         },
         set: function (a) {
-            var b = this.c7;
-            this.c7 = a;
-            if (b != this.c7) {
-                this.cr("TextColor", b, this.c7);
+            var b = this.da;
+            this.da = a;
+            if (b != this.da) {
+                this.cu("TextColor", b, this.da);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "c8", {
+    Object.defineProperty(DatePicker.prototype, "db", {
         get: function () {
-            return this.c5;
+            return this.c8;
         },
         set: function (a) {
-            var b = this.c5;
-            this.c5 = a;
-            if (b != this.c5) {
-                this.cr("IconColor", b, this.c5);
+            var b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.cu("IconColor", b, this.c8);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "aq", {
+    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.cr("ShowClearButton", b, this.aj);
+            var b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.cu("ShowClearButton", b, this.ak);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "ar", {
+    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.cr("ShowTodayButton", b, this.ak);
+            var b = this.al;
+            this.al = a;
+            if (b != this.al) {
+                this.cu("ShowTodayButton", b, this.al);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "ao", {
+    Object.defineProperty(DatePicker.prototype, "ap", {
         get: function () {
             return this.ag;
         },
@@ -581,21 +590,21 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cr("AllowTextInput", b, this.ag);
+                this.cu("AllowTextInput", b, this.ag);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "ap", {
+    Object.defineProperty(DatePicker.prototype, "ar", {
         get: function () {
-            return this.ai;
+            return this.aj;
         },
         set: function (a) {
-            var b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
-                this.cr("OpenOnFocus", b, this.ai);
+            var b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.cu("OpenOnFocus", b, this.aj);
             }
         },
         enumerable: true,
@@ -609,7 +618,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.m;
             this.m = a;
             if (b != this.m) {
-                this.cr("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.m));
+                this.cu("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.m));
             }
         },
         enumerable: true,
@@ -623,21 +632,21 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.o;
             this.o = a;
             if (b != this.o) {
-                this.cr("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.o));
+                this.cu("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.o));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "as", {
+    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.cr("ShowWeekNumbers", b, this.al);
+            var b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.cu("ShowWeekNumbers", b, this.am);
             }
         },
         enumerable: true,
@@ -651,56 +660,70 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             var b = this.h;
             this.h = a;
             if (this.h != b) {
-                this.cr("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.h));
+                this.cu("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.h));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(DatePicker.prototype, "bm", {
+    Object.defineProperty(DatePicker.prototype, "bo", {
         get: function () {
-            return this.a6;
+            return this.a8;
         },
         set: function (a) {
-            var b = this.a6;
-            this.a6 = a;
-            if (b != this.a6) {
-                this.cr("FormatString", b, this.a6);
+            var b = this.a8;
+            this.a8 = a;
+            if (b != this.a8) {
+                this.cu("FormatString", b, this.a8);
             }
         },
         enumerable: true,
         configurable: true
     });
-    DatePicker.prototype.cr = function (a, b, c) {
+    Object.defineProperty(DatePicker.prototype, "aq", {
+        get: function () {
+            return this.ai;
+        },
+        set: function (a) {
+            var b = this.ai;
+            this.ai = a;
+            if (b != this.ai) {
+                this.cu("IsDisabled", b, this.ai);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DatePicker.prototype.cu = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.cu(a, b, c);
+        this.cx(a, b, c);
     };
-    DatePicker.prototype.cu = function (a, b, c) {
+    DatePicker.prototype.cx = function (a, b, c) {
         switch (a) {
             case "Density":
-                this.cx();
+                this.c0();
                 break;
             case "BaseTheme":
-                this.cy();
+                this.c1();
                 break;
             case "Value":
-                if (+(this.a1) != +(dateMinValue())) {
-                    if (dateGetDate(this.a1) < dateGetDate(this.az) || dateGetDate(this.a1) > dateGetDate(this.ay)) {
-                        this.a1 = this.av;
+                if (+(this.a3) != +(dateMinValue())) {
+                    if (dateGetDate(this.a3) < dateGetDate(this.a1) || dateGetDate(this.a3) > dateGetDate(this.a0)) {
+                        this.a3 = this.ax;
                     }
                 }
-                this.cs(this.av, this.a1);
-                this.av = this.a1;
+                this.cv(this.ax, this.a3);
+                this.ax = this.a3;
                 if (this.g != null) {
-                    this.g.at = this.a1;
+                    this.g.aw = this.a3;
                 }
                 break;
             case "Label":
                 if (this.v != null) {
-                    this.v.text = this.bp;
-                    if (this.bp != null && this.bp != "") {
+                    this.v.text = this.bs;
+                    if (this.bs != null && this.bs != "") {
                         if (!this.u.inputs.contains(this.v)) {
                             this.u.inputs.insert(0, this.v);
                         }
@@ -714,48 +737,48 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                 break;
             case "Placeholder":
                 if (this.s != null) {
-                    this.s.b8 = this.bw;
-                    this.l.ao(this.bw);
+                    this.s.cb = this.bz;
+                    this.l.ao(this.bz);
                 }
                 break;
             case "Today":
                 if (this.g != null) {
-                    this.g.as = this.a0;
+                    this.g.av = this.a2;
                 }
                 break;
             case "MaxDate":
                 if (this.g != null) {
-                    var d = Base.compareSimple(this.az, this.ay);
+                    var d = Base.compareSimple(this.a1, this.a0);
                     if (d >= 0) {
-                        this.ay = dateMaxValue();
+                        this.a0 = dateMaxValue();
                     }
-                    this.g.aq = this.at;
+                    this.g.at = this.av;
                 }
-                if (dateGetDate(this.a1) > dateGetDate(this.ay)) {
-                    this.av = dateMinValue();
-                    this.a1 = dateMinValue();
+                if (dateGetDate(this.a3) > dateGetDate(this.a0)) {
+                    this.ax = dateMinValue();
+                    this.a3 = dateMinValue();
                 }
                 break;
             case "MinDate":
                 if (this.g != null) {
-                    this.g.ar = this.au;
-                    var e = Base.compareSimple(this.az, this.ay);
+                    this.g.au = this.aw;
+                    var e = Base.compareSimple(this.a1, this.a0);
                     if (e >= 0) {
-                        this.av = dateMaxValue();
-                        this.g.aq = this.ay;
+                        this.ax = dateMaxValue();
+                        this.g.at = this.a0;
                     }
                 }
-                if (dateGetDate(this.a1) < dateGetDate(this.az)) {
-                    this.av = dateMinValue();
-                    this.a1 = dateMinValue();
+                if (dateGetDate(this.a3) < dateGetDate(this.a1)) {
+                    this.ax = dateMinValue();
+                    this.a3 = dateMinValue();
                 }
                 break;
             case "TextStyle":
-                this.c1();
+                this.c4();
                 break;
             case "ShowClearButton":
                 if (this.s != null) {
-                    if (this.s.cg != "") {
+                    if (this.s.cj != "") {
                         this.l.am();
                     }
                 }
@@ -764,47 +787,57 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             case "LabelTextStyle":
             case "TextColor":
             case "IconColor":
-                this.c2();
+                this.c5();
                 break;
             case "ShowTodayButton":
                 if (this.g != null) {
-                    this.g.z = this.ar;
+                    this.g.ae = this.at;
                 }
                 break;
             case "AllowTextInput":
                 if (this.s != null) {
-                    this.s.disabled = !this.ao;
+                    this.s.disabled = !this.ap;
                 }
                 break;
             case "OpenOnFocus": break;
             case "DateFormat":
-                this.e.j(this.i);
-                this.c0();
+                this.e.k(this.i);
+                this.c3();
                 break;
             case "FormatString":
-                this.b7();
-                this.c0();
+                this.ca();
+                this.c3();
                 break;
             case "FirstDayOfWeek":
                 if (this.g != null) {
-                    this.g.n = this.n;
+                    this.g.p = this.n;
                 }
                 break;
             case "ShowWeekNumbers":
                 if (this.g != null) {
-                    this.g.aa = this.as;
+                    this.g.af = this.au;
                 }
                 break;
             case "FirstWeekOfYear":
                 if (this.g != null) {
-                    this.g.q = this.p;
+                    this.g.s = this.p;
+                }
+                break;
+            case "IsDisabled":
+                {
+                    if (this.u != null) {
+                        this.u.disabled = this.aq;
+                    }
+                    if (this.s != null) {
+                        this.s.disabled = this.aq;
+                    }
                 }
                 break;
         }
     };
-    DatePicker.prototype.b7 = function () {
+    DatePicker.prototype.ca = function () {
         var a = '/';
-        var b = this.bm.toLowerCase();
+        var b = this.bo != null ? this.bo.toLowerCase() : this.e.j();
         if (stringContains(b, "/")) {
             a = '/';
         }
@@ -820,7 +853,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         else if (stringContains(b, ",")) {
             a = ',';
         }
-        this.ba = a.toString();
+        this.bc = a.toString();
         var c = b.split(a);
         if (c.length == 3) {
             var d = "";
@@ -829,19 +862,19 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                     d += "d";
                     switch (c[e]) {
                         case "d":
-                            this.a4 = c[e];
+                            this.a6 = c[e];
                             break;
                         case "dd":
-                            this.a4 = c[e];
+                            this.a6 = c[e];
                             break;
                         case "ddd":
-                            this.a4 = c[e];
+                            this.a6 = c[e];
                             break;
                         case "dddd":
-                            this.a4 = c[e];
+                            this.a6 = c[e];
                             break;
                         default:
-                            this.a4 = "dd";
+                            this.a6 = "dd";
                             break;
                     }
                 }
@@ -849,125 +882,125 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                     d += "m";
                     switch (c[e]) {
                         case "m":
-                            this.a8 = c[e];
+                            this.ba = c[e];
                             break;
                         case "mm":
-                            this.a8 = c[e];
+                            this.ba = c[e];
                             break;
                         case "mmm":
-                            this.a8 = c[e];
+                            this.ba = c[e];
                             break;
                         case "mmmm":
-                            this.a8 = c[e];
+                            this.ba = c[e];
                             break;
                         default:
-                            this.a8 = "mm";
+                            this.ba = "mm";
                             break;
                     }
-                    this.a8 = c[e];
+                    this.ba = c[e];
                 }
                 else if (stringContains(c[e], "y")) {
                     d += "y";
                     switch (c[e]) {
                         case "yy":
-                            this.bb = c[e];
+                            this.bd = c[e];
                             break;
                         case "yyyy":
-                            this.bb = c[e];
+                            this.bd = c[e];
                             break;
                         default:
-                            this.bb = "yyyy";
+                            this.bd = "yyyy";
                             break;
                     }
                 }
             }
             if (d == "dmy" || d == "mdy" || d == "ymd") {
-                this.a5 = d;
+                this.a7 = d;
             }
             else {
-                this.a5 = "mdy";
+                this.a7 = "mdy";
             }
         }
     };
-    DatePicker.prototype.c2 = function () {
+    DatePicker.prototype.c5 = function () {
         if (this.s != null) {
-            this.s.dv = this.da;
+            this.s.dy = this.dd;
         }
         if (this.q != null) {
-            this.q.fill = this.c8;
+            this.q.fill = this.db;
         }
         if (this.r != null) {
-            this.r.fill = this.c8;
+            this.r.fill = this.db;
         }
         if (this.v != null) {
-            this.v.dc = this.c9;
+            this.v.df = this.dc;
             this.v.y = this.ac;
         }
     };
-    DatePicker.prototype.cz = function () {
+    DatePicker.prototype.c2 = function () {
         if (this.u != null) {
         }
     };
-    DatePicker.prototype.c1 = function () {
+    DatePicker.prototype.c4 = function () {
         if (this.aa != null) {
             this.s.ac = this.aa;
         }
     };
-    DatePicker.prototype.ca = function () {
-        this.u = new InputGroup();
+    DatePicker.prototype.cd = function () {
+        this.u = new XInputGroup();
         this.l.ah(this.u);
         this.u.k = 0;
         this.u.d = this.b;
         this.u.h = this.d;
-        this.v = new Label();
+        this.v = new XLabel();
         this.l.aj(this.v);
-        this.v.dc = this.c9;
+        this.v.df = this.dc;
         this.v.y = this.ac;
         this.u.appendContentChild(this.l.s());
-        if (this.bp != null && this.bp != "") {
-            this.v.text = this.bp;
+        if (this.bs != null && this.bs != "") {
+            this.v.text = this.bs;
             this.u.inputs.add(this.v);
         }
-        this.s = new Input();
+        this.s = new XInput();
         this.l.ai(this.s);
-        this.s.b1 = "text";
+        this.s.b3 = "text";
         if (this.aa != null) {
             this.s.ac = this.aa;
         }
-        this.s.disabled = !this.ao;
-        this.s.dv = this.da;
+        this.s.disabled = !this.ap;
+        this.s.dy = this.dd;
         this.u.appendContentChild(this.l.r());
         this.u.inputs.add(this.s);
-        this.s.b8 = this.bw;
-        this.l.ao(this.bw);
+        this.s.cb = this.bz;
+        this.l.ao(this.bz);
         var a = this.s;
-        a.change = delegateCombine(a.change, runOn(this, this.ch));
+        a.change = delegateCombine(a.change, runOn(this, this.ck));
         var b = this.s;
-        b.changing = delegateCombine(b.changing, runOn(this, this.ci));
+        b.changing = delegateCombine(b.changing, runOn(this, this.cl));
         var c = this.s;
-        c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cj));
-        var d = new Suffix();
+        c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cm));
+        var d = new XSuffix();
         this.l.al(d, this.l.o());
-        this.q = new Icon();
+        this.q = new XIcon();
         this.l.ag(this.q, this.l.n());
-        this.q.svgPath = DatePicker.bf;
-        this.q.fill = this.c8;
+        this.q.svgPath = DatePicker.bh;
+        this.q.fill = this.db;
         d.appendContentChild(this.l.n());
         this.u.appendContentChild(this.l.o());
         this.u.inputs.add(d);
-        this.c0();
-        var e = new Suffix();
+        this.c3();
+        var e = new XSuffix();
         this.l.al(e, this.l.q());
-        this.r = new Icon();
+        this.r = new XIcon();
         this.l.ag(this.r, this.l.p());
-        this.r.svgPath = DatePicker.be;
-        this.r.fill = this.c8;
+        this.r.svgPath = DatePicker.bg;
+        this.r.fill = this.db;
         e.appendContentChild(this.l.p());
         this.u.appendContentChild(this.l.q());
         this.u.inputs.add(e);
     };
-    DatePicker.prototype.cj = function (a, b) {
-        this.cp(b);
+    DatePicker.prototype.cm = function (a, b) {
+        this.cs(b);
         if (b.defaultPrevented) {
             return;
         }
@@ -975,38 +1008,38 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         var d = b.modifiers;
         switch (c) {
             case 9:
-                this.am = true;
-                if (!this.an) {
-                    this.c4(this.s.cg);
+                this.an = true;
+                if (!this.ao) {
+                    this.c7(this.s.cj);
                 }
-                this.b9();
                 this.ah = true;
-                this.am = false;
+                this.cc();
+                this.an = false;
                 break;
             case 13:
-                this.am = true;
-                if (!this.an) {
-                    this.c4(this.s.cg);
+                this.an = true;
+                if (!this.ao) {
+                    this.c7(this.s.cj);
                 }
-                this.b9();
                 this.ah = true;
-                this.am = false;
+                this.cc();
+                this.an = false;
                 break;
             case 40:
                 if (d == 1) {
-                    this.ct();
-                    this.ce();
+                    this.cw();
+                    this.ch();
                 }
                 break;
             case 38:
                 if (d == 1) {
-                    this.b9();
+                    this.cc();
                 }
                 break;
         }
     };
-    DatePicker.prototype.ci = function (a, b) {
-        this.cl(b);
+    DatePicker.prototype.cl = function (a, b) {
+        this.co(b);
         if (b.value.length > 0) {
             this.l.am();
         }
@@ -1014,12 +1047,12 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             this.l.ab();
         }
     };
-    DatePicker.prototype.ch = function (a, b) {
-        this.an = true;
-        this.c4(b.value);
-        this.an = false;
+    DatePicker.prototype.ck = function (a, b) {
+        this.ao = true;
+        this.c7(b.value);
+        this.ao = false;
     };
-    DatePicker.prototype.c4 = function (a) {
+    DatePicker.prototype.c7 = function (a) {
         var b = ['/', '-', ' ', '.', ','];
         var c = stringSplit(a, b, 1);
         var d = 0;
@@ -1030,17 +1063,17 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
                 g = false;
             }
-            if (this.a5 == "dmy") {
+            if (this.a7 == "dmy") {
                 d = parseInt(c[0]);
                 e = parseInt(c[1]);
                 f = parseInt(c[2]);
             }
-            else if (this.a5 == "mdy") {
+            else if (this.a7 == "mdy") {
                 e = parseInt(c[0]);
                 d = parseInt(c[1]);
                 f = parseInt(c[2]);
             }
-            else if (this.a5 == "ymd") {
+            else if (this.a7 == "ymd") {
                 f = parseInt(c[0]);
                 e = parseInt(c[1]);
                 d = parseInt(c[2]);
@@ -1053,13 +1086,13 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
             if (isNaN_(e)) {
                 var h = "";
-                if (this.a5 == "dmy") {
+                if (this.a7 == "dmy") {
                     h = c[1].toLowerCase();
                 }
-                else if (this.a5 == "mdy") {
+                else if (this.a7 == "mdy") {
                     h = c[0].toLowerCase();
                 }
-                else if (this.a5 == "ymd") {
+                else if (this.a7 == "ymd") {
                     h = c[1].toLowerCase();
                 }
                 var i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
@@ -1135,41 +1168,41 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         if (g) {
             var ag = dateFromValues(f, e, d, 0, 0, 0, 0);
-            var ah = Base.compareSimple(ag, this.az);
-            var ai = Base.compareSimple(ag, this.ay);
+            var ah = Base.compareSimple(ag, this.a1);
+            var ai = Base.compareSimple(ag, this.a0);
             if (ah < 0 || ai > 0) {
-                this.c0();
+                this.c3();
             }
             else {
-                this.c3(ag);
+                this.c6(ag);
                 this.l.am();
             }
         }
         else {
-            this.c0();
+            this.c3();
         }
     };
-    DatePicker.prototype.c3 = function (a) {
-        var b = this.a1;
-        this.a1 = a;
+    DatePicker.prototype.c6 = function (a) {
+        var b = this.a3;
+        this.a3 = a;
     };
-    DatePicker.prototype.c0 = function () {
+    DatePicker.prototype.c3 = function () {
         if (this.s != null) {
-            if (+(this.ax) != +(dateMinValue())) {
+            if (+(this.az) != +(dateMinValue())) {
                 var a = "";
-                if (this.bm == null) {
-                    a = this.e.i(this.a1);
+                if (this.bo == null) {
+                    a = this.e.i(this.a3);
                 }
                 else {
-                    var b = this.a1.getDate().toString();
+                    var b = this.a3.getDate().toString();
                     var c = b;
-                    if (this.a4 == "dd") {
-                        if (this.a1.getDate() < 10) {
+                    if (this.a6 == "dd") {
+                        if (this.a3.getDate() < 10) {
                             b = "0" + b;
                         }
                     }
-                    else if (this.a4 == "ddd") {
-                        switch (this.a1.getDay()) {
+                    else if (this.a6 == "ddd") {
+                        switch (this.a3.getDay()) {
                             case 0:
                                 b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
                                 break;
@@ -1193,8 +1226,8 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                                 break;
                         }
                     }
-                    else if (this.a4 == "dddd") {
-                        switch (this.a1.getDay()) {
+                    else if (this.a6 == "dddd") {
+                        switch (this.a3.getDay()) {
                             case 0:
                                 b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
                                 break;
@@ -1218,14 +1251,14 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                                 break;
                         }
                     }
-                    var d = dateGetMonth(this.a1).toString();
-                    if (this.a8 == "mm") {
-                        if (dateGetMonth(this.a1) < 10) {
+                    var d = dateGetMonth(this.a3).toString();
+                    if (this.ba == "mm") {
+                        if (dateGetMonth(this.a3) < 10) {
                             d = "0" + d;
                         }
                     }
-                    else if (this.a8 == "mmm") {
-                        switch (dateGetMonth(this.a1)) {
+                    else if (this.ba == "mmm") {
+                        switch (dateGetMonth(this.a3)) {
                             case 1:
                                 d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
                                 break;
@@ -1264,8 +1297,8 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                                 break;
                         }
                     }
-                    else if (this.a8 == "mmmm") {
-                        switch (dateGetMonth(this.a1)) {
+                    else if (this.ba == "mmmm") {
+                        switch (dateGetMonth(this.a3)) {
                             case 1:
                                 d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
                                 break;
@@ -1304,131 +1337,138 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
                                 break;
                         }
                     }
-                    var e = this.a1.getFullYear().toString();
-                    if (this.bb == "yy") {
+                    var e = this.a3.getFullYear().toString();
+                    if (this.bd == "yy") {
                         e = e.substr(2);
                     }
-                    if (this.a5 == "dmy") {
-                        if (this.a4 == "ddd" || this.a4 == "dddd") {
-                            a = b + this.ba + d + " " + c + this.ba + e;
+                    if (this.a7 == "dmy") {
+                        if (this.a6 == "ddd" || this.a6 == "dddd") {
+                            a = b + this.bc + d + " " + c + this.bc + e;
                         }
                         else {
-                            a = b + this.ba + d + this.ba + e;
+                            a = b + this.bc + d + this.bc + e;
                         }
                     }
-                    else if (this.a5 == "mdy") {
-                        if (this.a4 == "ddd" || this.a4 == "dddd") {
-                            a = d + " " + c + this.ba + b + this.ba + e;
+                    else if (this.a7 == "mdy") {
+                        if (this.a6 == "ddd" || this.a6 == "dddd") {
+                            a = d + " " + c + this.bc + b + this.bc + e;
                         }
                         else {
-                            a = d + this.ba + b + this.ba + e;
+                            a = d + this.bc + b + this.bc + e;
                         }
                     }
-                    else if (this.a5 == "ymd") {
-                        if (this.a4 == "ddd" || this.a4 == "dddd") {
-                            a = e + this.ba + d + " " + c + this.ba + b;
+                    else if (this.a7 == "ymd") {
+                        if (this.a6 == "ddd" || this.a6 == "dddd") {
+                            a = e + this.bc + d + " " + c + this.bc + b;
                         }
                         else {
-                            a = e + this.ba + d + this.ba + b;
+                            a = e + this.bc + d + this.bc + b;
                         }
                     }
                 }
-                this.s.cg = a;
+                this.s.cj = a;
                 this.l.am();
             }
             else {
-                this.s.cg = "";
+                this.s.cj = "";
                 this.l.ab();
             }
         }
     };
-    DatePicker.prototype.b8 = function () {
+    DatePicker.prototype.cb = function () {
         if (this.s != null) {
-            this.s.cg = "";
+            this.s.cj = "";
         }
-        this.a1 = dateMinValue();
-        this.g.cg();
+        this.a3 = dateMinValue();
+        this.g.ch();
     };
-    DatePicker.prototype.cb = function () {
+    DatePicker.prototype.ce = function () {
         this.y = new Popup();
         this.l.ak(this.y);
-        this.g = new Calendar();
+        this.g = new XCalendar();
         this.l.af(this.g);
-        if (+(this.az) != +(dateMinValue())) {
-            this.g.ar = this.az;
+        if (+(this.a1) != +(dateMinValue())) {
+            this.g.au = this.a1;
         }
-        if (+(this.ay) != +(dateMaxValue())) {
-            this.g.aq = this.ay;
+        if (+(this.a0) != +(dateMaxValue())) {
+            this.g.at = this.a0;
         }
-        if (+(this.a0) != +(dateMinValue())) {
-            this.g.as = this.a0;
+        if (+(this.a2) != +(dateMinValue())) {
+            this.g.av = this.a2;
         }
-        this.g.z = this.ar;
-        this.g.n = this.n;
-        this.g.aa = this.as;
-        this.g.q = this.p;
+        this.g.ae = this.at;
+        this.g.p = this.n;
+        this.g.af = this.au;
+        this.g.s = this.p;
         var a = this.g;
-        a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.b6));
+        a.valueChanged = delegateCombine(a.valueChanged, runOn(this, this.b9));
         var b = this.g;
-        b.close = delegateCombine(b.close, runOn(this, this.b5));
+        b.close = delegateCombine(b.close, runOn(this, this.b8));
         this.y.appendPopupContent(this.l.m());
     };
-    DatePicker.prototype.b6 = function (a, b) {
-        this.a1 = b.newValue;
+    DatePicker.prototype.b9 = function (a, b) {
+        this.a3 = b.newValue;
     };
-    DatePicker.prototype.b5 = function (a) {
+    DatePicker.prototype.b8 = function (a) {
         if (this.y.t) {
-            this.b9();
             this.ah = true;
+            this.cc();
         }
     };
-    DatePicker.prototype.cg = function () {
+    DatePicker.prototype.cj = function () {
         if (this.ah == false) {
             if (this.y.t) {
-                this.b9();
+                this.cc();
             }
             else {
-                this.ct();
+                this.cw();
             }
         }
         else {
             this.ah = false;
         }
     };
-    DatePicker.prototype.ct = function () {
+    DatePicker.prototype.cw = function () {
+        if (this.aq) {
+            return;
+        }
         var a = this.l.ap();
         if (this.y != null) {
             this.y.showRelativeToExclusionRect(a, 0, 0);
         }
         this.l.an(true);
     };
-    DatePicker.prototype.b9 = function () {
+    DatePicker.prototype.cc = function () {
+        var _this = this;
         if (this.y != null) {
-            this.y.ao();
+            window.setTimeout(function () { return _this.y.ao(); }, 0);
         }
         if (this.g != null) {
-            this.g.cr();
+            this.g.cy();
         }
         this.l.an(false);
         this.ah = false;
     };
-    DatePicker.prototype.focus = function () {
+    DatePicker.prototype.focus = function (a) {
         var _this = this;
+        if (a === void 0) {
+            a = false;
+        }
         if (this.s != null) {
-            this.s.focus();
+            this.s.focus(a);
         }
-        if (!this.y.t) {
+        if (!this.y.t && this.ar == true) {
             if (this.ah == false) {
-                if (this.ao == false) {
-                    this.ct();
+                if (this.ap == false) {
+                    this.cw();
                     this.ah = true;
-                    window.setTimeout(function () { return _this.ce(); }, 0);
+                    window.setTimeout(function () { return _this.ch(); }, 0);
                 }
                 else {
-                    if (this.ap == true && this.am == false) {
-                        this.ct();
+                    if (this.ar == true && this.an == false) {
+                        this.cw();
                         this.ah = true;
-                        window.setTimeout(function () { return _this.ce(); }, 0);
+                        window.setTimeout(function () { return _this.ch(); }, 0);
                     }
                 }
             }
@@ -1437,32 +1477,33 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
             }
         }
     };
-    DatePicker.prototype.cf = function () {
+    DatePicker.prototype.ci = function () {
+        this.ah = false;
     };
-    DatePicker.prototype.cw = function () {
+    DatePicker.prototype.cz = function () {
         if (this.s != null) {
-            this.s.dd();
+            this.s.dg();
         }
     };
-    DatePicker.prototype.ce = function () {
-        this.g.cj();
+    DatePicker.prototype.ch = function () {
+        this.g.cq();
     };
-    DatePicker.prototype.cm = function () {
+    DatePicker.prototype.cp = function () {
         var a = new GotFocusEventArgs();
-        this.co(a);
+        this.cr(a);
     };
-    DatePicker.prototype.cn = function () {
+    DatePicker.prototype.cq = function () {
         var a = new LostFocusEventArgs();
-        this.cq(a);
+        this.ct(a);
     };
-    DatePicker.prototype.cy = function () {
+    DatePicker.prototype.c1 = function () {
     };
-    DatePicker.prototype.cx = function () {
+    DatePicker.prototype.c0 = function () {
     };
-    DatePicker.prototype.a3 = function () {
+    DatePicker.prototype.a5 = function () {
         return this.f();
     };
-    DatePicker.prototype.bj = function () {
+    DatePicker.prototype.bl = function () {
         var a = this.f();
         return a.g();
     };
@@ -1472,7 +1513,7 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         a.a = this.b;
         a.e = this.y.ab();
         a.d = this.u.ia();
-        a.c = this.g.bg();
+        a.c = this.g.bj();
         if (this.ad != null) {
             var b = this.ad;
             if (this.l != null && b.n == null) {
@@ -1503,29 +1544,29 @@ var DatePicker = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return a;
     };
-    DatePicker.prototype.co = function (a) {
+    DatePicker.prototype.cr = function (a) {
         if (null != this.gotFocus) {
             this.gotFocus(this, a);
         }
     };
-    DatePicker.prototype.cq = function (a) {
+    DatePicker.prototype.ct = function (a) {
         if (null != this.lostFocus) {
             this.lostFocus(this, a);
         }
     };
-    DatePicker.prototype.cp = function (a) {
+    DatePicker.prototype.cs = function (a) {
         if (null != this.keyDown) {
             this.keyDown(this, a);
         }
     };
-    DatePicker.prototype.cl = function (a) {
+    DatePicker.prototype.co = function (a) {
         if (null != this.changing) {
             this.changing(this, a);
         }
     };
     DatePicker.$t = markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
-    DatePicker.be = "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.bf = "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.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.ab = null;
     return DatePicker;
 }(Base));