igniteui-angular-inputs 17.3.1-alpha.0 → 18.1.0

package/esm2015/lib/DatePickerView_combined.js

@@ -59,7 +59,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         ak(a) {
             if (a == null) {
-                this.b.cq();
+                this.b.cr();
                 if (this.d != null) {
                     let b = this.d.rootWrapper.getChildAt(0);
                     b.unlistenAll();
@@ -85,7 +85,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         ad() {
             if (this.d != null) {
                 this.k = this.d.rootWrapper.getChildAt(0);
-                this.k.setAttribute("tabIndex", this.b.be.toString());
+                this.k.setAttribute("tabIndex", this.b.bf.toString());
                 this.k.setStyleProperty("display", "flex");
                 this.k.setStyleProperty("height", "100%");
                 this.l = this.d.createElement("div");
@@ -98,7 +98,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.i = this.d.createElement("div");
                 this.i.setAttribute("aria-hidden", "true");
                 this.h = this.d.createElement("div");
-                this.b.cr();
+                this.b.cs();
                 this.j.getChildAt(0).setAttribute("aria-expanded", "fasle");
                 this.j.getChildAt(0).setAttribute("aria-invalid", "false");
                 this.f.setStyleProperty("height", "16px");
@@ -184,7 +184,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         av() {
             if (this.f != null) {
-                if (this.b.az == true) {
+                if (this.b.a0 == true) {
                     this.f.show();
                 }
                 else {
@@ -198,7 +198,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             }
         }
         ax() {
-            this.k.setAttribute("tabIndex", this.b.be.toString());
+            this.k.setAttribute("tabIndex", this.b.bf.toString());
         }
         an() {
             this.o.observe(document, { childList: true, subtree: true });
@@ -213,9 +213,9 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.e.setStyleProperty("width", "100%");
                 this.e.setStyleProperty("height", "100%");
                 this.e.setStyleProperty("display", "flex");
-                this.b.cs();
+                this.b.ct();
                 this.e.parent().setStyleProperty("height", "100%");
-                if (this.b.a1 == true) {
+                if (this.b.a2 == true) {
                     this.e.parent().parent().setStyleProperty("max-width", "245px");
                 }
                 else {
@@ -225,7 +225,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         z() {
             if (this.d != null) {
-                if (this.b.a1 == true) {
+                if (this.b.a2 == true) {
                     this.e.parent().parent().setStyleProperty("max-width", "245px");
                 }
                 else {
@@ -254,60 +254,60 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             if (this.b.av == true) {
                 return;
             }
-            this.b.cp();
+            this.b.cq();
             if (this.f != null) {
                 this.f.hide();
             }
         }
         aa(a) {
-            this.b.c8();
+            this.b.c9();
         }
         ab(a) {
-            this.b.c9();
+            this.b.da();
         }
         ag(a) {
             a.stopPropagation();
-            this.b.cx();
+            this.b.cy();
         }
         y(a) {
             let b = a.which;
             if (b == 27) {
-                this.b.cq();
+                this.b.cr();
             }
         }
         w(a) {
             this.b.focus();
             let b = (a.originalEvent.relatedTarget);
             if (!this.c(b)) {
-                this.b.c3();
+                this.b.c4();
             }
         }
         x(a) {
             let b = (a.originalEvent.relatedTarget);
             if (!this.c(b)) {
-                this.b.cw();
-                this.b.c4();
+                this.b.cx();
+                this.b.c5();
             }
         }
         al(a, b) {
             if (this.d != null) {
                 let c = this.d.rootWrapper.getNativeElement();
                 if (!document.documentElement.contains(c)) {
-                    this.b.cq();
+                    this.b.cr();
                 }
             }
             else {
-                this.b.cq();
+                this.b.cr();
             }
         }
         document_Click(a) {
             let b = a.target;
             if (!this.c(b)) {
-                this.b.cq();
+                this.b.cr();
             }
         }
         window_Resize(a) {
-            this.b.dm();
+            this.b.dn();
         }
         a0(a) {
             if (this.d != null) {
@@ -345,8 +345,8 @@ export let DatePickerView = /*@__PURE__*/ (() => {
 /**
  * @hidden
  */
-export let DatePicker = /*@__PURE__*/ (() => {
-    class DatePicker extends Base {
+export let XDatePicker = /*@__PURE__*/ (() => {
+    class XDatePicker extends Base {
         constructor() {
             super();
             this.h = null;
@@ -357,32 +357,32 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.m = null;
             this.n = null;
             this.c = null;
-            this.bg = "dd";
-            this.bk = "mm";
-            this.bn = "yyyy";
-            this.bh = "mdy";
-            this.bm = "/";
+            this.bh = "dd";
+            this.bl = "mm";
+            this.bo = "yyyy";
+            this.bi = "mdy";
+            this.bn = "/";
             this.ah = false;
             this.at = false;
             this.ar = false;
-            this.a5 = dateMinValue();
+            this.a6 = dateMinValue();
             this.ai = false;
             this.propertyChanged = null;
             this.selectedValueChanged = null;
             this.ae = null;
+            this.a8 = dateMinValue();
             this.a7 = dateMinValue();
-            this.a6 = dateMinValue();
-            this.bj = "";
-            this.dt = BrushUtil.h(255, 24, 29, 31);
+            this.bk = "";
+            this.du = BrushUtil.h(255, 24, 29, 31);
             this.z = null;
-            this.bl = "";
-            this.a4 = dateMinValue();
-            this.a3 = dateMaxValue();
+            this.bm = "";
+            this.a5 = dateMinValue();
+            this.a4 = dateMaxValue();
             this.x = 2;
             this.v = 1;
             this.aa = null;
-            this.du = BrushUtil.h(255, 24, 29, 31);
-            this.ds = BrushUtil.h(255, 163, 172, 184);
+            this.dv = BrushUtil.h(255, 24, 29, 31);
+            this.dt = BrushUtil.h(255, 163, 172, 184);
             this.ao = true;
             this.ap = false;
             this.ag = true;
@@ -392,9 +392,9 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.aq = false;
             this.a = new DateTimeValueFormatter();
             this.d = 0;
-            this.bi = null;
+            this.bj = null;
             this.aj = false;
-            this.bd = 0;
+            this.be = 0;
             this.ak = false;
             this.am = false;
             this.as = false;
@@ -407,14 +407,14 @@ export let DatePicker = /*@__PURE__*/ (() => {
             a.b = this;
             this.h = a;
             this.h.am();
-            this.co();
+            this.cp();
         }
-        db(a, b) {
+        dc(a, b) {
             if (this.u != null) {
                 this.ah = true;
-                this.cq();
+                this.cr();
             }
-            this.dl();
+            this.dm();
             if (this.selectedValueChanged != null) {
                 this.selectedValueChanged(this, ((() => {
                     let $ret = new SelectedValueChangedEventArgs();
@@ -424,7 +424,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 })()));
             }
             if (this.ai) {
-                this.df();
+                this.dg();
             }
         }
         notifySizeChanged() {
@@ -433,9 +433,9 @@ export let DatePicker = /*@__PURE__*/ (() => {
         destroy() {
             if (this.c != null) {
                 let a = this.c;
-                a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.cn));
+                a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.co));
                 let b = this.c;
-                b.close = delegateRemove(b.close, runOn(this, this.cm));
+                b.close = delegateRemove(b.close, runOn(this, this.cn));
             }
             this.provideContainer(null);
         }
@@ -453,44 +453,44 @@ export let DatePicker = /*@__PURE__*/ (() => {
             return this.ae;
         }
         get value() {
-            return this.a7;
+            return this.a8;
         }
         set value(a) {
-            let b = this.a7;
-            this.a5 = b;
-            this.a7 = a;
-            if (+b != +(this.a7)) {
-                this.da("Value", b, this.a7);
+            let b = this.a8;
+            this.a6 = b;
+            this.a8 = a;
+            if (+b != +(this.a8)) {
+                this.db("Value", b, this.a8);
             }
         }
-        get ba() {
-            return this.a6;
+        get bb() {
+            return this.a7;
         }
-        set ba(a) {
-            let b = this.a6;
-            this.a6 = a;
-            if (+b != +(this.a6)) {
-                this.da("Today", b, this.a6);
+        set bb(a) {
+            let b = this.a7;
+            this.a7 = a;
+            if (+b != +(this.a7)) {
+                this.db("Today", b, this.a7);
             }
         }
-        get b3() {
-            return this.bj;
+        get b4() {
+            return this.bk;
         }
-        set b3(a) {
-            let b = this.bj;
-            this.bj = a;
-            if (b != this.bj) {
-                this.da("Label", b, this.bj);
+        set b4(a) {
+            let b = this.bk;
+            this.bk = a;
+            if (b != this.bk) {
+                this.db("Label", b, this.bk);
             }
         }
-        get dw() {
-            return this.dt;
+        get dx() {
+            return this.du;
         }
-        set dw(a) {
-            let b = this.dt;
-            this.dt = a;
-            if (b != this.dt) {
-                this.da("LabelTextColor", b, a);
+        set dx(a) {
+            let b = this.du;
+            this.du = a;
+            if (b != this.du) {
+                this.db("LabelTextColor", b, a);
             }
         }
         get ac() {
@@ -500,17 +500,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.da("LabelTextStyle", b, this.z);
+                this.db("LabelTextStyle", b, this.z);
+            }
+        }
+        get cc() {
+            return this.bm;
+        }
+        set cc(a) {
+            let b = this.bm;
+            this.bm = a;
+            if (b != this.bm) {
+                this.db("Placeholder", b, this.bm);
             }
         }
-        get cb() {
-            return this.bl;
+        get ba() {
+            return this.a5;
         }
-        set cb(a) {
-            let b = this.bl;
-            this.bl = a;
-            if (b != this.bl) {
-                this.da("Placeholder", b, this.bl);
+        set ba(a) {
+            let b = this.a5;
+            this.a5 = a;
+            if (+b != +(this.a5)) {
+                this.db("MinDate", b, this.a5);
             }
         }
         get a9() {
@@ -520,17 +530,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.a4;
             this.a4 = a;
             if (+b != +(this.a4)) {
-                this.da("MinDate", b, this.a4);
-            }
-        }
-        get a8() {
-            return this.a3;
-        }
-        set a8(a) {
-            let b = this.a3;
-            this.a3 = a;
-            if (+b != +(this.a3)) {
-                this.da("MaxDate", b, this.a3);
+                this.db("MaxDate", b, this.a4);
             }
         }
         get y() {
@@ -540,7 +540,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.x;
             this.x = a;
             if (b != this.x) {
-                this.da("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
+                this.db("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
             }
         }
         get w() {
@@ -550,7 +550,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.da("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
+                this.db("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
             }
         }
         get ad() {
@@ -560,47 +560,47 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.da("TextStyle", b, this.aa);
+                this.db("TextStyle", b, this.aa);
             }
         }
-        get dx() {
-            return this.du;
+        get dy() {
+            return this.dv;
         }
-        set dx(a) {
-            let b = this.du;
-            this.du = a;
-            if (b != this.du) {
-                this.da("TextColor", b, this.du);
+        set dy(a) {
+            let b = this.dv;
+            this.dv = a;
+            if (b != this.dv) {
+                this.db("TextColor", b, this.dv);
             }
         }
-        get dv() {
-            return this.ds;
+        get dw() {
+            return this.dt;
         }
-        set dv(a) {
-            let b = this.ds;
-            this.ds = a;
-            if (b != this.ds) {
-                this.da("IconColor", b, this.ds);
+        set dw(a) {
+            let b = this.dt;
+            this.dt = a;
+            if (b != this.dt) {
+                this.db("IconColor", b, this.dt);
             }
         }
-        get az() {
+        get a0() {
             return this.ao;
         }
-        set az(a) {
+        set a0(a) {
             let b = this.ao;
             this.ao = a;
             if (b != this.ao) {
-                this.da("ShowClearButton", b, this.ao);
+                this.db("ShowClearButton", b, this.ao);
             }
         }
-        get a0() {
+        get a1() {
             return this.ap;
         }
-        set a0(a) {
+        set a1(a) {
             let b = this.ap;
             this.ap = a;
             if (b != this.ap) {
-                this.da("ShowTodayButton", b, this.ap);
+                this.db("ShowTodayButton", b, this.ap);
             }
         }
         get au() {
@@ -610,7 +610,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.da("AllowTextInput", b, this.ag);
+                this.db("AllowTextInput", b, this.ag);
             }
         }
         get ay() {
@@ -620,7 +620,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.an;
             this.an = a;
             if (b != this.an) {
-                this.da("OpenOnFocus", b, this.an);
+                this.db("OpenOnFocus", b, this.an);
             }
         }
         get j() {
@@ -630,7 +630,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.da("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
+                this.db("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
             }
         }
         get l() {
@@ -640,17 +640,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.da("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
+                this.db("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
             }
         }
-        get a1() {
+        get a2() {
             return this.aq;
         }
-        set a1(a) {
+        set a2(a) {
             let b = this.aq;
             this.aq = a;
             if (b != this.aq) {
-                this.da("ShowWeekNumbers", b, this.aq);
+                this.db("ShowWeekNumbers", b, this.aq);
             }
         }
         get e() {
@@ -660,17 +660,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (this.d != b) {
-                this.da("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
+                this.db("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
             }
         }
-        get by() {
-            return this.bi;
+        get bz() {
+            return this.bj;
         }
-        set by(a) {
-            let b = this.bi;
-            this.bi = a;
-            if (b != this.bi) {
-                this.da("FormatString", b, this.bi);
+        set bz(a) {
+            let b = this.bj;
+            this.bj = a;
+            if (b != this.bj) {
+                this.db("FormatString", b, this.bj);
             }
         }
         get av() {
@@ -680,17 +680,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.aj;
             this.aj = a;
             if (b != this.aj) {
-                this.da("IsDisabled", b, this.aj);
+                this.db("IsDisabled", b, this.aj);
             }
         }
-        get be() {
-            return this.bd;
+        get bf() {
+            return this.be;
         }
-        set be(a) {
-            let b = this.bd;
-            this.bd = a;
-            if (b != this.bd) {
-                this.da("TabIndex", b, this.bd);
+        set bf(a) {
+            let b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.db("TabIndex", b, this.be);
             }
         }
         get aw() {
@@ -700,7 +700,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.ak;
             this.ak = a;
             if (b != this.ak) {
-                this.da("IsFixed", b, this.ak);
+                this.db("IsFixed", b, this.ak);
             }
         }
         get ax() {
@@ -710,43 +710,43 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.am;
             this.am = a;
             if (b != this.am) {
-                this.da("OpenAsChild", b, this.am);
+                this.db("OpenAsChild", b, this.am);
             }
         }
-        get a2() {
+        get a3() {
             return this.as;
         }
-        set a2(a) {
+        set a3(a) {
             let b = this.as;
             this.as = a;
             if (b != this.as) {
-                this.da("UseTopLayer", b, this.as);
+                this.db("UseTopLayer", b, this.as);
             }
         }
-        da(a, b, c) {
+        db(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.dd(a, b, c);
+            this.de(a, b, c);
         }
-        dd(a, b, c) {
+        de(a, b, c) {
             switch (a) {
                 case "Density":
-                    this.dg();
+                    this.dh();
                     break;
                 case "BaseTheme":
-                    this.di();
+                    this.dj();
                     break;
                 case "Value":
                     if (+(dateGetDate(this.value)) != +(dateGetDate(dateMinValue()))) {
-                        if (dateGetDate(this.value) < dateGetDate(this.a9) || dateGetDate(this.value) > dateGetDate(this.a8)) {
+                        if (dateGetDate(this.value) < dateGetDate(this.ba) || dateGetDate(this.value) > dateGetDate(this.a9)) {
                             this.ai = true;
-                            this.value = this.a5;
+                            this.value = this.a6;
                             this.ai = false;
                         }
                     }
-                    this.db(this.a5, this.value);
-                    this.a5 = this.value;
+                    this.dc(this.a6, this.value);
+                    this.a6 = this.value;
                     if (this.c != null) {
                         if (+(dateGetDate(this.value)) == +(dateGetDate(dateMinValue()))) {
                             this.c.value = dateMinValue();
@@ -758,8 +758,8 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "Label":
                     if (this.r != null) {
-                        this.r.text = this.b3;
-                        if (this.b3 != null && this.b3 != "") {
+                        this.r.text = this.b4;
+                        if (this.b4 != null && this.b4 != "") {
                             if (!this.q.inputs.contains(this.r)) {
                                 this.q.inputs.insert(0, this.r);
                             }
@@ -773,25 +773,25 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "Placeholder":
                     if (this.o != null) {
-                        this.o.cg = this.cb;
-                        this.h.ay(this.cb);
+                        this.o.cg = this.cc;
+                        this.h.ay(this.cc);
                     }
                     break;
                 case "Today":
                     if (this.c != null) {
-                        this.c.av = this.ba;
+                        this.c.av = this.bb;
                     }
                     break;
                 case "MaxDate":
                     if (this.c != null) {
-                        let d = Base.compareSimple(this.a9, this.a8);
+                        let d = Base.compareSimple(this.ba, this.a9);
                         if (d >= 0) {
-                            this.a8 = dateMaxValue();
+                            this.a9 = dateMaxValue();
                         }
-                        this.c.at = this.a3;
+                        this.c.at = this.a4;
                     }
-                    if (dateGetDate(this.value) > dateGetDate(this.a8)) {
-                        this.a5 = dateMinValue();
+                    if (dateGetDate(this.value) > dateGetDate(this.a9)) {
+                        this.a6 = dateMinValue();
                         this.ai = true;
                         this.value = dateMinValue();
                         this.ai = false;
@@ -799,22 +799,22 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "MinDate":
                     if (this.c != null) {
-                        this.c.au = this.a4;
-                        let e = Base.compareSimple(this.a9, this.a8);
+                        this.c.au = this.a5;
+                        let e = Base.compareSimple(this.ba, this.a9);
                         if (e >= 0) {
-                            this.a5 = dateMaxValue();
-                            this.c.at = this.a8;
+                            this.a6 = dateMaxValue();
+                            this.c.at = this.a9;
                         }
                     }
-                    if (dateGetDate(this.value) < dateGetDate(this.a9)) {
-                        this.a5 = dateMinValue();
+                    if (dateGetDate(this.value) < dateGetDate(this.ba)) {
+                        this.a6 = dateMinValue();
                         this.ai = true;
                         this.value = dateMinValue();
                         this.ai = false;
                     }
                     break;
                 case "TextStyle":
-                    this.dn();
+                    this.dp();
                     break;
                 case "ShowClearButton":
                     if (this.o != null) {
@@ -827,27 +827,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case "LabelTextStyle":
                 case "TextColor":
                 case "IconColor":
-                    this.dp();
+                    this.dq();
                     break;
                 case "ShowTodayButton":
                     if (this.c != null) {
-                        this.c.ae = this.a0;
+                        this.c.ae = this.a1;
                         this.h.z();
                     }
                     break;
                 case "AllowTextInput":
                     if (this.o != null) {
-                        this.o.disabled = !this.au;
+                        this.o.disabled = this.az();
                     }
                     break;
                 case "OpenOnFocus": break;
                 case "DateFormat":
                     this.a.k(this.e);
-                    this.dl();
+                    this.dm();
                     break;
                 case "FormatString":
-                    this.co();
-                    this.dl();
+                    this.cp();
+                    this.dm();
                     break;
                 case "FirstDayOfWeek":
                     if (this.c != null) {
@@ -856,7 +856,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "ShowWeekNumbers":
                     if (this.c != null) {
-                        this.c.af = this.a1;
+                        this.c.af = this.a2;
                         this.h.z();
                     }
                     break;
@@ -871,7 +871,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                             this.q.disabled = this.av;
                         }
                         if (this.o != null) {
-                            this.o.disabled = this.av;
+                            this.o.disabled = this.az();
                         }
                     }
                     break;
@@ -885,14 +885,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "UseTopLayer":
                     if (this.u != null) {
-                        this.u.ax = this.a2;
+                        this.u.ax = this.a3;
                     }
                     break;
             }
         }
-        co() {
+        az() {
+            return this.av || !this.au;
+        }
+        cp() {
             let a = '/';
-            let b = this.by != null ? this.by.toLowerCase() : this.a.j();
+            let b = this.bz != null ? this.bz.toLowerCase() : this.a.j();
             if (stringContains(b, "/")) {
                 a = '/';
             }
@@ -908,7 +911,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             else if (stringContains(b, ",")) {
                 a = ',';
             }
-            this.bm = a.toString();
+            this.bn = a.toString();
             let c = b.split(a);
             if (c.length == 3) {
                 let d = "";
@@ -917,19 +920,19 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         d += "d";
                         switch (c[e]) {
                             case "d":
-                                this.bg = c[e];
+                                this.bh = c[e];
                                 break;
                             case "dd":
-                                this.bg = c[e];
+                                this.bh = c[e];
                                 break;
                             case "ddd":
-                                this.bg = c[e];
+                                this.bh = c[e];
                                 break;
                             case "dddd":
-                                this.bg = c[e];
+                                this.bh = c[e];
                                 break;
                             default:
-                                this.bg = "dd";
+                                this.bh = "dd";
                                 break;
                         }
                     }
@@ -937,71 +940,71 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         d += "m";
                         switch (c[e]) {
                             case "m":
-                                this.bk = c[e];
+                                this.bl = c[e];
                                 break;
                             case "mm":
-                                this.bk = c[e];
+                                this.bl = c[e];
                                 break;
                             case "mmm":
-                                this.bk = c[e];
+                                this.bl = c[e];
                                 break;
                             case "mmmm":
-                                this.bk = c[e];
+                                this.bl = c[e];
                                 break;
                             default:
-                                this.bk = "mm";
+                                this.bl = "mm";
                                 break;
                         }
-                        this.bk = c[e];
+                        this.bl = c[e];
                     }
                     else if (stringContains(c[e], "y")) {
                         d += "y";
                         switch (c[e]) {
                             case "yy":
-                                this.bn = c[e];
+                                this.bo = c[e];
                                 break;
                             case "yyyy":
-                                this.bn = c[e];
+                                this.bo = c[e];
                                 break;
                             default:
-                                this.bn = "yyyy";
+                                this.bo = "yyyy";
                                 break;
                         }
                     }
                 }
                 if (d == "dmy" || d == "mdy" || d == "ymd") {
-                    this.bh = d;
+                    this.bi = d;
                 }
                 else {
-                    this.bh = "mdy";
+                    this.bi = "mdy";
                 }
             }
         }
-        dp() {
+        dq() {
             if (this.o != null) {
-                this.o.d8 = this.dx;
+                this.o.d8 = this.dy;
             }
             if (this.m != null) {
-                this.m.fill = this.dv;
+                this.m.fill = this.dw;
             }
             if (this.n != null) {
-                this.n.fill = this.dv;
+                this.n.fill = this.dw;
             }
             if (this.r != null) {
-                this.r.df = this.dw;
+                this.r.df = this.dx;
                 this.r.y = this.ac;
             }
         }
-        dk() {
+        dl() {
             if (this.q != null) {
             }
         }
-        dn() {
+        dp() {
             if (this.aa != null) {
                 this.o.af = this.aa;
             }
         }
-        cr() {
+        cs() {
             this.q = new XInputGroup();
             this.h.aq(this.q);
             this.q.d = 0;
@@ -1009,11 +1012,11 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.q.t = this.y;
             this.r = new XLabel();
             this.h.as(this.r);
-            this.r.df = this.dw;
+            this.r.df = this.dx;
             this.r.y = this.ac;
             this.q.appendContentChild(this.h.v());
-            if (this.b3 != null && this.b3 != "") {
-                this.r.text = this.b3;
+            if (this.b4 != null && this.b4 != "") {
+                this.r.text = this.b4;
                 this.q.inputs.add(this.r);
             }
             this.o = new XInput();
@@ -1022,40 +1025,40 @@ export let DatePicker = /*@__PURE__*/ (() => {
             if (this.aa != null) {
                 this.o.af = this.aa;
             }
-            this.o.disabled = !this.au;
-            this.o.d8 = this.dx;
+            this.o.disabled = this.az();
+            this.o.d8 = this.dy;
             this.q.appendContentChild(this.h.u());
             this.q.inputs.add(this.o);
-            this.o.cg = this.cb;
-            this.h.ay(this.cb);
+            this.o.cg = this.cc;
+            this.h.ay(this.cc);
             let a = this.o;
-            a.change = delegateCombine(a.change, runOn(this, this.cy));
+            a.change = delegateCombine(a.change, runOn(this, this.cz));
             let b = this.o;
-            b.changing = delegateCombine(b.changing, runOn(this, this.cz));
+            b.changing = delegateCombine(b.changing, runOn(this, this.c0));
             let c = this.o;
-            c.keyDown = delegateCombine(c.keyDown, runOn(this, this.c0));
+            c.keyDown = delegateCombine(c.keyDown, runOn(this, this.c1));
             let d = new XSuffix();
             this.h.au(d, this.h.r());
             this.m = new XIcon();
             this.h.ap(this.m, this.h.q());
-            this.m.svgPath = DatePicker.br;
-            this.m.fill = this.dv;
+            this.m.svgPath = XDatePicker.bs;
+            this.m.fill = this.dw;
             d.appendContentChild(this.h.q());
             this.q.appendContentChild(this.h.r());
             this.q.inputs.add(d);
-            this.dl();
+            this.dm();
             let e = new XSuffix();
             this.h.au(e, this.h.t());
             this.n = new XIcon();
             this.h.ap(this.n, this.h.s());
-            this.n.svgPath = DatePicker.bq;
-            this.n.fill = this.dv;
+            this.n.svgPath = XDatePicker.br;
+            this.n.fill = this.dw;
             e.appendContentChild(this.h.s());
             this.q.appendContentChild(this.h.t());
             this.q.inputs.add(e);
         }
-        c0(a, b) {
-            this.c6(b);
+        c1(a, b) {
+            this.c7(b);
             if (b.defaultPrevented) {
                 return;
             }
@@ -1065,36 +1068,36 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case 9:
                     this.ar = true;
                     if (!this.at) {
-                        this.dr(this.o.cq);
+                        this.ds(this.o.cq);
                     }
                     this.ah = true;
-                    this.cq();
+                    this.cr();
                     this.ar = false;
                     break;
                 case 13:
                     this.ar = true;
                     if (!this.at) {
-                        this.dr(this.o.cq);
+                        this.ds(this.o.cq);
                     }
                     this.ah = true;
-                    this.cq();
+                    this.cr();
                     this.ar = false;
                     break;
                 case 40:
                     if (d == 1) {
-                        this.dc();
-                        this.cv();
+                        this.dd();
+                        this.cw();
                     }
                     break;
                 case 38:
                     if (d == 1) {
-                        this.cq();
+                        this.cr();
                     }
                     break;
             }
         }
-        cz(a, b) {
-            this.c2(b);
+        c0(a, b) {
+            this.c3(b);
             if (b.value.length > 0) {
                 this.h.av();
             }
@@ -1102,12 +1105,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 this.h.ah();
             }
         }
-        cy(a, b) {
+        cz(a, b) {
             this.at = true;
-            this.dr(b.value);
+            this.ds(b.value);
             this.at = false;
         }
-        dr(a) {
+        ds(a) {
             let b = ['/', '-', ' ', '.', ','];
             let c = stringSplit(a, b, 1);
             let d = 0;
@@ -1118,17 +1121,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
                     g = false;
                 }
-                if (this.bh == "dmy") {
+                if (this.bi == "dmy") {
                     d = parseInt(c[0]);
                     e = parseInt(c[1]);
                     f = parseInt(c[2]);
                 }
-                else if (this.bh == "mdy") {
+                else if (this.bi == "mdy") {
                     e = parseInt(c[0]);
                     d = parseInt(c[1]);
                     f = parseInt(c[2]);
                 }
-                else if (this.bh == "ymd") {
+                else if (this.bi == "ymd") {
                     f = parseInt(c[0]);
                     e = parseInt(c[1]);
                     d = parseInt(c[2]);
@@ -1141,13 +1144,13 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
                 if (isNaN_(e)) {
                     let h = "";
-                    if (this.bh == "dmy") {
+                    if (this.bi == "dmy") {
                         h = c[1].toLowerCase();
                     }
-                    else if (this.bh == "mdy") {
+                    else if (this.bi == "mdy") {
                         h = c[0].toLowerCase();
                     }
-                    else if (this.bh == "ymd") {
+                    else if (this.bi == "ymd") {
                         h = c[1].toLowerCase();
                     }
                     let i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
@@ -1223,45 +1226,45 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             if (g) {
                 let ag = dateFromValues(f, e, d, 0, 0, 0, 0);
-                let ah = Base.compareSimple(ag, this.a9);
-                let ai = Base.compareSimple(ag, this.a8);
+                let ah = Base.compareSimple(ag, this.ba);
+                let ai = Base.compareSimple(ag, this.a9);
                 if (ah < 0 || ai > 0) {
-                    this.dl();
+                    this.dm();
                 }
                 else {
-                    this.dq(ag);
+                    this.dr(ag);
                     this.h.av();
                 }
             }
             else {
                 if (stringIsNullOrEmpty(a)) {
-                    this.cp();
+                    this.cq();
                 }
                 else {
-                    this.dl();
+                    this.dm();
                 }
             }
         }
-        dq(a) {
+        dr(a) {
             let b = this.value;
             this.value = a;
         }
-        dl() {
+        dm() {
             if (this.o != null) {
-                if (+(dateGetDate(this.a7)) != +(dateGetDate(dateMinValue()))) {
+                if (+(dateGetDate(this.a8)) != +(dateGetDate(dateMinValue()))) {
                     let a = "";
-                    if (this.by == null) {
+                    if (this.bz == null) {
                         a = this.a.i(this.value);
                     }
                     else {
                         let b = this.value.getDate().toString();
                         let c = b;
-                        if (this.bg == "dd") {
+                        if (this.bh == "dd") {
                             if (this.value.getDate() < 10) {
                                 b = "0" + b;
                             }
                         }
-                        else if (this.bg == "ddd") {
+                        else if (this.bh == "ddd") {
                             switch (this.value.getDay()) {
                                 case 0:
                                     b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
@@ -1286,7 +1289,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        else if (this.bg == "dddd") {
+                        else if (this.bh == "dddd") {
                             switch (this.value.getDay()) {
                                 case 0:
                                     b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
@@ -1312,12 +1315,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
                             }
                         }
                         let d = dateGetMonth(this.value).toString();
-                        if (this.bk == "mm") {
+                        if (this.bl == "mm") {
                             if (dateGetMonth(this.value) < 10) {
                                 d = "0" + d;
                             }
                         }
-                        else if (this.bk == "mmm") {
+                        else if (this.bl == "mmm") {
                             switch (dateGetMonth(this.value)) {
                                 case 1:
                                     d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
@@ -1357,7 +1360,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        else if (this.bk == "mmmm") {
+                        else if (this.bl == "mmmm") {
                             switch (dateGetMonth(this.value)) {
                                 case 1:
                                     d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
@@ -1398,31 +1401,31 @@ export let DatePicker = /*@__PURE__*/ (() => {
                             }
                         }
                         let e = this.value.getFullYear().toString();
-                        if (this.bn == "yy") {
+                        if (this.bo == "yy") {
                             e = e.substr(2);
                         }
-                        if (this.bh == "dmy") {
-                            if (this.bg == "ddd" || this.bg == "dddd") {
-                                a = b + this.bm + d + " " + c + this.bm + e;
+                        if (this.bi == "dmy") {
+                            if (this.bh == "ddd" || this.bh == "dddd") {
+                                a = b + this.bn + d + " " + c + this.bn + e;
                             }
                             else {
-                                a = b + this.bm + d + this.bm + e;
+                                a = b + this.bn + d + this.bn + e;
                             }
                         }
-                        else if (this.bh == "mdy") {
-                            if (this.bg == "ddd" || this.bg == "dddd") {
-                                a = d + " " + c + this.bm + b + this.bm + e;
+                        else if (this.bi == "mdy") {
+                            if (this.bh == "ddd" || this.bh == "dddd") {
+                                a = d + " " + c + this.bn + b + this.bn + e;
                             }
                             else {
-                                a = d + this.bm + b + this.bm + e;
+                                a = d + this.bn + b + this.bn + e;
                             }
                         }
-                        else if (this.bh == "ymd") {
-                            if (this.bg == "ddd" || this.bg == "dddd") {
-                                a = e + this.bm + d + " " + c + this.bm + b;
+                        else if (this.bi == "ymd") {
+                            if (this.bh == "ddd" || this.bh == "dddd") {
+                                a = e + this.bn + d + " " + c + this.bn + b;
                             }
                             else {
-                                a = e + this.bm + d + this.bm + b;
+                                a = e + this.bn + d + this.bn + b;
                             }
                         }
                     }
@@ -1435,7 +1438,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cp() {
+        cq() {
             if (this.av == true) {
                 return;
             }
@@ -1446,65 +1449,65 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.c.ch();
             this.al = false;
         }
-        c8() {
+        c9() {
             this.al = true;
         }
-        c9() {
+        da() {
             this.al = false;
         }
-        cs() {
+        ct() {
             this.u = new Popup();
             this.u.aq = this.aw;
-            this.u.ax = this.a2;
+            this.u.ax = this.a3;
             this.u.cy = BrushUtil.h(255, 255, 255, 255);
             this.u.a8 = 150;
             this.h.at(this.u);
             this.c = new XCalendar();
             this.h.ao(this.c);
-            if (+(this.a9) != +(dateMinValue())) {
-                this.c.au = this.a9;
+            if (+(this.ba) != +(dateMinValue())) {
+                this.c.au = this.ba;
             }
-            if (+(this.a8) != +(dateMaxValue())) {
-                this.c.at = this.a8;
+            if (+(this.a9) != +(dateMaxValue())) {
+                this.c.at = this.a9;
             }
-            if (+(this.ba) != +(dateMinValue())) {
-                this.c.av = this.ba;
+            if (+(this.bb) != +(dateMinValue())) {
+                this.c.av = this.bb;
             }
-            this.c.ae = this.a0;
+            this.c.ae = this.a1;
             this.c.l = this.j;
-            this.c.af = this.a1;
+            this.c.af = this.a2;
             this.c.o = this.l;
             let a = this.c;
-            a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cn));
+            a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.co));
             let b = this.c;
-            b.close = delegateCombine(b.close, runOn(this, this.cm));
+            b.close = delegateCombine(b.close, runOn(this, this.cn));
             this.u.appendPopupContent(this.h.p());
         }
-        cn(a, b) {
+        co(a, b) {
             this.ai = true;
             this.value = b.newValue;
             this.ai = false;
         }
-        cm(a) {
+        cn(a) {
             if (this.u.aw) {
                 this.ah = true;
-                this.cq();
+                this.cr();
             }
         }
-        cx() {
+        cy() {
             if (this.ah == false) {
                 if (this.u.aw) {
-                    this.cq();
+                    this.cr();
                 }
                 else {
-                    this.dc();
+                    this.dd();
                 }
             }
             else {
                 this.ah = false;
             }
         }
-        dc() {
+        dd() {
             if (this.av) {
                 return;
             }
@@ -1512,27 +1515,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 let a = this.h.a0(false);
                 let b = this.h.a()[1];
                 let c = 240;
-                if (this.a0 == true) {
+                if (this.a1 == true) {
                     c = 270;
                 }
                 let d = a.bottom + c;
                 if (b < d) {
                     let e = a.top - c;
                     if (e < 0) {
-                        this.dj(1, 0);
+                        this.dk(1, 0);
                     }
                     else {
-                        this.dj(2, 0);
+                        this.dk(2, 0);
                     }
                 }
                 else {
-                    this.dj(1, 0);
+                    this.dk(1, 0);
                 }
                 this.h.an();
                 this.h.aw(true);
             }
         }
-        dj(a, b) {
+        dk(a, b) {
             if (this.ax) {
                 this.u.cp(this.h.d.rootWrapper.getNativeElement(), a, b);
             }
@@ -1541,13 +1544,13 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 this.u.showRelativeToExclusionRect(c, a, b);
             }
         }
-        dm() {
+        dn() {
             if (this.u.aw) {
                 let a = this.h.a0(false);
                 let b = new Rect(0, a.left + window.pageXOffset, a.top + window.pageYOffset, a.width, a.height);
                 let c = this.h.a()[1];
                 let d = 240;
-                if (this.a0 == true) {
+                if (this.a1 == true) {
                     d = 270;
                 }
                 let e = a.bottom + d;
@@ -1574,7 +1577,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cq() {
+        cr() {
             if (this.u != null) {
                 window.setTimeout(() => this.u.b5(), 0);
             }
@@ -1595,15 +1598,15 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         return;
                     }
                     if (this.au == false) {
-                        this.dc();
+                        this.dd();
                         this.ah = true;
-                        window.setTimeout(() => this.cv(), 0);
+                        window.setTimeout(() => this.cw(), 0);
                     }
                     else {
                         if (this.ay == true && this.ar == false) {
-                            this.dc();
+                            this.dd();
                             this.ah = true;
-                            window.setTimeout(() => this.cv(), 0);
+                            window.setTimeout(() => this.cw(), 0);
                         }
                     }
                 }
@@ -1612,33 +1615,33 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
             }
         }
-        cw() {
+        cx() {
             this.ah = false;
         }
-        df() {
+        dg() {
             if (this.o != null) {
                 this.o.dp();
             }
         }
-        cv() {
+        cw() {
             this.c.cq();
         }
-        c3() {
+        c4() {
             let a = new GotFocusEventArgs();
-            this.c5(a);
+            this.c6(a);
         }
-        c4() {
+        c5() {
             let a = new LostFocusEventArgs();
-            this.c7(a);
+            this.c8(a);
         }
-        di() {
+        dj() {
         }
-        dg() {
+        dh() {
         }
-        bf() {
+        bg() {
             return this.b();
         }
-        bv() {
+        bw() {
             let a = this.b();
             return a.g();
         }
@@ -1679,30 +1682,30 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        c5(a) {
+        c6(a) {
             if (null != this.gotFocus) {
                 this.gotFocus(this, a);
             }
         }
-        c7(a) {
+        c8(a) {
             if (null != this.lostFocus) {
                 this.lostFocus(this, a);
             }
         }
-        c6(a) {
+        c7(a) {
             if (null != this.keyDown) {
                 this.keyDown(this, a);
             }
         }
-        c2(a) {
+        c3(a) {
             if (null != this.changing) {
                 this.changing(this, a);
             }
         }
     }
-    DatePicker.$t = markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
-    DatePicker.bq = "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.br = "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;
+    XDatePicker.$t = markType(XDatePicker, 'XDatePicker', Base.$, [INotifyPropertyChanged_$type]);
+    XDatePicker.br = "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";
+    XDatePicker.bs = "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";
+    XDatePicker.ab = null;
+    return XDatePicker;
 })();