igniteui-webcomponents-inputs 4.2.5 → 4.3.0-beta.1

package/esm2015/lib/DatePickerView_combined.js

@@ -48,6 +48,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             this.f = null;
             this.i = null;
             this.h = null;
+            this.document_Click = this.document_Click.bind(this);
         }
         ah() {
         }
@@ -56,24 +57,29 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         ag(a) {
             if (a == null) {
+                if (this.d != null) {
+                    let b = this.d.rootWrapper.getChildAt(0);
+                    b.unlistenAll();
+                    document.removeEventListener("click", this.document_Click, false);
+                }
                 this.d = null;
                 return;
             }
             this.d = a;
-            let b = Math.round(a.rootWrapper.width());
-            let c = Math.round(a.rootWrapper.height());
+            let c = Math.round(a.rootWrapper.width());
+            let d = Math.round(a.rootWrapper.height());
             this.aa();
             this.ab();
-            let d = this.d.rootWrapper.getChildAt(0);
-            d.listen("keydown", runOn(this, this.x));
-            d.listen("focusin", runOn(this, this.v));
-            d.listen("focusout", runOn(this, this.w));
-            document.addEventListener("click", runOn(this, this.ac), false);
+            let e = this.d.rootWrapper.getChildAt(0);
+            e.listen("keydown", runOn(this, this.x));
+            e.listen("focusin", runOn(this, this.v));
+            e.listen("focusout", runOn(this, this.w));
+            document.addEventListener("click", this.document_Click, false);
         }
         aa() {
             if (this.d != null) {
                 this.k = this.d.rootWrapper.getChildAt(0);
-                this.k.setAttribute("tabIndex", "0");
+                this.k.setAttribute("tabIndex", this.b.a7.toString());
                 this.k.setStyleProperty("display", "flex");
                 this.k.setStyleProperty("height", "100%");
                 this.l = this.d.createElement("div");
@@ -86,7 +92,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.cd();
+                this.b.ch();
                 this.j.getChildAt(0).setAttribute("aria-expanded", "fasle");
                 this.j.getChildAt(0).setAttribute("aria-invalid", "false");
                 this.f.setStyleProperty("height", "16px");
@@ -101,35 +107,35 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.k);
                 a.provideContainer(b);
-                let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+                let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         am(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.l);
                 a.provideContainer(b);
-                let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+                let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         al(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.j);
                 a.provideContainer(b);
-                let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+                let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         ao(a, b) {
             if (this.d != null) {
                 let c = this.d.getSubRenderer(b);
                 a.provideContainer(c);
-                let d = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
+                let d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         aj(a, b) {
             if (this.d != null) {
                 let c = this.d.getSubRenderer(b);
                 a.provideContainer(c);
-                let d = this.d.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
+                let d = c.getExternal(a, c.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         u() {
@@ -160,7 +166,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ar(a) {
+        as(a) {
             if (a != null && a != "") {
                 this.j.getChildAt(0).setAttribute("aria-label", a);
             }
@@ -170,7 +176,7 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         ap() {
             if (this.f != null) {
-                if (this.b.as == true) {
+                if (this.b.at == true) {
                     this.f.show();
                 }
                 else {
@@ -183,6 +189,9 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.f.hide();
             }
         }
+        ar() {
+            this.k.setAttribute("tabIndex", this.b.a7.toString());
+        }
         ab() {
             if (this.d != null) {
                 this.m = this.d.rootWrapper.getChildAt(1);
@@ -190,15 +199,15 @@ export let DatePickerView = /*@__PURE__*/ (() => {
                 this.e.setStyleProperty("width", "100%");
                 this.e.setStyleProperty("height", "100%");
                 this.e.setStyleProperty("display", "flex");
-                this.b.ce();
+                this.b.ci();
                 this.e.parent().setStyleProperty("height", "100%");
-                if (this.b.au == true) {
+                if (this.b.av == true) {
                     this.e.parent().parent().setStyleProperty("max-width", "245px");
                 }
                 else {
                     this.e.parent().parent().setStyleProperty("max-width", "232px");
                 }
-                if (this.b.at == true) {
+                if (this.b.au == true) {
                     this.e.parent().parent().setStyleProperty("min-height", "270px");
                 }
                 else {
@@ -208,13 +217,13 @@ export let DatePickerView = /*@__PURE__*/ (() => {
         }
         y() {
             if (this.d != null) {
-                if (this.b.au == true) {
+                if (this.b.av == true) {
                     this.e.parent().parent().setStyleProperty("max-width", "245px");
                 }
                 else {
                     this.e.parent().parent().setStyleProperty("max-width", "232px");
                 }
-                if (this.b.at == true) {
+                if (this.b.au == true) {
                     this.e.parent().parent().setStyleProperty("min-height", "270px");
                 }
                 else {
@@ -226,59 +235,59 @@ export let DatePickerView = /*@__PURE__*/ (() => {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.m);
                 a.provideRenderer(b);
-                let c = b.getExternal(a, b.rootWrapper, b.getExternal(this.b, null, null));
+                let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         ai(a) {
             if (this.d != null) {
                 let b = this.d.getSubRenderer(this.e);
                 a.provideContainer(b);
-                let c = this.d.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
+                let c = b.getExternal(a, b.rootWrapper, this.d.getExternal(this.b, null, null));
             }
         }
         o() {
             return this.e;
         }
         z(a) {
-            if (this.b.aq == true) {
+            if (this.b.ar == true) {
                 return;
             }
-            this.b.cb();
+            this.b.cf();
             if (this.f != null) {
                 this.f.hide();
             }
         }
         ad(a) {
             a.stopPropagation();
-            this.b.cj();
+            this.b.cn();
         }
         x(a) {
             let b = a.which;
             if (b == 27) {
-                this.b.cc();
+                this.b.cg();
             }
         }
         v(a) {
             this.b.focus();
             let b = (a.originalEvent.relatedTarget);
             if (!this.c(b)) {
-                this.b.cp();
+                this.b.ct();
             }
         }
         w(a) {
             let b = (a.originalEvent.relatedTarget);
             if (!this.c(b)) {
-                this.b.ci();
-                this.b.cq();
+                this.b.cm();
+                this.b.cu();
             }
         }
-        ac(a) {
+        document_Click(a) {
             let b = a.target;
             if (!this.c(b)) {
-                this.b.cc();
+                this.b.cg();
             }
         }
-        as() {
+        at() {
             if (this.d != null) {
                 let a = this.d.rootWrapper.getNativeElement();
                 let b = a.getBoundingClientRect();
@@ -324,42 +333,44 @@ export let DatePicker = /*@__PURE__*/ (() => {
             this.m = null;
             this.n = null;
             this.c = null;
-            this.a6 = "dd";
-            this.ba = "mm";
-            this.bd = "yyyy";
-            this.a7 = "mdy";
-            this.bc = "/";
+            this.a9 = "dd";
+            this.bd = "mm";
+            this.bg = "yyyy";
+            this.ba = "mdy";
+            this.bf = "/";
             this.ah = false;
+            this.ap = false;
             this.ao = false;
-            this.an = false;
-            this.ax = dateMinValue();
+            this.ay = dateMinValue();
+            this.ai = false;
             this.propertyChanged = null;
             this.selectedValueChanged = null;
             this.ae = null;
+            this.a0 = dateMinValue();
             this.az = dateMinValue();
-            this.ay = dateMinValue();
-            this.a9 = "";
-            this.da = BrushUtil.g(255, 24, 29, 31);
+            this.bc = "";
+            this.de = BrushUtil.g(255, 24, 29, 31);
             this.z = null;
-            this.bb = "";
-            this.aw = dateMinValue();
-            this.av = dateMaxValue();
+            this.be = "";
+            this.ax = dateMinValue();
+            this.aw = dateMaxValue();
             this.x = 2;
             this.v = 1;
             this.aa = null;
-            this.db = BrushUtil.g(255, 24, 29, 31);
-            this.c9 = BrushUtil.g(255, 163, 172, 184);
-            this.ak = true;
-            this.al = false;
+            this.df = BrushUtil.g(255, 24, 29, 31);
+            this.dd = BrushUtil.g(255, 163, 172, 184);
+            this.al = true;
+            this.am = false;
             this.ag = true;
-            this.aj = true;
+            this.ak = true;
             this.i = 0;
             this.k = 0;
-            this.am = false;
+            this.an = false;
             this.a = new DateTimeValueFormatter();
             this.d = 0;
-            this.a8 = null;
-            this.ai = false;
+            this.bb = null;
+            this.aj = false;
+            this.a6 = 0;
             this.gotFocus = null;
             this.lostFocus = null;
             this.keyDown = null;
@@ -368,14 +379,14 @@ export let DatePicker = /*@__PURE__*/ (() => {
             a.b = this;
             this.h = a;
             this.h.ah();
-            this.ca();
+            this.ce();
         }
-        cv(a, b) {
+        cz(a, b) {
             if (this.u != null) {
                 this.ah = true;
-                this.cc();
+                this.cg();
             }
-            this.c4();
+            this.c8();
             if (this.selectedValueChanged != null) {
                 this.selectedValueChanged(this, ((() => {
                     let $ret = new SelectedValueChangedEventArgs();
@@ -384,7 +395,9 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     return $ret;
                 })()));
             }
-            this.cz();
+            if (this.ai) {
+                this.c3();
+            }
         }
         notifySizeChanged() {
             this.h.af();
@@ -392,9 +405,9 @@ export let DatePicker = /*@__PURE__*/ (() => {
         destroy() {
             if (this.c != null) {
                 let a = this.c;
-                a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.b9));
+                a.selectedValueChanged = delegateRemove(a.selectedValueChanged, runOn(this, this.cd));
                 let b = this.c;
-                b.close = delegateRemove(b.close, runOn(this, this.b8));
+                b.close = delegateRemove(b.close, runOn(this, this.cc));
             }
             this.provideContainer(null);
         }
@@ -412,44 +425,44 @@ export let DatePicker = /*@__PURE__*/ (() => {
             return this.ae;
         }
         get value() {
-            return this.az;
+            return this.a0;
         }
         set value(a) {
-            let b = this.az;
-            this.ax = b;
-            this.az = a;
-            if (+b != +(this.az)) {
-                this.cu("Value", b, this.az);
+            let b = this.a0;
+            this.ay = b;
+            this.a0 = a;
+            if (+b != +(this.a0)) {
+                this.cy("Value", b, this.a0);
             }
         }
-        get a2() {
-            return this.ay;
+        get a3() {
+            return this.az;
         }
-        set a2(a) {
-            let b = this.ay;
-            this.ay = a;
-            if (+b != +(this.ay)) {
-                this.cu("Today", b, this.ay);
+        set a3(a) {
+            let b = this.az;
+            this.az = a;
+            if (+b != +(this.az)) {
+                this.cy("Today", b, this.az);
             }
         }
-        get bs() {
-            return this.a9;
+        get bv() {
+            return this.bc;
         }
-        set bs(a) {
-            let b = this.a9;
-            this.a9 = a;
-            if (b != this.a9) {
-                this.cu("Label", b, this.a9);
+        set bv(a) {
+            let b = this.bc;
+            this.bc = a;
+            if (b != this.bc) {
+                this.cy("Label", b, this.bc);
             }
         }
-        get dd() {
-            return this.da;
+        get dh() {
+            return this.de;
         }
-        set dd(a) {
-            let b = this.da;
-            this.da = a;
-            if (b != this.da) {
-                this.cu("LabelTextColor", b, a);
+        set dh(a) {
+            let b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.cy("LabelTextColor", b, a);
             }
         }
         get ac() {
@@ -459,17 +472,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.z;
             this.z = a;
             if (b != this.z) {
-                this.cu("LabelTextStyle", b, this.z);
+                this.cy("LabelTextStyle", b, this.z);
             }
         }
-        get bz() {
-            return this.bb;
+        get b2() {
+            return this.be;
         }
-        set bz(a) {
-            let b = this.bb;
-            this.bb = a;
-            if (b != this.bb) {
-                this.cu("Placeholder", b, this.bb);
+        set b2(a) {
+            let b = this.be;
+            this.be = a;
+            if (b != this.be) {
+                this.cy("Placeholder", b, this.be);
+            }
+        }
+        get a2() {
+            return this.ax;
+        }
+        set a2(a) {
+            let b = this.ax;
+            this.ax = a;
+            if (+b != +(this.ax)) {
+                this.cy("MinDate", b, this.ax);
             }
         }
         get a1() {
@@ -479,17 +502,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.aw;
             this.aw = a;
             if (+b != +(this.aw)) {
-                this.cu("MinDate", b, this.aw);
-            }
-        }
-        get a0() {
-            return this.av;
-        }
-        set a0(a) {
-            let b = this.av;
-            this.av = a;
-            if (+b != +(this.av)) {
-                this.cu("MaxDate", b, this.av);
+                this.cy("MaxDate", b, this.aw);
             }
         }
         get y() {
@@ -499,7 +512,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.x;
             this.x = a;
             if (b != this.x) {
-                this.cu("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
+                this.cy("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.x));
             }
         }
         get w() {
@@ -509,7 +522,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.v;
             this.v = a;
             if (b != this.v) {
-                this.cu("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
+                this.cy("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.v));
             }
         }
         get ad() {
@@ -519,37 +532,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.aa;
             this.aa = a;
             if (b != this.aa) {
-                this.cu("TextStyle", b, this.aa);
-            }
-        }
-        get de() {
-            return this.db;
-        }
-        set de(a) {
-            let b = this.db;
-            this.db = a;
-            if (b != this.db) {
-                this.cu("TextColor", b, this.db);
+                this.cy("TextStyle", b, this.aa);
             }
         }
-        get dc() {
-            return this.c9;
+        get di() {
+            return this.df;
         }
-        set dc(a) {
-            let b = this.c9;
-            this.c9 = a;
-            if (b != this.c9) {
-                this.cu("IconColor", b, this.c9);
+        set di(a) {
+            let b = this.df;
+            this.df = a;
+            if (b != this.df) {
+                this.cy("TextColor", b, this.df);
             }
         }
-        get as() {
-            return this.ak;
+        get dg() {
+            return this.dd;
         }
-        set as(a) {
-            let b = this.ak;
-            this.ak = a;
-            if (b != this.ak) {
-                this.cu("ShowClearButton", b, this.ak);
+        set dg(a) {
+            let b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.cy("IconColor", b, this.dd);
             }
         }
         get at() {
@@ -559,27 +562,37 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.al;
             this.al = a;
             if (b != this.al) {
-                this.cu("ShowTodayButton", b, this.al);
+                this.cy("ShowClearButton", b, this.al);
             }
         }
-        get ap() {
+        get au() {
+            return this.am;
+        }
+        set au(a) {
+            let b = this.am;
+            this.am = a;
+            if (b != this.am) {
+                this.cy("ShowTodayButton", b, this.am);
+            }
+        }
+        get aq() {
             return this.ag;
         }
-        set ap(a) {
+        set aq(a) {
             let b = this.ag;
             this.ag = a;
             if (b != this.ag) {
-                this.cu("AllowTextInput", b, this.ag);
+                this.cy("AllowTextInput", b, this.ag);
             }
         }
-        get ar() {
-            return this.aj;
+        get as() {
+            return this.ak;
         }
-        set ar(a) {
-            let b = this.aj;
-            this.aj = a;
-            if (b != this.aj) {
-                this.cu("OpenOnFocus", b, this.aj);
+        set as(a) {
+            let b = this.ak;
+            this.ak = a;
+            if (b != this.ak) {
+                this.cy("OpenOnFocus", b, this.ak);
             }
         }
         get j() {
@@ -589,7 +602,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.i;
             this.i = a;
             if (b != this.i) {
-                this.cu("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
+                this.cy("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.i));
             }
         }
         get l() {
@@ -599,17 +612,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.k;
             this.k = a;
             if (b != this.k) {
-                this.cu("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
+                this.cy("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.k));
             }
         }
-        get au() {
-            return this.am;
+        get av() {
+            return this.an;
         }
-        set au(a) {
-            let b = this.am;
-            this.am = a;
-            if (b != this.am) {
-                this.cu("ShowWeekNumbers", b, this.am);
+        set av(a) {
+            let b = this.an;
+            this.an = a;
+            if (b != this.an) {
+                this.cy("ShowWeekNumbers", b, this.an);
             }
         }
         get e() {
@@ -619,59 +632,71 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let b = this.d;
             this.d = a;
             if (this.d != b) {
-                this.cu("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
+                this.cy("DateFormat", enumGetBox(DateFormats_$type, b), enumGetBox(DateFormats_$type, this.d));
+            }
+        }
+        get br() {
+            return this.bb;
+        }
+        set br(a) {
+            let b = this.bb;
+            this.bb = a;
+            if (b != this.bb) {
+                this.cy("FormatString", b, this.bb);
             }
         }
-        get bo() {
-            return this.a8;
+        get ar() {
+            return this.aj;
         }
-        set bo(a) {
-            let b = this.a8;
-            this.a8 = a;
-            if (b != this.a8) {
-                this.cu("FormatString", b, this.a8);
+        set ar(a) {
+            let b = this.aj;
+            this.aj = a;
+            if (b != this.aj) {
+                this.cy("IsDisabled", b, this.aj);
             }
         }
-        get aq() {
-            return this.ai;
+        get a7() {
+            return this.a6;
         }
-        set aq(a) {
-            let b = this.ai;
-            this.ai = a;
-            if (b != this.ai) {
-                this.cu("IsDisabled", b, this.ai);
+        set a7(a) {
+            let b = this.a6;
+            this.a6 = a;
+            if (b != this.a6) {
+                this.cy("TabIndex", b, this.a6);
             }
         }
-        cu(a, b, c) {
+        cy(a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new PropertyChangedEventArgs(a));
             }
-            this.cx(a, b, c);
+            this.c1(a, b, c);
         }
-        cx(a, b, c) {
+        c1(a, b, c) {
             switch (a) {
                 case "Density":
-                    this.c0();
+                    this.c4();
                     break;
                 case "BaseTheme":
-                    this.c2();
+                    this.c6();
                     break;
                 case "Value":
                     if (+(this.value) != +(dateMinValue())) {
-                        if (dateGetDate(this.value) < dateGetDate(this.a1) || dateGetDate(this.value) > dateGetDate(this.a0)) {
-                            this.value = this.ax;
+                        if (dateGetDate(this.value) < dateGetDate(this.a2) || dateGetDate(this.value) > dateGetDate(this.a1)) {
+                            this.ai = true;
+                            this.value = this.ay;
+                            this.ai = false;
                         }
                     }
-                    this.cv(this.ax, this.value);
-                    this.ax = this.value;
+                    this.cz(this.ay, this.value);
+                    this.ay = this.value;
                     if (this.c != null) {
                         this.c.value = this.value;
                     }
                     break;
                 case "Label":
                     if (this.r != null) {
-                        this.r.text = this.bs;
-                        if (this.bs != null && this.bs != "") {
+                        this.r.text = this.bv;
+                        if (this.bv != null && this.bv != "") {
                             if (!this.q.inputs.contains(this.r)) {
                                 this.q.inputs.insert(0, this.r);
                             }
@@ -685,48 +710,52 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "Placeholder":
                     if (this.o != null) {
-                        this.o.ce = this.bz;
-                        this.h.ar(this.bz);
+                        this.o.cg = this.b2;
+                        this.h.as(this.b2);
                     }
                     break;
                 case "Today":
                     if (this.c != null) {
-                        this.c.av = this.a2;
+                        this.c.av = this.a3;
                     }
                     break;
                 case "MaxDate":
                     if (this.c != null) {
-                        let d = Base.compareSimple(this.a1, this.a0);
+                        let d = Base.compareSimple(this.a2, this.a1);
                         if (d >= 0) {
-                            this.a0 = dateMaxValue();
+                            this.a1 = dateMaxValue();
                         }
-                        this.c.at = this.av;
+                        this.c.at = this.aw;
                     }
-                    if (dateGetDate(this.value) > dateGetDate(this.a0)) {
-                        this.ax = dateMinValue();
+                    if (dateGetDate(this.value) > dateGetDate(this.a1)) {
+                        this.ay = dateMinValue();
+                        this.ai = true;
                         this.value = dateMinValue();
+                        this.ai = false;
                     }
                     break;
                 case "MinDate":
                     if (this.c != null) {
-                        this.c.au = this.aw;
-                        let e = Base.compareSimple(this.a1, this.a0);
+                        this.c.au = this.ax;
+                        let e = Base.compareSimple(this.a2, this.a1);
                         if (e >= 0) {
-                            this.ax = dateMaxValue();
-                            this.c.at = this.a0;
+                            this.ay = dateMaxValue();
+                            this.c.at = this.a1;
                         }
                     }
-                    if (dateGetDate(this.value) < dateGetDate(this.a1)) {
-                        this.ax = dateMinValue();
+                    if (dateGetDate(this.value) < dateGetDate(this.a2)) {
+                        this.ay = dateMinValue();
+                        this.ai = true;
                         this.value = dateMinValue();
+                        this.ai = false;
                     }
                     break;
                 case "TextStyle":
-                    this.c5();
+                    this.c9();
                     break;
                 case "ShowClearButton":
                     if (this.o != null) {
-                        if (this.o.cm != "") {
+                        if (this.o.cq != "") {
                             this.h.ap();
                         }
                     }
@@ -735,27 +764,27 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case "LabelTextStyle":
                 case "TextColor":
                 case "IconColor":
-                    this.c6();
+                    this.da();
                     break;
                 case "ShowTodayButton":
                     if (this.c != null) {
-                        this.c.ae = this.at;
+                        this.c.ae = this.au;
                         this.h.y();
                     }
                     break;
                 case "AllowTextInput":
                     if (this.o != null) {
-                        this.o.disabled = !this.ap;
+                        this.o.disabled = !this.aq;
                     }
                     break;
                 case "OpenOnFocus": break;
                 case "DateFormat":
                     this.a.k(this.e);
-                    this.c4();
+                    this.c8();
                     break;
                 case "FormatString":
-                    this.ca();
-                    this.c4();
+                    this.ce();
+                    this.c8();
                     break;
                 case "FirstDayOfWeek":
                     if (this.c != null) {
@@ -764,7 +793,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                     break;
                 case "ShowWeekNumbers":
                     if (this.c != null) {
-                        this.c.af = this.au;
+                        this.c.af = this.av;
                         this.h.y();
                     }
                     break;
@@ -776,18 +805,21 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 case "IsDisabled":
                     {
                         if (this.q != null) {
-                            this.q.disabled = this.aq;
+                            this.q.disabled = this.ar;
                         }
                         if (this.o != null) {
-                            this.o.disabled = this.aq;
+                            this.o.disabled = this.ar;
                         }
                     }
                     break;
+                case "TabIndex":
+                    this.h.ar();
+                    break;
             }
         }
-        ca() {
+        ce() {
             let a = '/';
-            let b = this.bo != null ? this.bo.toLowerCase() : this.a.j();
+            let b = this.br != null ? this.br.toLowerCase() : this.a.j();
             if (stringContains(b, "/")) {
                 a = '/';
             }
@@ -803,7 +835,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
             else if (stringContains(b, ",")) {
                 a = ',';
             }
-            this.bc = a.toString();
+            this.bf = a.toString();
             let c = b.split(a);
             if (c.length == 3) {
                 let d = "";
@@ -812,19 +844,19 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         d += "d";
                         switch (c[e]) {
                             case "d":
-                                this.a6 = c[e];
+                                this.a9 = c[e];
                                 break;
                             case "dd":
-                                this.a6 = c[e];
+                                this.a9 = c[e];
                                 break;
                             case "ddd":
-                                this.a6 = c[e];
+                                this.a9 = c[e];
                                 break;
                             case "dddd":
-                                this.a6 = c[e];
+                                this.a9 = c[e];
                                 break;
                             default:
-                                this.a6 = "dd";
+                                this.a9 = "dd";
                                 break;
                         }
                     }
@@ -832,125 +864,125 @@ export let DatePicker = /*@__PURE__*/ (() => {
                         d += "m";
                         switch (c[e]) {
                             case "m":
-                                this.ba = c[e];
+                                this.bd = c[e];
                                 break;
                             case "mm":
-                                this.ba = c[e];
+                                this.bd = c[e];
                                 break;
                             case "mmm":
-                                this.ba = c[e];
+                                this.bd = c[e];
                                 break;
                             case "mmmm":
-                                this.ba = c[e];
+                                this.bd = c[e];
                                 break;
                             default:
-                                this.ba = "mm";
+                                this.bd = "mm";
                                 break;
                         }
-                        this.ba = c[e];
+                        this.bd = c[e];
                     }
                     else if (stringContains(c[e], "y")) {
                         d += "y";
                         switch (c[e]) {
                             case "yy":
-                                this.bd = c[e];
+                                this.bg = c[e];
                                 break;
                             case "yyyy":
-                                this.bd = c[e];
+                                this.bg = c[e];
                                 break;
                             default:
-                                this.bd = "yyyy";
+                                this.bg = "yyyy";
                                 break;
                         }
                     }
                 }
                 if (d == "dmy" || d == "mdy" || d == "ymd") {
-                    this.a7 = d;
+                    this.ba = d;
                 }
                 else {
-                    this.a7 = "mdy";
+                    this.ba = "mdy";
                 }
             }
         }
-        c6() {
+        da() {
             if (this.o != null) {
-                this.o.d1 = this.de;
+                this.o.d8 = this.di;
             }
             if (this.m != null) {
-                this.m.fill = this.dc;
+                this.m.fill = this.dg;
             }
             if (this.n != null) {
-                this.n.fill = this.dc;
+                this.n.fill = this.dg;
             }
             if (this.r != null) {
-                this.r.df = this.dd;
+                this.r.df = this.dh;
                 this.r.y = this.ac;
             }
         }
-        c3() {
+        c7() {
             if (this.q != null) {
             }
         }
-        c5() {
+        c9() {
             if (this.aa != null) {
                 this.o.af = this.aa;
             }
         }
-        cd() {
+        ch() {
             this.q = new XInputGroup();
             this.h.ak(this.q);
             this.q.d = 0;
-            this.q.j = this.w;
-            this.q.n = this.y;
+            this.q.p = this.w;
+            this.q.t = this.y;
             this.r = new XLabel();
             this.h.am(this.r);
-            this.r.df = this.dd;
+            this.r.df = this.dh;
             this.r.y = this.ac;
             this.q.appendContentChild(this.h.u());
-            if (this.bs != null && this.bs != "") {
-                this.r.text = this.bs;
+            if (this.bv != null && this.bv != "") {
+                this.r.text = this.bv;
                 this.q.inputs.add(this.r);
             }
             this.o = new XInput();
             this.h.al(this.o);
-            this.o.b6 = "text";
+            this.o.b8 = "text";
             if (this.aa != null) {
                 this.o.af = this.aa;
             }
-            this.o.disabled = !this.ap;
-            this.o.d1 = this.de;
+            this.o.disabled = !this.aq;
+            this.o.d8 = this.di;
             this.q.appendContentChild(this.h.t());
             this.q.inputs.add(this.o);
-            this.o.ce = this.bz;
-            this.h.ar(this.bz);
+            this.o.cg = this.b2;
+            this.h.as(this.b2);
             let a = this.o;
-            a.change = delegateCombine(a.change, runOn(this, this.ck));
+            a.change = delegateCombine(a.change, runOn(this, this.co));
             let b = this.o;
-            b.changing = delegateCombine(b.changing, runOn(this, this.cl));
+            b.changing = delegateCombine(b.changing, runOn(this, this.cp));
             let c = this.o;
-            c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cm));
+            c.keyDown = delegateCombine(c.keyDown, runOn(this, this.cq));
             let d = new XSuffix();
             this.h.ao(d, this.h.q());
             this.m = new XIcon();
             this.h.aj(this.m, this.h.p());
-            this.m.svgPath = DatePicker.bh;
-            this.m.fill = this.dc;
+            this.m.svgPath = DatePicker.bk;
+            this.m.fill = this.dg;
             d.appendContentChild(this.h.p());
             this.q.appendContentChild(this.h.q());
             this.q.inputs.add(d);
-            this.c4();
+            this.c8();
             let e = new XSuffix();
             this.h.ao(e, this.h.s());
             this.n = new XIcon();
             this.h.aj(this.n, this.h.r());
-            this.n.svgPath = DatePicker.bg;
-            this.n.fill = this.dc;
+            this.n.svgPath = DatePicker.bj;
+            this.n.fill = this.dg;
             e.appendContentChild(this.h.r());
             this.q.appendContentChild(this.h.s());
             this.q.inputs.add(e);
         }
-        cm(a, b) {
-            this.cs(b);
+        cq(a, b) {
+            this.cw(b);
             if (b.defaultPrevented) {
                 return;
             }
@@ -958,38 +990,38 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let d = b.modifiers;
             switch (c) {
                 case 9:
-                    this.an = true;
-                    if (!this.ao) {
-                        this.c8(this.o.cm);
+                    this.ao = true;
+                    if (!this.ap) {
+                        this.dc(this.o.cq);
                     }
                     this.ah = true;
-                    this.cc();
-                    this.an = false;
+                    this.cg();
+                    this.ao = false;
                     break;
                 case 13:
-                    this.an = true;
-                    if (!this.ao) {
-                        this.c8(this.o.cm);
+                    this.ao = true;
+                    if (!this.ap) {
+                        this.dc(this.o.cq);
                     }
                     this.ah = true;
-                    this.cc();
-                    this.an = false;
+                    this.cg();
+                    this.ao = false;
                     break;
                 case 40:
                     if (d == 1) {
-                        this.cw();
-                        this.ch();
+                        this.c0();
+                        this.cl();
                     }
                     break;
                 case 38:
                     if (d == 1) {
-                        this.cc();
+                        this.cg();
                     }
                     break;
             }
         }
-        cl(a, b) {
-            this.co(b);
+        cp(a, b) {
+            this.cs(b);
             if (b.value.length > 0) {
                 this.h.ap();
             }
@@ -997,12 +1029,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 this.h.ae();
             }
         }
-        ck(a, b) {
-            this.ao = true;
-            this.c8(b.value);
-            this.ao = false;
+        co(a, b) {
+            this.ap = true;
+            this.dc(b.value);
+            this.ap = false;
         }
-        c8(a) {
+        dc(a) {
             let b = ['/', '-', ' ', '.', ','];
             let c = stringSplit(a, b, 1);
             let d = 0;
@@ -1013,17 +1045,17 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 if (c[0].length == 0 || c[1].length == 0 || c[2].length == 0) {
                     g = false;
                 }
-                if (this.a7 == "dmy") {
+                if (this.ba == "dmy") {
                     d = parseInt(c[0]);
                     e = parseInt(c[1]);
                     f = parseInt(c[2]);
                 }
-                else if (this.a7 == "mdy") {
+                else if (this.ba == "mdy") {
                     e = parseInt(c[0]);
                     d = parseInt(c[1]);
                     f = parseInt(c[2]);
                 }
-                else if (this.a7 == "ymd") {
+                else if (this.ba == "ymd") {
                     f = parseInt(c[0]);
                     e = parseInt(c[1]);
                     d = parseInt(c[2]);
@@ -1036,13 +1068,13 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
                 if (isNaN_(e)) {
                     let h = "";
-                    if (this.a7 == "dmy") {
+                    if (this.ba == "dmy") {
                         h = c[1].toLowerCase();
                     }
-                    else if (this.a7 == "mdy") {
+                    else if (this.ba == "mdy") {
                         h = c[0].toLowerCase();
                     }
-                    else if (this.a7 == "ymd") {
+                    else if (this.ba == "ymd") {
                         h = c[1].toLowerCase();
                     }
                     let i = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full").toLowerCase() : "january";
@@ -1118,45 +1150,45 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             if (g) {
                 let ag = dateFromValues(f, e, d, 0, 0, 0, 0);
-                let ah = Base.compareSimple(ag, this.a1);
-                let ai = Base.compareSimple(ag, this.a0);
+                let ah = Base.compareSimple(ag, this.a2);
+                let ai = Base.compareSimple(ag, this.a1);
                 if (ah < 0 || ai > 0) {
-                    this.c4();
+                    this.c8();
                 }
                 else {
-                    this.c7(ag);
+                    this.db(ag);
                     this.h.ap();
                 }
             }
             else {
                 if (stringIsNullOrEmpty(a)) {
-                    this.cb();
+                    this.cf();
                 }
                 else {
-                    this.c4();
+                    this.c8();
                 }
             }
         }
-        c7(a) {
+        db(a) {
             let b = this.value;
             this.value = a;
         }
-        c4() {
+        c8() {
             if (this.o != null) {
-                if (+(this.az) != +(dateMinValue())) {
+                if (+(this.a0) != +(dateMinValue())) {
                     let a = "";
-                    if (this.bo == null) {
+                    if (this.br == null) {
                         a = this.a.i(this.value);
                     }
                     else {
                         let b = this.value.getDate().toString();
                         let c = b;
-                        if (this.a6 == "dd") {
+                        if (this.a9 == "dd") {
                             if (this.value.getDate() < 10) {
                                 b = "0" + b;
                             }
                         }
-                        else if (this.a6 == "ddd") {
+                        else if (this.a9 == "ddd") {
                             switch (this.value.getDay()) {
                                 case 0:
                                     b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Short")) ? this.af.b1("Sunday_Short") : "Sun";
@@ -1181,7 +1213,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        else if (this.a6 == "dddd") {
+                        else if (this.a9 == "dddd") {
                             switch (this.value.getDay()) {
                                 case 0:
                                     b = !stringIsNullOrWhiteSpace(this.af.b1("Sunday_Full")) ? this.af.b1("Sunday_Full") : "Sunday";
@@ -1207,12 +1239,12 @@ export let DatePicker = /*@__PURE__*/ (() => {
                             }
                         }
                         let d = dateGetMonth(this.value).toString();
-                        if (this.ba == "mm") {
+                        if (this.bd == "mm") {
                             if (dateGetMonth(this.value) < 10) {
                                 d = "0" + d;
                             }
                         }
-                        else if (this.ba == "mmm") {
+                        else if (this.bd == "mmm") {
                             switch (dateGetMonth(this.value)) {
                                 case 1:
                                     d = !stringIsNullOrWhiteSpace(this.af.b1("January_Short")) ? this.af.b1("January_Short") : "Jan";
@@ -1252,7 +1284,7 @@ export let DatePicker = /*@__PURE__*/ (() => {
                                     break;
                             }
                         }
-                        else if (this.ba == "mmmm") {
+                        else if (this.bd == "mmmm") {
                             switch (dateGetMonth(this.value)) {
                                 case 1:
                                     d = !stringIsNullOrWhiteSpace(this.af.b1("January_Full")) ? this.af.b1("January_Full") : "January";
@@ -1293,109 +1325,111 @@ export let DatePicker = /*@__PURE__*/ (() => {
                             }
                         }
                         let e = this.value.getFullYear().toString();
-                        if (this.bd == "yy") {
+                        if (this.bg == "yy") {
                             e = e.substr(2);
                         }
-                        if (this.a7 == "dmy") {
-                            if (this.a6 == "ddd" || this.a6 == "dddd") {
-                                a = b + this.bc + d + " " + c + this.bc + e;
+                        if (this.ba == "dmy") {
+                            if (this.a9 == "ddd" || this.a9 == "dddd") {
+                                a = b + this.bf + d + " " + c + this.bf + e;
                             }
                             else {
-                                a = b + this.bc + d + this.bc + e;
+                                a = b + this.bf + d + this.bf + e;
                             }
                         }
-                        else if (this.a7 == "mdy") {
-                            if (this.a6 == "ddd" || this.a6 == "dddd") {
-                                a = d + " " + c + this.bc + b + this.bc + e;
+                        else if (this.ba == "mdy") {
+                            if (this.a9 == "ddd" || this.a9 == "dddd") {
+                                a = d + " " + c + this.bf + b + this.bf + e;
                             }
                             else {
-                                a = d + this.bc + b + this.bc + e;
+                                a = d + this.bf + b + this.bf + e;
                             }
                         }
-                        else if (this.a7 == "ymd") {
-                            if (this.a6 == "ddd" || this.a6 == "dddd") {
-                                a = e + this.bc + d + " " + c + this.bc + b;
+                        else if (this.ba == "ymd") {
+                            if (this.a9 == "ddd" || this.a9 == "dddd") {
+                                a = e + this.bf + d + " " + c + this.bf + b;
                             }
                             else {
-                                a = e + this.bc + d + this.bc + b;
+                                a = e + this.bf + d + this.bf + b;
                             }
                         }
                     }
-                    this.o.cm = a;
+                    this.o.cq = a;
                     this.h.ap();
                 }
                 else {
-                    this.o.cm = "";
+                    this.o.cq = "";
                     this.h.ae();
                 }
             }
         }
-        cb() {
-            if (this.aq == true) {
+        cf() {
+            if (this.ar == true) {
                 return;
             }
             if (this.o != null) {
-                this.o.cm = "";
+                this.o.cq = "";
             }
             this.value = dateMinValue();
             this.c.ch();
         }
-        ce() {
+        ci() {
             this.u = new Popup();
             this.h.an(this.u);
             this.c = new XCalendar();
             this.h.ai(this.c);
-            if (+(this.a1) != +(dateMinValue())) {
-                this.c.au = this.a1;
+            if (+(this.a2) != +(dateMinValue())) {
+                this.c.au = this.a2;
             }
-            if (+(this.a0) != +(dateMaxValue())) {
-                this.c.at = this.a0;
+            if (+(this.a1) != +(dateMaxValue())) {
+                this.c.at = this.a1;
             }
-            if (+(this.a2) != +(dateMinValue())) {
-                this.c.av = this.a2;
+            if (+(this.a3) != +(dateMinValue())) {
+                this.c.av = this.a3;
             }
-            this.c.ae = this.at;
+            this.c.ae = this.au;
             this.c.l = this.j;
-            this.c.af = this.au;
+            this.c.af = this.av;
             this.c.o = this.l;
             let a = this.c;
-            a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.b9));
+            a.selectedValueChanged = delegateCombine(a.selectedValueChanged, runOn(this, this.cd));
             let b = this.c;
-            b.close = delegateCombine(b.close, runOn(this, this.b8));
+            b.close = delegateCombine(b.close, runOn(this, this.cc));
             this.u.appendPopupContent(this.h.o());
         }
-        b9(a, b) {
+        cd(a, b) {
+            this.ai = true;
             this.value = b.newValue;
+            this.ai = false;
         }
-        b8(a) {
-            if (this.u.t) {
+        cc(a) {
+            if (this.u.ao) {
                 this.ah = true;
-                this.cc();
+                this.cg();
             }
         }
-        cj() {
+        cn() {
             if (this.ah == false) {
-                if (this.u.t) {
-                    this.cc();
+                if (this.u.ao) {
+                    this.cg();
                 }
                 else {
-                    this.cw();
+                    this.c0();
                 }
             }
             else {
                 this.ah = false;
             }
         }
-        cw() {
-            if (this.aq) {
+        c0() {
+            if (this.ar) {
                 return;
             }
             if (this.u != null) {
-                let a = this.h.as();
+                let a = this.h.at();
                 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.at == true) {
+                if (this.au == true) {
                     d = 270;
                 }
                 let e = a.bottom + d;
@@ -1414,9 +1448,9 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 this.h.aq(true);
             }
         }
-        cc() {
+        cg() {
             if (this.u != null) {
-                window.setTimeout(() => this.u.ao(), 0);
+                window.setTimeout(() => this.u.bj(), 0);
             }
             if (this.c != null) {
                 this.c.cy();
@@ -1428,18 +1462,18 @@ export let DatePicker = /*@__PURE__*/ (() => {
             if (this.o != null) {
                 this.o.focus(a);
             }
-            if (!this.u.t && this.ar == true) {
+            if (!this.u.ao && this.as == true) {
                 if (this.ah == false) {
-                    if (this.ap == false) {
-                        this.cw();
+                    if (this.aq == false) {
+                        this.c0();
                         this.ah = true;
-                        window.setTimeout(() => this.ch(), 0);
+                        window.setTimeout(() => this.cl(), 0);
                     }
                     else {
-                        if (this.ar == true && this.an == false) {
-                            this.cw();
+                        if (this.as == true && this.ao == false) {
+                            this.c0();
                             this.ah = true;
-                            window.setTimeout(() => this.ch(), 0);
+                            window.setTimeout(() => this.cl(), 0);
                         }
                     }
                 }
@@ -1448,33 +1482,33 @@ export let DatePicker = /*@__PURE__*/ (() => {
                 }
             }
         }
-        ci() {
+        cm() {
             this.ah = false;
         }
-        cz() {
+        c3() {
             if (this.o != null) {
-                this.o.dj();
+                this.o.dp();
             }
         }
-        ch() {
+        cl() {
             this.c.cq();
         }
-        cp() {
+        ct() {
             let a = new GotFocusEventArgs();
-            this.cr(a);
+            this.cv(a);
         }
-        cq() {
+        cu() {
             let a = new LostFocusEventArgs();
-            this.ct(a);
+            this.cx(a);
         }
-        c2() {
+        c6() {
         }
-        c0() {
+        c4() {
         }
-        a5() {
+        a8() {
             return this.b();
         }
-        bl() {
+        bo() {
             let a = this.b();
             return a.g();
         }
@@ -1482,8 +1516,8 @@ export let DatePicker = /*@__PURE__*/ (() => {
             let a = new DatePickerVisualModelExport();
             a.e = this.y;
             a.d = this.w;
-            a.c = this.u.ab();
-            a.b = this.q.ia();
+            a.c = this.u.ay();
+            a.b = this.q.fe();
             a.a = this.c.bj();
             if (this.ad != null) {
                 let b = this.ad;
@@ -1515,30 +1549,30 @@ export let DatePicker = /*@__PURE__*/ (() => {
             }
             return a;
         }
-        cr(a) {
+        cv(a) {
             if (null != this.gotFocus) {
                 this.gotFocus(this, a);
             }
         }
-        ct(a) {
+        cx(a) {
             if (null != this.lostFocus) {
                 this.lostFocus(this, a);
             }
         }
-        cs(a) {
+        cw(a) {
             if (null != this.keyDown) {
                 this.keyDown(this, a);
             }
         }
-        co(a) {
+        cs(a) {
             if (null != this.changing) {
                 this.changing(this, a);
             }
         }
     }
     DatePicker.$t = /*@__PURE__*/ markType(DatePicker, 'DatePicker', Base.$, [INotifyPropertyChanged_$type]);
-    DatePicker.bg = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
-    DatePicker.bh = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
+    DatePicker.bj = "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z";
+    DatePicker.bk = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
     DatePicker.ab = null;
     return DatePicker;
 })();