igniteui-webcomponents-inputs 1.3.1 → 1.4.1

package/esm5/lib/CalendarView_combined.js

@@ -8,20 +8,20 @@ import * as tslib_1 from "tslib";
 import { Base, runOn, markType, INotifyPropertyChanged_$type, PropertyChangedEventArgs, delegateRemove, enumGetBox, delegateCombine, Number_$type } from "igniteui-webcomponents-core";
 import { DomWrapper_$type } from "igniteui-webcomponents-core";
 import { List$1 } from "igniteui-webcomponents-core";
+import { DayOfWeek_$type } from "./DayOfWeek";
+import { DayInfo } from "./DayInfo";
+import { XButton } from "./XButton";
+import { XIcon } from "./XIcon";
+import { dateMinValue, dateGetMonth, dateNow, dateAddYears, dateFromValues, dateMaxValue, dateGetDate, dateAddDays, dateAddMonths } from "igniteui-webcomponents-core";
 import { parseBool } from "igniteui-webcomponents-core";
-import { dateGetMonth, dateNow, dateMinValue, dateAddYears, dateFromValues, dateMaxValue, dateGetDate, dateAddDays, dateAddMonths } from "igniteui-webcomponents-core";
 import { SRProvider } from "igniteui-webcomponents-core";
 import { ControlDisplayDensity_$type } from "igniteui-webcomponents-core";
 import { BaseControlTheme_$type } from "igniteui-webcomponents-core";
-import { DayOfWeek_$type } from "./DayOfWeek";
 import { FirstWeek_$type } from "./FirstWeek";
 import { BrushUtil } from "igniteui-webcomponents-core";
 import { ObservableCollection$1 } from "igniteui-webcomponents-core";
-import { DayInfo } from "./DayInfo";
-import { Button } from "./Button";
 import { ValueChangedEventArgs } from "./ValueChangedEventArgs";
 import { CornerRadius } from "igniteui-webcomponents-core";
-import { Icon } from "./Icon";
 import { CalendarVisualModelExport } from "./CalendarVisualModelExport";
 import { ButtonVisualModelExport } from "./ButtonVisualModelExport";
 import { TextElementsVisualModelExport } from "./TextElementsVisualModelExport";
@@ -38,209 +38,806 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
     tslib_1.__extends(CalendarView, _super);
     function CalendarView() {
         var _this = _super.call(this) || this;
-        _this.j = null;
-        _this.k = null;
         _this.n = null;
-        _this.m = null;
         _this.o = null;
-        _this.f = new List$1(DomWrapper_$type, 0);
-        _this.e = new List$1(DomWrapper_$type, 0);
+        _this.s = null;
+        _this.q = null;
+        _this.t = null;
+        _this.r = null;
         _this.g = new List$1(DomWrapper_$type, 0);
+        _this.f = new List$1(DomWrapper_$type, 0);
         _this.h = new List$1(DomWrapper_$type, 0);
-        _this.l = null;
-        _this.q = null;
+        _this.j = new List$1(DomWrapper_$type, 0);
+        _this.i = new List$1(DomWrapper_$type, 0);
+        _this.e = new List$1(DomWrapper_$type, 0);
+        _this.p = null;
+        _this.v = null;
         _this.c = null;
-        _this.i = null;
-        _this.q = "day";
-        _this.l = null;
+        _this.m = null;
+        _this.v = "day";
+        _this.p = null;
         return _this;
     }
-    CalendarView.prototype.ad = function () {
+    CalendarView.prototype.k = function () {
+        return this.e;
+    };
+    CalendarView.prototype.l = function () {
+        return this.i;
     };
-    CalendarView.prototype.ac = function (a) {
+    CalendarView.prototype.an = function () {
+    };
+    CalendarView.prototype.am = function (a) {
         if (a == null) {
-            this.i = null;
+            this.m = null;
             return;
         }
-        this.i = a;
-        this.i.rootWrapper.setStyleProperty("background-color", "rgb(255, 255, 255)");
+        this.m = a;
+        this.m.rootWrapper.setStyleProperty("background-color", "rgb(255, 255, 255)");
         var b = Math.round(a.rootWrapper.width());
         var c = Math.round(a.rootWrapper.height());
-        this.u();
-        this.am();
-        this.an();
-        this.al();
-        var d = this.i.rootWrapper;
-        d.listen("keydown", runOn(this, this.t));
-        d.listen("focus", runOn(this, this.s));
-    };
-    CalendarView.prototype.r = function () {
-        return this.q;
-    };
-    CalendarView.prototype.u = function () {
-        if (this.i != null) {
-            this.j = this.i.createElement("div");
-            this.j.setStyleProperty("display", "flex");
-            this.k = this.i.createElement("div");
-            this.k.setStyleProperty("height", "100%");
-            this.n = this.i.createElement("div");
-            this.c.ce(this.i, this.n);
-            this.aq();
-            this.j.append(this.k);
-            this.i.append(this.j);
+        this.z();
+        this.a1();
+        this.a2();
+        this.az();
+        var d = this.m.rootWrapper;
+        d.listen("keydown", runOn(this, this.y));
+        d.listen("focus", runOn(this, this.x));
+    };
+    CalendarView.prototype.w = function () {
+        return this.v;
+    };
+    CalendarView.prototype.z = function () {
+        if (this.m != null) {
+            this.n = this.m.createElement("div");
+            this.n.setStyleProperty("display", "flex");
+            this.n.setStyleProperty("width", "100%");
+            this.n.setStyleProperty("height", "100%");
+            this.o = this.m.createElement("div");
+            this.o.setStyleProperty("height", "100%");
+            this.o.setStyleProperty("width", "100%");
+            this.s = this.m.createElement("div");
+            this.ac();
+            this.n.append(this.o);
+            this.m.append(this.n);
             for (var a = 0; a < 42; a++) {
-                var b = this.i.createElement("div");
-                this.e.add(b);
-            }
-            this.c.cb(this.i, this.k, this.n, this.e);
-            this.m = this.i.createElement("div");
-            this.m.setStyleProperty("height", "100%");
-            this.i.append(this.m);
+                var b = this.m.createElement("div");
+                this.f.add(b);
+            }
+            this.aa();
+            this.a7();
+            this.q = this.m.createElement("div");
+            this.q.setStyleProperty("height", "100%");
+            this.m.append(this.q);
             for (var c = 0; c < 12; c++) {
-                var d = this.i.createElement("div");
-                this.g.add(d);
+                var d = this.m.createElement("div");
+                this.h.add(d);
             }
-            this.c.cd(this.i, this.m, this.g);
+            this.ab();
             for (var e = 0; e < 12; e++) {
-                var f = this.m.getChildAt(e);
-                f.listen("click", runOn(this, this.x));
+                var f = this.q.getChildAt(e);
+                f.listen("click", runOn(this, this.ah));
             }
-            this.m.hide();
-            this.o = this.i.createElement("div");
-            this.o.setStyleProperty("height", "100%");
-            this.i.append(this.o);
+            this.q.hide();
+            this.t = this.m.createElement("div");
+            this.t.setStyleProperty("height", "100%");
+            this.m.append(this.t);
             for (var g = 0; g < 7; g++) {
-                var h = this.i.createElement("div");
-                this.h.add(h);
+                var h = this.m.createElement("div");
+                this.j.add(h);
             }
-            this.c.cf(this.i, this.o, this.h);
+            this.ad();
             for (var i = 0; i < 7; i++) {
-                var j = this.o.getChildAt(i);
-                j.listen("click", runOn(this, this.at));
+                var j = this.t.getChildAt(i);
+                j.listen("click", runOn(this, this.ba));
             }
-            this.o.listen("wheel", runOn(this, this.au));
-            this.o.hide();
+            this.t.listen("wheel", runOn(this, this.bb));
+            this.t.hide();
         }
     };
-    CalendarView.prototype.am = function () {
-        if (this.i != null) {
-            var a = this.k.getChildAt(0);
+    CalendarView.prototype.ac = function () {
+        if (this.m != null) {
+            this.s.setStyleProperty("display", "flex");
+            this.s.setStyleProperty("flex-direction", "column");
+            this.s.setStyleProperty("padding-top", "26px");
+            this.s.setStyleProperty("width", "12%");
+            var a = this.c.ag();
+            for (var b = 0; b < 6; b++) {
+                var c = this.m.createElement("div");
+                c.setAttribute("aria-hidden", "true");
+                c.setStyleProperty("text-align", "center");
+                c.setStyleProperty("vertical-align", "middle");
+                c.setStyleProperty("height", "30px");
+                c.setStyleProperty("width", "25px");
+                c.setStyleProperty("border-width", "0px 1px 0px 0px");
+                c.setStyleProperty("border-style", "solid");
+                c.setStyleProperty("border-color", "rgb(163, 172, 184)");
+                var d = this.m.createElement("span");
+                d.setAttribute("aria-hidden", "true");
+                d.setStyleProperty("font", "14px \"Segoe UI\", Verdana");
+                d.setStyleProperty("color", "rgb(24, 29, 31)");
+                c.append(d);
+                this.i.add(d);
+                d.setText(a._inner[b].toString());
+                this.s.append(c);
+            }
+        }
+    };
+    CalendarView.prototype.a3 = function () {
+        if (this.s != null) {
+            var a = this.c.ag();
+            this.i.clear();
+            for (var b = 0; b < 6; b++) {
+                var c = this.s.getChildAt(b);
+                var d = c.getChildAt(0);
+                d.setText(a._inner[b].toString());
+                this.i.add(d);
+            }
+        }
+    };
+    CalendarView.prototype.a7 = function () {
+        if (this.s != null) {
+            if (this.c.af == true) {
+                this.s.show();
+                this.s.setStyleProperty("display", "flex");
+                this.s.parent().setStyleProperty("max-width", "245px");
+                this.s.parent().getChildAt(1).setStyleProperty("width", "88%");
+            }
+            else {
+                this.s.hide();
+                this.s.parent().setStyleProperty("max-width", "231px");
+                this.s.parent().getChildAt(1).setStyleProperty("width", "100%");
+            }
+        }
+    };
+    CalendarView.prototype.aa = function () {
+        if (this.m != null) {
+            this.o.setStyleProperty("display", "flex");
+            this.o.setStyleProperty("flex-direction", "column");
+            this.o.setStyleProperty("justify-content", "space-evenly");
+            var a = this.m.createElement("div");
+            a.setStyleProperty("display", "flex");
+            a.setStyleProperty("justify-content", "space-evenly");
+            a.setStyleProperty("width", "100%");
+            a.setAttribute("role", "row");
+            var b = this.m.createElement("div");
+            b.setStyleProperty("width", "15%");
+            var c = this.m.createElement("div");
+            c.setStyleProperty("width", "20%");
+            var d = this.m.createElement("div");
+            d.setStyleProperty("width", "20%");
+            var e = this.m.createElement("div");
+            e.setStyleProperty("width", "15%");
+            a.append(b);
+            a.append(c);
+            a.append(d);
+            a.append(e);
+            this.o.append(a);
+            var f = this.m.createElement("div");
+            f.setStyleProperty("width", "100%");
+            f.setStyleProperty("height", "100%");
+            f.setStyleProperty("display", "flex");
+            f.setStyleProperty("flex-direction", "row");
+            f.setStyleProperty("justify-content", "space-evenly");
+            this.s.setStyleProperty("padding-bottom", "6px");
+            f.append(this.s);
+            var g = this.m.createElement("div");
+            g.setStyleProperty("display", "flex");
+            g.setStyleProperty("flex-direction", "column");
+            g.setStyleProperty("width", "88%");
+            g.setAttribute("role", "grid");
+            g.setAttribute("aria-readonly", "true");
+            f.append(g);
+            this.o.append(f);
+            var h = 0;
+            for (var i = 0; i < 7; i++) {
+                var j = this.m.createElement("div");
+                j.setAttribute("role", "row");
+                j.setStyleProperty("display", "flex");
+                j.setStyleProperty("justify-content", "space-evenly");
+                if (i == 0) {
+                    for (var k = 0; k < 7; k++) {
+                        var l = this.m.createElement("div");
+                        l.setAttribute("role", "columnheader");
+                        l.setAttribute("scope", "col");
+                        l.setStyleProperty("text-align", "center");
+                        l.setStyleProperty("vertical-align", "middle");
+                        l.setStyleProperty("width", "12%");
+                        var m = this.m.createElement("span");
+                        m.setStyleProperty("font", "16px \"Segoe UI\", Verdana");
+                        m.setStyleProperty("color", "rgb(24, 29, 31)");
+                        l.append(m);
+                        this.e.add(m);
+                        j.append(l);
+                    }
+                    g.append(j);
+                }
+                else {
+                    for (var n = 0; n < 7; n++) {
+                        var o = this.m.createElement("div");
+                        o.setAttribute("role", "gridcell");
+                        o.setStyleProperty("justify-content", "center");
+                        var p = this.f._inner[h];
+                        var q = this.m.createElement("span");
+                        q.setAttribute("aria-hidden", "true");
+                        p.append(q);
+                        this.ae(o, p, h);
+                        o.setStyleProperty("width", "12%");
+                        o.setStyleProperty("height", "100%");
+                        j.append(o);
+                        h++;
+                    }
+                    g.append(j);
+                }
+            }
+            this.r = this.m.createElement("div");
+            this.r.setStyleProperty("display", "flex");
+            this.r.setStyleProperty("padding-bottom", "4px");
+            var r = this.m.createElement("div");
+            r.setStyleProperty("width", "100%");
+            r.setStyleProperty("justify-content", "center");
+            var s = this.m.createElement("div");
+            s.setAttribute("aria-hidden", "true");
+            var t = this.m.createElement("span");
+            t.setAttribute("aria-hidden", "true");
+            s.append(t);
+            this.c.cm(r, s);
+            s.parent().setAttribute("aria-hidden", "true");
+            s.parent().parent().setAttribute("tabindex", "-1");
+            s.parent().parent().setAttribute("aria-readonly", "true");
+            s.parent().parent().setAttribute("aria-selected", "false");
+            s.parent().parent().setAttribute("aria-disabled", "false");
+            s.parent().parent().setAttribute("data-is-focusable", "true");
+            this.r.append(r);
+            this.o.append(this.r);
+            this.a6();
+            this.c.cf();
+        }
+    };
+    CalendarView.prototype.ab = function () {
+        if (this.m != null) {
+            this.q.setStyleProperty("display", "flex");
+            this.q.setStyleProperty("flex-direction", "row");
+            this.q.setStyleProperty("flex-wrap", "wrap");
+            this.q.setStyleProperty("margin", "2px");
+            this.q.setStyleProperty("justify-content", "center");
+            this.q.setStyleProperty("width", "100%");
+            this.q.setStyleProperty("height", "100%");
+            this.q.setAttribute("role", "grid");
+            this.q.setAttribute("aria-readonly", "true");
+            for (var a = 0; a < 12; a++) {
+                var b = this.m.createElement("div");
+                b.setStyleProperty("margin", "5px");
+                b.setAttribute("data-month", (a + 1).toString());
+                var c = this.h._inner[a];
+                c.setAttribute("aria-hidden", "true");
+                this.c.cl(b, c);
+                b.setStyleProperty("width", "28%");
+                var d = b.getChildAt(0);
+                d.setStyleProperty("width", "100%");
+                var e = this.m.createElement("span");
+                e.setAttribute("aria-hidden", "true");
+                var f = void 0;
+                var g = a + 1;
+                f = this.c.e(g, a);
+                c.parent().parent().setAttribute("aria-label", f[0]);
+                e.setText(f[1]);
+                c.append(e);
+                c.parent().setAttribute("aria-hidden", "true");
+                c.parent().parent().setAttribute("tabindex", "-1");
+                c.parent().parent().setAttribute("aria-readonly", "true");
+                c.parent().parent().setAttribute("aria-selected", "false");
+                c.parent().parent().setAttribute("aria-disabled", "false");
+                c.parent().parent().setAttribute("data-is-focusable", "true");
+                c.setAttribute("data-index", a.toString());
+                c.append(e);
+                this.q.append(b);
+            }
+        }
+    };
+    CalendarView.prototype.ad = function () {
+        if (this.m != null) {
+            this.t.setStyleProperty("width", "100%");
+            this.t.setStyleProperty("height", "100%");
+            var a = this.c.aq.getFullYear() - 3;
+            this.t.setStyleProperty("padding", "5px");
+            this.t.setAttribute("role", "grid");
+            this.t.setAttribute("aria-readonly", "true");
+            for (var b = 0; b < 7; b++) {
+                var c = this.m.createElement("div");
+                var d = this.j._inner[b];
+                d.setAttribute("aria-hidden", "true");
+                this.c.cn(c, d, b);
+                d.parent().setAttribute("aria-hidden", "true");
+                d.parent().parent().setAttribute("tabindex", "-1");
+                d.parent().parent().setAttribute("aria-readonly", "true");
+                d.parent().parent().setAttribute("aria-selected", "false");
+                d.parent().parent().setAttribute("aria-disabled", "false");
+                d.parent().parent().setAttribute("data-is-focusable", "true");
+                c.setStyleProperty("width", "100%");
+                c.setStyleProperty("height", "14%");
+                c.setStyleProperty("justify-content", "center");
+                var e = c.getChildAt(0);
+                e.setStyleProperty("width", "98%");
+                var f = this.m.createElement("span");
+                f.setAttribute("aria-hidden", "true");
+                f.setText(a.toString());
+                a++;
+                d.setAttribute("data-index", b.toString());
+                d.append(f);
+                this.t.append(c);
+            }
+        }
+    };
+    CalendarView.prototype.a6 = function () {
+        if (this.m != null) {
+            if (this.c.ae == true) {
+                this.r.setStyleProperty("display", "flex");
+            }
+            else {
+                this.r.setStyleProperty("display", "none");
+            }
+        }
+    };
+    CalendarView.prototype.a1 = function () {
+        if (this.m != null) {
+            var a = this.o.getChildAt(0);
             for (var b = 0; b < 4; b++) {
-                var c = this.i.createElement("div");
-                this.f.add(c);
+                var c = this.m.createElement("div");
+                this.g.add(c);
             }
-            this.c.cx(this.i, a, this.f);
             var d = a.getChildAt(0);
-            var e = a.getChildAt(3);
-            d.listen("click", runOn(this, this.ae));
-            e.listen("click", runOn(this, this.z));
-            var f = a.getChildAt(1);
-            var g = a.getChildAt(2);
-            f.listen("click", runOn(this, this.y));
-            g.listen("click", runOn(this, this.av));
+            var e = this.g._inner[0];
+            var f = this.m.createElement("div");
+            f.setAttribute("aria-hidden", "true");
+            e.append(f);
+            this.c.ck(d, f, e, "prev");
+            e.parent().parent().setAttribute("aria-label", "Previous Month");
+            e.setAttribute("data-index", "0");
+            this.av(e);
+            var g = a.getChildAt(1);
+            var h = this.g._inner[1];
+            var i = this.m.createElement("span");
+            i.setAttribute("aria-hidden", "true");
+            h.append(i);
+            this.c.cj(g, h, "month");
+            i = h.getChildAt(0);
+            var j = this.c.bx();
+            i.setText(j);
+            h.parent().parent().setAttribute("aria-label", "Select Month");
+            h.setAttribute("data-index", "1");
+            this.av(h);
+            var k = a.getChildAt(2);
+            var l = this.g._inner[2];
+            var m = this.m.createElement("span");
+            m.setAttribute("aria-hidden", "true");
+            l.append(m);
+            this.c.cj(k, l, "year");
+            m = this.g._inner[2].getChildAt(0);
+            var n = this.c.by();
+            m.setText(n);
+            l.parent().parent().setAttribute("aria-label", "Select Year");
+            l.setAttribute("data-index", "2");
+            this.av(l);
+            var o = a.getChildAt(3);
+            var p = this.g._inner[3];
+            var q = this.m.createElement("div");
+            q.setAttribute("aria-hidden", "true");
+            p.append(q);
+            this.c.ck(o, q, p, "next");
+            p.parent().parent().setAttribute("aria-label", "Next Month");
+            p.setAttribute("data-index", "3");
+            this.av(p);
+            var r = this.c.a();
+            for (var s = 0; s < this.g.count; s++) {
+                if (r[s] == true) {
+                    this.g._inner[s].setAttribute("data-disabled", "true");
+                }
+                else {
+                    this.g._inner[s].setAttribute("data-disabled", "false");
+                }
+            }
+            d.listen("click", runOn(this, this.ao));
+            o.listen("click", runOn(this, this.aj));
+            g.listen("click", runOn(this, this.ai));
+            k.listen("click", runOn(this, this.bc));
         }
     };
-    CalendarView.prototype.an = function () {
-        if (this.i != null) {
-            var a = this.k.getChildAt(1).getChildAt(1).getChildAt(0);
-            this.c.cz(a);
+    CalendarView.prototype.av = function (a) {
+        a.setAttribute("aria-hidden", "true");
+        a.parent().setAttribute("aria-hidden", "true");
+        a.parent().parent().setAttribute("tabindex", "-1");
+        a.parent().parent().setAttribute("aria-readonly", "true");
+        a.parent().parent().setAttribute("aria-selected", "false");
+        a.parent().parent().setAttribute("aria-disabled", "false");
+        a.parent().parent().setAttribute("data-is-focusable", "true");
+        a.setAttribute("data-section", "header");
+        a.setAttribute("data-disabled", "false");
+    };
+    CalendarView.prototype.a2 = function () {
+        if (this.m != null) {
+            var a = this.o.getChildAt(1).getChildAt(1).getChildAt(0);
+            var b = new List$1(DayOfWeek_$type, 0);
+            switch (this.c.p) {
+                case 0:
+                    b.add(0);
+                    b.add(1);
+                    b.add(2);
+                    b.add(3);
+                    b.add(4);
+                    b.add(5);
+                    b.add(6);
+                    break;
+                case 1:
+                    b.add(1);
+                    b.add(2);
+                    b.add(3);
+                    b.add(4);
+                    b.add(5);
+                    b.add(6);
+                    b.add(0);
+                    break;
+                case 2:
+                    b.add(2);
+                    b.add(3);
+                    b.add(4);
+                    b.add(5);
+                    b.add(6);
+                    b.add(0);
+                    b.add(1);
+                    break;
+                case 3:
+                    b.add(3);
+                    b.add(4);
+                    b.add(5);
+                    b.add(6);
+                    b.add(0);
+                    b.add(1);
+                    b.add(2);
+                    break;
+                case 4:
+                    b.add(4);
+                    b.add(5);
+                    b.add(6);
+                    b.add(0);
+                    b.add(1);
+                    b.add(2);
+                    b.add(3);
+                    break;
+                case 5:
+                    b.add(5);
+                    b.add(6);
+                    b.add(0);
+                    b.add(1);
+                    b.add(2);
+                    b.add(3);
+                    b.add(4);
+                    break;
+                case 6:
+                    b.add(6);
+                    b.add(0);
+                    b.add(1);
+                    b.add(2);
+                    b.add(3);
+                    b.add(4);
+                    b.add(5);
+                    break;
+            }
+            this.e.clear();
+            for (var c = 0; c < b.count; c++) {
+                var d = a.getChildAt(c);
+                var e = d.getChildAt(0);
+                var f = this.c.d(b._inner[c]);
+                d.setAttribute("title", f[0]);
+                d.setAttribute("aria-label", f[0]);
+                e.setText(f[1]);
+                this.e.add(e);
+            }
         }
     };
-    CalendarView.prototype.al = function () {
-        if (this.i != null) {
-            this.c.cw(this.e);
-            this.c.c0(this.n);
-            var a = this.k.getChildAt(1);
+    CalendarView.prototype.az = function () {
+        if (this.m != null) {
+            this.a0();
+            this.a3();
+            var a = this.o.getChildAt(1);
             var b = a.getChildAt(1);
             for (var c = 1; c < 7; c++) {
                 var d = b.getChildAt(c);
                 for (var e = 0; e < 7; e++) {
                     var f = d.getChildAt(e);
-                    f.listen("click", runOn(this, this.v));
+                    f.listen("click", runOn(this, this.af));
                 }
             }
         }
     };
-    CalendarView.prototype.ap = function () {
-        if (this.i != null) {
-            this.c.c4(this.k);
+    CalendarView.prototype.a0 = function (a, b) {
+        if (a === void 0) {
+            a = false;
         }
-    };
-    CalendarView.prototype.aq = function () {
-        if (this.n != null) {
-            if (this.c.aa == true) {
-                this.n.show();
-                this.n.setStyleProperty("display", "flex");
+        if (b === void 0) {
+            b = false;
+        }
+        if (this.m != null) {
+            var c = null;
+            var d = null;
+            var e = null;
+            var f = this.c.aw;
+            var g = this.c.aq;
+            var h = this.c.av;
+            for (var i = 0; i < 42; i++) {
+                var j = this.f._inner[i];
+                var k = j.getChildAt(0);
+                var l = this.c.n(i);
+                if (l != null) {
+                    j.parent().parent().setAttribute("aria-label", l.c.toString() + "/" + l.b.toString() + "/" + l.d.toString());
+                    j.setAttribute("data-section", "days");
+                    j.setAttribute("data-index", i.toString());
+                    j.setAttribute("data-date", l.b.toString() + "/" + l.c.toString() + "/" + l.d.toString());
+                    j.setAttribute("data-selected", "false");
+                    j.setAttribute("data-disabled", "false");
+                    j.setAttribute("data-today", "false");
+                    k.setText(l.b.toString());
+                    if (+f != +(dateMinValue()) && l.b == f.getDate() && l.c == dateGetMonth(f) && l.d == f.getFullYear()) {
+                        c = j;
+                        j.parent().parent().setAttribute("aria-selected", "true");
+                        j.setAttribute("data-selected", "true");
+                    }
+                    else if (l.b == h.getDate() && l.c == dateGetMonth(h) && l.d == h.getFullYear()) {
+                        d = j;
+                        j.setAttribute("data-today", "true");
+                    }
+                    var m = this.c.ad(i);
+                    if (m) {
+                        j.setAttribute("data-disabled", "true");
+                    }
+                    if (l.b == 1 && l.c == dateGetMonth(g)) {
+                        e = j;
+                    }
+                }
             }
-            else {
-                this.n.hide();
+            if (a == true) {
+                if (c != null && +f != +(dateMinValue()) && f.getFullYear() == g.getFullYear() && dateGetMonth(f) == dateGetMonth(g)) {
+                    this.d(c);
+                }
+                else if (d != null && h.getFullYear() == g.getFullYear() && dateGetMonth(h) == dateGetMonth(g)) {
+                    this.d(d);
+                }
+                else if (e != null) {
+                    if (b == true) {
+                        for (var n = 41; n >= 0; n--) {
+                            var o = this.c.n(n);
+                            if (o.c == dateGetMonth(g)) {
+                                var p = this.f._inner[n];
+                                var q = p.getAttribute("data-disabled");
+                                if (q == "false") {
+                                    e = this.f._inner[n];
+                                    break;
+                                }
+                            }
+                        }
+                    }
+                    else {
+                        for (var r = 0; r < 42; r++) {
+                            var s = this.c.n(r);
+                            if (s.c == dateGetMonth(g)) {
+                                var t = this.f._inner[r];
+                                var u = t.getAttribute("data-disabled");
+                                if (u == "false") {
+                                    e = this.f._inner[r];
+                                    break;
+                                }
+                            }
+                        }
+                    }
+                    this.d(e);
+                }
             }
         }
     };
-    CalendarView.prototype.ak = function () {
-        if (this.i != null) {
-            this.c.cu(this.f._inner[1]);
-            this.c.c3(this.f._inner[2]);
+    CalendarView.prototype.ae = function (a, b, c) {
+        if (this.m != null) {
+            b.setAttribute("aria-hidden", "true");
+            var d = this.m.createElement("span");
+            d.setAttribute("aria-hidden", "true");
+            b.append(d);
+            this.c.ci(a, b, c);
+            b.parent().setAttribute("aria-hidden", "true");
+            b.parent().parent().setAttribute("tabindex", "-1");
+            b.parent().parent().setAttribute("aria-readonly", "true");
+            b.parent().parent().setAttribute("aria-selected", "false");
+            b.parent().parent().setAttribute("aria-disabled", "false");
+            b.parent().parent().setAttribute("data-is-focusable", "true");
+        }
+    };
+    CalendarView.prototype.as = function (a, b) {
+        if (this.m != null) {
+            var c = this.m.getSubRenderer(a);
+            b.provideContainer(c);
+            var d = c.getExternal(b, c.rootWrapper, c.getExternal(this.c, null, null));
+        }
+    };
+    CalendarView.prototype.ar = function (a, b) {
+        var c = a.getChildAt(0);
+        c.setText(b);
+        a.parent().parent().setAttribute("aria-label", b);
+    };
+    CalendarView.prototype.aw = function (a, b) {
+        if (this.m != null) {
+            var c = this.m.getSubRenderer(a);
+            b.provideContainer(c);
+            var d = c.getExternal(b, c.rootWrapper, c.getExternal(this.c, null, null));
+        }
+    };
+    CalendarView.prototype.ay = function () {
+        if (this.m != null) {
+            var a = this.g._inner[1].getChildAt(0);
+            var b = this.c.bx();
+            a.setText(b);
+            var c = this.g._inner[2].getChildAt(0);
+            var d = this.c.by();
+            c.setText(d);
         }
     };
-    CalendarView.prototype.ah = function (a, b) {
+    CalendarView.prototype.at = function (a, b) {
         if (a === void 0) {
             a = false;
         }
         if (b === void 0) {
             b = false;
         }
-        if (this.i != null) {
-            this.c.cw(this.e, a, b);
-            this.c.c0(this.n);
-            this.c.b8(this.f);
+        if (this.m != null) {
+            this.a0(a, b);
+            this.a3();
+            var c = this.c.a();
+            for (var d = 0; d < this.g.count; d++) {
+                if (c[d] == true) {
+                    this.g._inner[d].setAttribute("data-disabled", "true");
+                }
+                else {
+                    this.g._inner[d].setAttribute("data-disabled", "false");
+                }
+            }
+        }
+    };
+    CalendarView.prototype.ax = function () {
+        if (this.m != null) {
+            if (this.h.count != 0) {
+                var a = null;
+                var b = null;
+                var c = 0;
+                var d = 0;
+                var e = 0;
+                for (var f = 0; f < 12; f++) {
+                    var g = this.h._inner[f];
+                    g.setAttribute("data-section", "months");
+                    g.setAttribute("data-disabled", "false");
+                    g.parent().parent().setAttribute("aria-selected", "false");
+                    var h = f + 1;
+                    var i = this.c.aw;
+                    var j = this.c.av;
+                    if (+i != +(dateMinValue()) && dateGetMonth(i) == h) {
+                        b = g;
+                        c = f;
+                        g.parent().parent().setAttribute("aria-selected", "true");
+                    }
+                    if (dateGetMonth(j) == h) {
+                        a = g;
+                        d = f;
+                    }
+                    var k = this.c.aa(f, h);
+                    if (k) {
+                        g.setAttribute("data-disabled", "true");
+                    }
+                }
+                for (var l = 0; l < this.h.count; l++) {
+                    var m = this.h._inner[l];
+                    var n = m.getAttribute("data-disabled");
+                    if (n == "false") {
+                        e = l;
+                        break;
+                    }
+                }
+                var o = this.h._inner[c].getAttribute("data-disabled");
+                var p = this.h._inner[d].getAttribute("data-disabled");
+                var q = this.h._inner[e].getAttribute("data-disabled");
+                if (b != null && o == "false") {
+                    this.d(b);
+                }
+                else if (a != null && p == "false") {
+                    this.d(a);
+                }
+                else if (q == "false") {
+                    this.d(this.h._inner[e]);
+                }
+                else {
+                    this.aq();
+                }
+            }
         }
     };
-    CalendarView.prototype.aj = function () {
-        if (this.g.count != 0) {
-            this.c.cy(this.g);
+    CalendarView.prototype.a5 = function () {
+        if (this.m != null) {
+            if (this.j.count != 0) {
+                var a = this.c.aq.getFullYear();
+                var b = true;
+                this.a4(a, b);
+            }
         }
     };
-    CalendarView.prototype.ao = function () {
-        if (this.h.count != 0) {
-            this.c.c2(this.h);
+    CalendarView.prototype.a4 = function (a, b) {
+        if (b === void 0) {
+            b = false;
+        }
+        if (a < this.c.au.getFullYear()) {
+            a = this.c.au.getFullYear();
+        }
+        if (a > this.c.at.getFullYear()) {
+            a = this.c.at.getFullYear();
+        }
+        var c = a - 3;
+        var d = false;
+        for (var e = 0; e < 7; e++) {
+            var f = this.j._inner[e];
+            f.setAttribute("data-section", "years");
+            f.setAttribute("data-disabled", "false");
+            f.parent().parent().setAttribute("aria-selected", "false");
+            var g = this.c.ab(e, c);
+            f.setAttribute("data-disabled", g.toString());
+            var h = f.getChildAt(0);
+            h.setText(c.toString());
+            f.parent().parent().setAttribute("aria-label", c.toString());
+            if (c == a && b) {
+                if (g == false) {
+                    f.parent().parent().setAttribute("aria-selected", "true");
+                    d = true;
+                    this.d(f);
+                }
+            }
+            c++;
+        }
+        if (d == false) {
+            var i = this.j._inner[3].getAttribute("data-disabled");
+            if (i == "false") {
+                var j = this.j._inner[3];
+                this.d(j);
+            }
         }
     };
-    CalendarView.prototype.ag = function (a) {
+    CalendarView.prototype.aq = function (a) {
         if (a === void 0) {
             a = false;
         }
-        this.ah();
-        this.ak();
-        this.q = "day";
-        this.j.show();
-        this.j.setStyleProperty("display", "flex");
-        this.m.hide();
-        this.o.hide();
-        this.ai(a);
-        this.w();
-    };
-    CalendarView.prototype.ai = function (a) {
+        this.at();
+        this.ay();
+        this.v = "day";
+        this.n.show();
+        this.n.setStyleProperty("display", "flex");
+        this.q.hide();
+        this.t.hide();
+        this.au(a);
+        this.ag();
+    };
+    CalendarView.prototype.au = function (a) {
         if (a === void 0) {
             a = false;
         }
         var b = null;
         var c = null;
         var d = null;
-        for (var e = 0; e < this.e.count; e++) {
-            var f = this.e._inner[e];
+        for (var e = 0; e < this.f.count; e++) {
+            var f = this.f._inner[e];
             var g = parseBool(f.getAttribute("data-disabled").toString());
-            var h = f.getAttribute("data-month").toString();
-            var i = parseBool(f.getAttribute("data-selected").toString());
-            var j = parseBool(f.getAttribute("data-today").toString());
-            if (i == true) {
+            var h = f.getAttribute("data-date").toString().split('/');
+            var i = h[1];
+            var j = parseBool(f.getAttribute("data-selected").toString());
+            var k = parseBool(f.getAttribute("data-today").toString());
+            if (j == true) {
                 c = f;
             }
-            if (j == true) {
+            if (k == true) {
                 d = f;
             }
-            var k = dateGetMonth(this.c.an).toString();
-            if (g == false && k == h && b == null) {
+            var l = dateGetMonth(this.c.aq).toString();
+            if (g == false && l == i && b == null) {
                 b = f;
             }
         }
@@ -251,10 +848,10 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
             b = c;
         }
         if (b == null) {
-            for (var l = 0; l < this.f.count; l++) {
-                var m = parseBool(this.f._inner[l].getAttribute("data-disabled").toString());
-                if (m == false) {
-                    b = this.f._inner[l];
+            for (var m = 0; m < this.g.count; m++) {
+                var n = parseBool(this.g._inner[m].getAttribute("data-disabled").toString());
+                if (n == false) {
+                    b = this.g._inner[m];
                     break;
                 }
             }
@@ -271,347 +868,356 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
         if (b) {
             return false;
         }
-        this.l = a;
+        this.p = a;
         return true;
     };
-    CalendarView.prototype.w = function () {
-        if (this.l != null) {
-            this.l.parent().parent().focus(false);
+    CalendarView.prototype.ag = function () {
+        if (this.p != null) {
+            this.p.parent().parent().focus(false);
         }
     };
-    CalendarView.prototype.af = function (a, b) {
+    CalendarView.prototype.ap = function (a, b) {
         if (a === void 0) {
             a = true;
         }
         if (b === void 0) {
             b = false;
         }
-        var c = parseBool(this.f._inner[0].getAttribute("data-disabled").toString());
+        var c = parseBool(this.g._inner[0].getAttribute("data-disabled").toString());
         if (c) {
             return;
         }
-        this.c.b7(-1);
-        this.ah(a, b);
-        this.ak();
+        this.c.cc(-1);
+        this.at(a, b);
+        this.ay();
     };
-    CalendarView.prototype.aa = function (a, b) {
+    CalendarView.prototype.ak = function (a, b) {
         if (a === void 0) {
             a = true;
         }
         if (b === void 0) {
             b = false;
         }
-        var c = parseBool(this.f._inner[3].getAttribute("data-disabled").toString());
+        var c = parseBool(this.g._inner[3].getAttribute("data-disabled").toString());
         if (c) {
             return;
         }
-        this.c.b7(1);
-        this.ah(a, b);
-        this.ak();
+        this.c.cc(1);
+        this.at(a, b);
+        this.ay();
+    };
+    CalendarView.prototype.a8 = function () {
+        this.n.hide();
+        this.q.show();
+        this.q.setStyleProperty("display", "flex");
+        this.t.hide();
+        this.v = "month";
+        this.ax();
+        this.ag();
+    };
+    CalendarView.prototype.a9 = function () {
+        this.n.hide();
+        this.q.hide();
+        this.t.show();
+        this.v = "year";
+        this.a5();
+        this.ag();
+    };
+    CalendarView.prototype.x = function (a) {
     };
-    CalendarView.prototype.ar = function () {
-        this.j.hide();
-        this.m.show();
-        this.m.setStyleProperty("display", "flex");
-        this.o.hide();
-        this.q = "month";
-        this.aj();
-        this.w();
-    };
-    CalendarView.prototype.as = function () {
-        this.j.hide();
-        this.m.hide();
-        this.o.show();
-        this.q = "year";
-        this.ao();
-        this.w();
-    };
-    CalendarView.prototype.s = function (a) {
-    };
-    CalendarView.prototype.t = function (a) {
+    CalendarView.prototype.y = function (a) {
         var b = a.which;
-        if (this.q == "day") {
-            var c = this.l.getAttribute("data-section").toString();
-            var d = parseInt(this.l.getAttribute("data-index").toString());
+        if (this.v == "day") {
+            var c = this.p.getAttribute("data-section").toString();
+            var d = parseInt(this.p.getAttribute("data-index").toString());
             if (c == "header") {
                 if (b == 37) {
                     if (d > 0) {
-                        var e = this.f._inner[d - 1];
+                        var e = this.g._inner[d - 1];
                         var f = this.d(e);
                         if (f == false && d > 1) {
-                            e = this.f._inner[d - 2];
+                            e = this.g._inner[d - 2];
                             this.d(e);
                         }
-                        this.w();
+                        this.ag();
                     }
                     else {
-                        this.af(false);
-                        var g = parseBool(this.l.getAttribute("data-disabled").toString());
+                        this.ap(false);
+                        var g = parseBool(this.p.getAttribute("data-disabled").toString());
                         if (g == true) {
-                            this.ai();
-                            this.w();
+                            this.au();
+                            this.ag();
                         }
                     }
                 }
                 else if (b == 39) {
                     if (d < 3) {
-                        var h = this.f._inner[d + 1];
+                        var h = this.g._inner[d + 1];
                         var i = this.d(h);
                         if (i == false && d < 2) {
-                            h = this.f._inner[d + 2];
+                            h = this.g._inner[d + 2];
                             this.d(h);
                         }
-                        this.w();
+                        this.ag();
                     }
                     else {
-                        this.aa(false);
-                        var j = parseBool(this.l.getAttribute("data-disabled").toString());
+                        this.ak(false);
+                        var j = parseBool(this.p.getAttribute("data-disabled").toString());
                         if (j == true) {
-                            this.ai();
-                            this.w();
+                            this.au();
+                            this.ag();
                         }
                     }
                 }
                 else if (b == 9) {
                     if (a.shiftKey) {
-                        this.c.cl();
+                        this.c.cs();
                     }
                     else {
                         a.preventDefault();
-                        this.ah(true);
-                        this.w();
+                        this.at(true);
+                        this.ag();
                     }
                 }
                 else if (b == 13) {
                     a.preventDefault();
                     if (d == 0) {
-                        this.af(false);
+                        this.ap(false);
                     }
                     else if (d == 1) {
-                        this.ar();
+                        this.a8();
                     }
                     else if (d == 2) {
-                        this.as();
+                        this.a9();
                     }
                     else if (d == 3) {
-                        this.aa(false);
+                        this.ak(false);
                     }
                 }
             }
             else if (c == "days") {
-                var k = this.l.getAttribute("data-day").toString();
-                var l = this.l.getAttribute("data-month").toString();
+                var k = this.p.getAttribute("data-date").toString().split('/');
+                var l = k[0];
+                var m = k[1];
                 if (b == 37) {
                     if (d == 0) {
-                        this.af(true, true);
-                        this.w();
+                        this.ap(true, true);
+                        this.ag();
                     }
                     else {
-                        var m = this.e._inner[d - 1];
-                        var n = m.getAttribute("data-day").toString();
-                        var o = m.getAttribute("data-month").toString();
-                        if (l == o) {
-                            this.d(m);
-                            this.w();
+                        var n = this.f._inner[d - 1];
+                        var o = n.getAttribute("data-date").toString().split('/');
+                        var p = o[0];
+                        var q = o[1];
+                        if (m == q) {
+                            this.d(n);
+                            this.ag();
                         }
                         else {
-                            this.af();
-                            var p = this.p(n, o);
-                            this.d(p);
-                            this.w();
+                            this.ap();
+                            var r = this.u(p, q);
+                            this.d(r);
+                            this.ag();
                         }
                     }
                 }
                 else if (b == 39) {
                     if (d == 41) {
-                        this.aa(true, false);
-                        this.w();
+                        this.ak(true, false);
+                        this.ag();
                     }
                     else {
-                        var q = this.e._inner[d + 1];
-                        var r = q.getAttribute("data-day").toString();
-                        var s = q.getAttribute("data-month").toString();
-                        if (l == s) {
-                            this.d(q);
-                            this.w();
+                        var s = this.f._inner[d + 1];
+                        var t = s.getAttribute("data-date").toString().split('/');
+                        var u = t[0];
+                        var v = t[1];
+                        if (m == v) {
+                            this.d(s);
+                            this.ag();
                         }
                         else {
-                            this.aa();
-                            var t = this.p(r, s);
-                            this.d(t);
-                            this.w();
+                            this.ak();
+                            var w = this.u(u, v);
+                            this.d(w);
+                            this.ag();
                         }
                     }
                 }
                 else if (b == 40) {
                     if (d >= 35) {
-                        this.aa();
-                        var u = this.p(k, l);
-                        var v = parseInt(u.getAttribute("data-index").toString());
-                        var w = this.e._inner[v + 7];
-                        var x = w.getAttribute("data-day").toString();
-                        var y = w.getAttribute("data-month").toString();
-                        var z = this.p(x, y);
-                        this.d(z);
-                        this.w();
+                        this.ak();
+                        var x = this.u(l, m);
+                        var y = parseInt(x.getAttribute("data-index").toString());
+                        var z = this.f._inner[y + 7];
+                        var aa = z.getAttribute("data-date").toString().split('/');
+                        var ab = aa[0];
+                        var ac = aa[1];
+                        var ad = this.u(ab, ac);
+                        this.d(ad);
+                        this.ag();
                     }
                     else {
-                        var aa = this.e._inner[d + 7];
-                        var ab = aa.getAttribute("data-day").toString();
-                        var ac = aa.getAttribute("data-month").toString();
-                        if (l == ac) {
-                            this.d(aa);
-                            this.w();
+                        var ae = this.f._inner[d + 7];
+                        var af = ae.getAttribute("data-date").toString().split('/');
+                        var ag = af[0];
+                        var ah = af[1];
+                        if (m == ah) {
+                            this.d(ae);
+                            this.ag();
                         }
                         else {
-                            this.aa();
-                            var ad = this.p(ab, ac);
-                            this.d(ad);
-                            this.w();
+                            this.ak();
+                            var ai = this.u(ag, ah);
+                            this.d(ai);
+                            this.ag();
                         }
                     }
                 }
                 else if (b == 38) {
                     if (d <= 6) {
-                        this.af();
-                        var ae = this.p(k, l);
-                        var af = parseInt(ae.getAttribute("data-index").toString());
-                        var ag = this.e._inner[af - 7];
-                        var ah = ag.getAttribute("data-day").toString();
-                        var ai = ag.getAttribute("data-month").toString();
-                        var aj = this.p(ah, ai);
-                        this.d(aj);
-                        this.w();
+                        this.ap();
+                        var aj = this.u(l, m);
+                        var ak = parseInt(aj.getAttribute("data-index").toString());
+                        var al = this.f._inner[ak - 7];
+                        var am = al.getAttribute("data-date").toString().split('/');
+                        var an = am[0];
+                        var ao = am[1];
+                        var ap = this.u(an, ao);
+                        this.d(ap);
+                        this.ag();
                     }
                     else {
-                        var ak = this.e._inner[d - 7];
-                        var al = ak.getAttribute("data-day").toString();
-                        var am = ak.getAttribute("data-month").toString();
-                        if (l == am) {
-                            this.d(ak);
-                            this.w();
+                        var aq = this.f._inner[d - 7];
+                        var ar = aq.getAttribute("data-date").toString().split('/');
+                        var as = ar[0];
+                        var at = ar[1];
+                        if (m == at) {
+                            this.d(aq);
+                            this.ag();
                         }
                         else {
-                            this.af();
-                            var an = this.p(al, am);
-                            this.d(an);
-                            this.w();
+                            this.ap();
+                            var au = this.u(as, at);
+                            this.d(au);
+                            this.ag();
                         }
                     }
                 }
                 else if (b == 34) {
-                    this.aa();
-                    this.w();
+                    this.ak();
+                    this.ag();
                 }
                 else if (b == 33) {
-                    this.af();
-                    this.w();
+                    this.ap();
+                    this.ag();
                 }
                 else if (b == 9) {
                     if (a.shiftKey) {
                         a.preventDefault();
-                        var ao = this.f._inner[1];
-                        this.d(ao);
-                        this.w();
+                        var av = this.g._inner[1];
+                        this.d(av);
+                        this.ag();
                     }
                     else {
-                        this.c.cl();
+                        this.c.cs();
                     }
                 }
             }
         }
-        else if (this.q == "month") {
-            var ap = parseInt(this.l.getAttribute("data-index").toString());
+        else if (this.v == "month") {
+            var aw = parseInt(this.p.getAttribute("data-index").toString());
             if (b == 37) {
-                if (ap == 0) {
-                    var aq = this.g._inner[11];
-                    this.d(aq);
-                    this.w();
+                if (aw == 0) {
+                    var ax = this.h._inner[11];
+                    this.d(ax);
+                    this.ag();
                 }
                 else {
-                    var ar = this.g._inner[ap - 1];
-                    this.d(ar);
-                    this.w();
+                    var ay = this.h._inner[aw - 1];
+                    this.d(ay);
+                    this.ag();
                 }
             }
             else if (b == 39) {
-                if (ap == 11) {
-                    var as = this.g._inner[0];
-                    this.d(as);
-                    this.w();
+                if (aw == 11) {
+                    var az = this.h._inner[0];
+                    this.d(az);
+                    this.ag();
                 }
                 else {
-                    var at = this.g._inner[ap + 1];
-                    this.d(at);
-                    this.w();
+                    var a0 = this.h._inner[aw + 1];
+                    this.d(a0);
+                    this.ag();
                 }
             }
             else if (b == 40) {
-                if (ap >= 9) {
-                    var au = this.g._inner[ap - 9];
-                    this.d(au);
-                    this.w();
+                if (aw >= 9) {
+                    var a1 = this.h._inner[aw - 9];
+                    this.d(a1);
+                    this.ag();
                 }
                 else {
-                    var av = this.g._inner[ap + 3];
-                    this.d(av);
-                    this.w();
+                    var a2 = this.h._inner[aw + 3];
+                    this.d(a2);
+                    this.ag();
                 }
             }
             else if (b == 38) {
-                if (ap <= 2) {
-                    var aw = this.g._inner[ap + 9];
-                    this.d(aw);
-                    this.w();
+                if (aw <= 2) {
+                    var a3 = this.h._inner[aw + 9];
+                    this.d(a3);
+                    this.ag();
                 }
                 else {
-                    var ax = this.g._inner[ap - 3];
-                    this.d(ax);
-                    this.w();
+                    var a4 = this.h._inner[aw - 3];
+                    this.d(a4);
+                    this.ag();
                 }
             }
             else if (b == 13) {
-                this.d(this.f._inner[1]);
-                this.w();
+                this.d(this.g._inner[1]);
+                this.ag();
             }
         }
-        else if (this.q == "year") {
-            var ay = parseInt(this.l.getAttribute("data-index").toString());
+        else if (this.v == "year") {
+            var a5 = parseInt(this.p.getAttribute("data-index").toString());
+            var a6 = parseInt(this.j._inner[3].getChildAt(0).getText());
             if (b == 40) {
-                this.c.cs(this.h, 1);
-                this.w();
+                this.c.cz(a6, 1);
+                this.ag();
             }
             else if (b == 38) {
-                this.c.cs(this.h, -1);
-                this.w();
+                this.c.cz(a6, -1);
+                this.ag();
             }
             else if (b == 13) {
-                this.d(this.f._inner[2]);
-                this.w();
+                this.d(this.g._inner[2]);
+                this.ag();
             }
         }
         if (b == 27) {
-            this.ag();
-            this.c.cl();
+            this.aq();
+            this.c.cs();
         }
         if (a.altKey == true) {
             if (b == 38) {
-                this.ag();
-                this.c.cl();
+                this.aq();
+                this.c.cs();
             }
         }
     };
-    CalendarView.prototype.p = function (a, b) {
+    CalendarView.prototype.u = function (a, b) {
         var c = null;
         var d = null;
         for (var e = 0; e < 42; e++) {
-            var f = this.e._inner[e];
-            var g = f.getAttribute("data-day").toString();
-            var h = f.getAttribute("data-month").toString();
-            if (b == h && d == null) {
+            var f = this.f._inner[e];
+            var g = f.getAttribute("data-date").toString().split('/');
+            var h = g[0];
+            var i = g[1];
+            if (b == i && d == null) {
                 d = f;
             }
-            if (b == h && a == g) {
+            if (b == i && a == h) {
                 c = f;
                 break;
             }
@@ -621,52 +1227,53 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return c;
     };
-    CalendarView.prototype.ae = function (a) {
-        var b = this.f._inner[0];
+    CalendarView.prototype.ao = function (a) {
+        var b = this.g._inner[0];
         var c = parseBool(b.getAttribute("data-disabled").toString());
         if (c == true) {
             return;
         }
-        this.af();
+        this.ap();
     };
-    CalendarView.prototype.z = function (a) {
-        var b = this.f._inner[3];
+    CalendarView.prototype.aj = function (a) {
+        var b = this.g._inner[3];
         var c = parseBool(b.getAttribute("data-disabled").toString());
         if (c == true) {
             return;
         }
-        this.aa();
+        this.ak();
     };
-    CalendarView.prototype.y = function (a) {
-        var b = this.f._inner[1];
+    CalendarView.prototype.ai = function (a) {
+        var b = this.g._inner[1];
         var c = parseBool(b.getAttribute("data-disabled").toString());
         if (c == true) {
             return;
         }
-        this.ar();
+        this.a8();
     };
-    CalendarView.prototype.av = function (a) {
-        var b = this.f._inner[2];
+    CalendarView.prototype.bc = function (a) {
+        var b = this.g._inner[2];
         var c = parseBool(b.getAttribute("data-disabled").toString());
         if (c == true) {
             return;
         }
-        this.as();
+        this.a9();
     };
-    CalendarView.prototype.v = function (e_) {
+    CalendarView.prototype.af = function (e_) {
         var a = (e_.originalEvent.currentTarget);
         var b = a.innerText;
         if (b != "") {
             var c = a.lastChild.lastChild.lastChild;
             var d = parseBool(c.getAttribute("data-disabled").toString());
             if (d == false) {
-                var e = c.getAttribute("data-month").toString();
-                var f = c.getAttribute("data-year").toString();
-                this.c.ch(b, e, f);
+                var e = c.getAttribute("data-date").toString().split('/');
+                var f = e[1];
+                var g = e[2];
+                this.c.co(b, f, g);
             }
         }
     };
-    CalendarView.prototype.x = function (e_) {
+    CalendarView.prototype.ah = function (e_) {
         var a = (e_.originalEvent.currentTarget);
         var b = a.getAttribute("data-month").toString();
         if (b != "") {
@@ -674,12 +1281,12 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
             var d = a.lastChild.lastChild.lastChild;
             var e = parseBool(d.getAttribute("data-disabled").toString());
             if (e == false) {
-                this.c.b9(c);
-                this.ag();
+                this.c.cd(c);
+                this.aq();
             }
         }
     };
-    CalendarView.prototype.at = function (e_) {
+    CalendarView.prototype.ba = function (e_) {
         var a = (e_.originalEvent.currentTarget);
         var b = a.innerText;
         if (b != "") {
@@ -687,18 +1294,19 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
             var d = a.lastChild.lastChild.lastChild;
             var e = parseBool(d.getAttribute("data-disabled").toString());
             if (e == false) {
-                this.c.ca(c);
-                this.ag();
+                this.c.ce(c);
+                this.aq();
             }
         }
     };
-    CalendarView.prototype.au = function (e_) {
+    CalendarView.prototype.bb = function (e_) {
         e_.preventDefault();
         var a = (e_.originalEvent.deltaY);
-        this.c.cs(this.h, a);
+        var b = parseInt(this.j._inner[3].getChildAt(0).getText());
+        this.c.cz(b, a);
     };
     CalendarView.prototype.a = function () {
-        var rect_ = this.i.rootWrapper.getNativeElement().getBoundingClientRect();
+        var rect_ = this.m.rootWrapper.getNativeElement().getBoundingClientRect();
         var a = (rect_.top);
         var b = (rect_.left);
         var c = new Array(2);
@@ -715,7 +1323,7 @@ var CalendarView = /** @class */ /*@__PURE__*/ (function (_super) {
         d[1] = c;
         return d;
     };
-    CalendarView.prototype.ab = function () {
+    CalendarView.prototype.al = function () {
     };
     CalendarView.$t = markType(CalendarView, 'CalendarView');
     return CalendarView;
@@ -724,69 +1332,65 @@ export { CalendarView };
 /**
  * @hidden
  */
-var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
-    tslib_1.__extends(Calendar, _super);
-    function Calendar() {
+var XCalendar = /** @class */ /*@__PURE__*/ (function (_super) {
+    tslib_1.__extends(XCalendar, _super);
+    function XCalendar() {
         var _this = _super.call(this) || this;
-        _this.k = null;
-        _this.an = dateNow();
-        _this.aj = new Date();
-        _this.ae = null;
-        _this.af = null;
-        _this.ac = null;
-        _this.ag = null;
+        _this.l = null;
+        _this.aq = dateNow();
+        _this.am = new Date();
         _this.ai = null;
+        _this.aj = null;
         _this.ah = null;
-        _this.ad = null;
-        _this.h = null;
-        _this.am = dateMinValue();
+        _this.ak = null;
+        _this.al = null;
+        _this.k = null;
+        _this.ap = dateMinValue();
         _this.propertyChanged = null;
         _this.close = null;
         _this.valueChanged = null;
+        _this.w = null;
+        _this.as = dateMinValue();
+        _this.ar = dateNow();
+        _this.ao = dateMinValue();
+        _this.an = dateMaxValue();
+        _this.h = 3;
+        _this.f = 1;
+        _this.c5 = BrushUtil.g(0, 255, 255, 255);
+        _this.db = BrushUtil.g(255, 33, 150, 243);
+        _this.dd = BrushUtil.g(255, 21, 112, 184);
+        _this.c8 = BrushUtil.g(76, 33, 150, 243);
+        _this.da = BrushUtil.g(50, 186, 191, 199);
+        _this.de = BrushUtil.g(255, 24, 29, 31);
+        _this.dc = BrushUtil.g(255, 255, 255, 255);
+        _this.c9 = BrushUtil.g(255, 24, 29, 31);
+        _this.c7 = BrushUtil.g(255, 33, 150, 243);
+        _this.c6 = BrushUtil.g(255, 33, 150, 243);
+        _this.y = false;
         _this.u = null;
-        _this.ap = dateMinValue();
-        _this.ao = dateNow();
-        _this.al = dateMinValue();
-        _this.ak = dateMaxValue();
-        _this.e = 3;
-        _this.c = 1;
-        _this.c8 = BrushUtil.g(0, 255, 255, 255);
-        _this.de = BrushUtil.g(255, 33, 150, 243);
-        _this.dg = BrushUtil.g(255, 21, 112, 184);
-        _this.db = BrushUtil.g(76, 33, 150, 243);
-        _this.dd = BrushUtil.g(50, 186, 191, 199);
-        _this.dh = BrushUtil.g(255, 24, 29, 31);
-        _this.df = BrushUtil.g(255, 255, 255, 255);
-        _this.dc = BrushUtil.g(255, 24, 29, 31);
-        _this.da = BrushUtil.g(255, 33, 150, 243);
-        _this.c9 = BrushUtil.g(255, 33, 150, 243);
-        _this.w = false;
-        _this.s = null;
-        _this.m = 0;
-        _this.p = 0;
-        _this.x = false;
-        _this.aj = dateAddYears(_this.aj, -200);
-        _this.ae = new ObservableCollection$1(DayInfo.$, 0);
-        _this.af = new ObservableCollection$1(Button.$, 0);
-        _this.ac = new ObservableCollection$1(Button.$, 0);
-        _this.ag = new ObservableCollection$1(Button.$, 0);
-        _this.ai = new ObservableCollection$1(Button.$, 0);
-        _this.ah = new ObservableCollection$1(DomWrapper_$type, 0);
-        _this.ad = new ObservableCollection$1(DomWrapper_$type, 0);
+        _this.o = 0;
+        _this.r = 0;
+        _this.z = false;
+        _this.am = dateAddYears(_this.am, -200);
+        _this.ai = new ObservableCollection$1(DayInfo.$, 0);
+        _this.aj = new ObservableCollection$1(XButton.$, 0);
+        _this.ah = new ObservableCollection$1(XButton.$, 0);
+        _this.ak = new ObservableCollection$1(XButton.$, 0);
+        _this.al = new ObservableCollection$1(XButton.$, 0);
         var a = new CalendarView();
         a.c = _this;
-        _this.k = a;
-        _this.k.ad();
+        _this.l = a;
+        _this.l.an();
         return _this;
     }
-    Calendar.prototype.cl = function () {
+    XCalendar.prototype.cs = function () {
         if (this.close != null) {
             this.close(this);
         }
     };
-    Calendar.prototype.cn = function (a) {
-        var b = this.ap;
-        this.ap = a;
+    XCalendar.prototype.cu = function (a) {
+        var b = this.as;
+        this.as = a;
         if (this.valueChanged != null) {
             this.valueChanged(this, ((function () {
                 var $ret = new ValueChangedEventArgs();
@@ -795,389 +1399,389 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
                 return $ret;
             })()));
         }
-        if (+(this.at) != +(dateMinValue())) {
-            this.an = this.at;
+        if (+(this.aw) != +(dateMinValue())) {
+            this.aq = this.aw;
         }
-        this.cq();
+        this.cx();
     };
-    Calendar.prototype.ch = function (a, b, c) {
+    XCalendar.prototype.co = function (a, b, c) {
         var d = dateFromValues(parseInt(c), parseInt(b), parseInt(a), 0, 0, 0, 0);
-        this.cn(d);
+        this.cu(d);
     };
-    Calendar.prototype.notifySizeChanged = function () {
-        this.k.ab();
+    XCalendar.prototype.notifySizeChanged = function () {
+        this.l.al();
     };
-    Calendar.prototype.destroy = function () {
-        if (this.h != null) {
-            var a = this.h;
-            a.clicked = delegateRemove(a.clicked, runOn(this, this.c5));
+    XCalendar.prototype.destroy = function () {
+        if (this.k != null) {
+            var a = this.k;
+            a.clicked = delegateRemove(a.clicked, runOn(this, this.c2));
         }
         this.provideContainer(null);
     };
-    Calendar.prototype.provideContainer = function (a) {
-        this.k.ac(a);
+    XCalendar.prototype.provideContainer = function (a) {
+        this.l.am(a);
     };
-    Object.defineProperty(Calendar.prototype, "v", {
+    Object.defineProperty(XCalendar.prototype, "x", {
         get: function () {
-            if (this.u == null) {
-                this.u = new SRProvider(this.k.i);
-                this.u.cb("Calendar");
+            if (this.w == null) {
+                this.w = new SRProvider(this.l.m);
+                this.w.cb("Calendar");
             }
-            return this.u;
+            return this.w;
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "at", {
+    Object.defineProperty(XCalendar.prototype, "aw", {
         get: function () {
-            return this.ap;
+            return this.as;
         },
         set: function (a) {
-            var b = this.ap;
-            this.am = b;
-            this.ap = a;
-            if (+b != +(this.ap)) {
-                this.cm("Value", b, this.ap);
+            var b = this.as;
+            this.ap = b;
+            this.as = a;
+            if (+b != +(this.as)) {
+                this.ct("Value", b, this.as);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "as", {
+    Object.defineProperty(XCalendar.prototype, "av", {
         get: function () {
-            return this.ao;
+            return this.ar;
         },
         set: function (a) {
-            var b = this.ao;
-            this.ao = a;
-            if (+b != +(this.ao)) {
-                this.cm("Today", b, this.ao);
+            var b = this.ar;
+            this.ar = a;
+            if (+b != +(this.ar)) {
+                this.ct("Today", b, this.ar);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "ar", {
+    Object.defineProperty(XCalendar.prototype, "au", {
         get: function () {
-            return this.al;
+            return this.ao;
         },
         set: function (a) {
-            var b = this.al;
-            this.al = a;
-            if (+b != +(this.al)) {
-                this.cm("MinDate", b, this.al);
+            var b = this.ao;
+            this.ao = a;
+            if (+b != +(this.ao)) {
+                this.ct("MinDate", b, this.ao);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "aq", {
+    Object.defineProperty(XCalendar.prototype, "at", {
         get: function () {
-            return this.ak;
+            return this.an;
         },
         set: function (a) {
-            var b = this.ak;
-            this.ak = a;
-            if (+b != +(this.ak)) {
-                this.cm("MaxDate", b, this.ak);
+            var b = this.an;
+            this.an = a;
+            if (+b != +(this.an)) {
+                this.ct("MaxDate", b, this.an);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "f", {
+    Object.defineProperty(XCalendar.prototype, "i", {
         get: function () {
-            return this.e;
+            return this.h;
         },
         set: function (a) {
-            var b = this.e;
-            this.e = a;
-            if (b != this.e) {
-                this.cm("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.e));
+            var b = this.h;
+            this.h = a;
+            if (b != this.h) {
+                this.ct("Density", enumGetBox(ControlDisplayDensity_$type, b), enumGetBox(ControlDisplayDensity_$type, this.h));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "d", {
+    Object.defineProperty(XCalendar.prototype, "g", {
         get: function () {
-            return this.c;
+            return this.f;
         },
         set: function (a) {
-            var b = this.c;
-            this.c = a;
-            if (b != this.c) {
-                this.cm("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.c));
+            var b = this.f;
+            this.f = a;
+            if (b != this.f) {
+                this.ct("BaseTheme", enumGetBox(BaseControlTheme_$type, b), enumGetBox(BaseControlTheme_$type, this.f));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "di", {
+    Object.defineProperty(XCalendar.prototype, "df", {
         get: function () {
-            return this.c8;
+            return this.c5;
         },
         set: function (a) {
-            var b = this.c8;
-            this.c8 = a;
-            if (b != this.c8) {
-                this.cm("BackgroundColor", b, this.c8);
+            var b = this.c5;
+            this.c5 = a;
+            if (b != this.c5) {
+                this.ct("BackgroundColor", b, this.c5);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dp", {
+    Object.defineProperty(XCalendar.prototype, "dl", {
         get: function () {
-            return this.de;
+            return this.db;
         },
         set: function (a) {
-            var b = this.de;
-            this.de = a;
-            if (b != this.de) {
-                this.cm("SelectedDateBackgroundColor", b, this.de);
+            var b = this.db;
+            this.db = a;
+            if (b != this.db) {
+                this.ct("SelectedDateBackgroundColor", b, this.db);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dr", {
+    Object.defineProperty(XCalendar.prototype, "dn", {
         get: function () {
-            return this.dg;
+            return this.dd;
         },
         set: function (a) {
-            var b = this.dg;
-            this.dg = a;
-            if (b != this.dg) {
-                this.cm("SelectedFocusDateBackgroundColor", b, this.dg);
+            var b = this.dd;
+            this.dd = a;
+            if (b != this.dd) {
+                this.ct("SelectedFocusDateBackgroundColor", b, this.dd);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dl", {
+    Object.defineProperty(XCalendar.prototype, "di", {
         get: function () {
-            return this.db;
+            return this.c8;
         },
         set: function (a) {
-            var b = this.db;
-            this.db = a;
-            if (b != this.db) {
-                this.cm("FocusDateBackgroundColor", b, this.db);
+            var b = this.c8;
+            this.c8 = a;
+            if (b != this.c8) {
+                this.ct("FocusDateBackgroundColor", b, this.c8);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dn", {
+    Object.defineProperty(XCalendar.prototype, "dk", {
         get: function () {
-            return this.dd;
+            return this.da;
         },
         set: function (a) {
-            var b = this.dd;
-            this.dd = a;
-            if (b != this.dd) {
-                this.cm("HoverBackgroundColor", b, this.dd);
+            var b = this.da;
+            this.da = a;
+            if (b != this.da) {
+                this.ct("HoverBackgroundColor", b, this.da);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "ds", {
+    Object.defineProperty(XCalendar.prototype, "dp", {
         get: function () {
-            return this.dh;
+            return this.de;
         },
         set: function (a) {
-            var b = this.dh;
-            this.dh = a;
-            if (b != this.dh) {
-                this.cm("TextColor", b, this.dh);
+            var b = this.de;
+            this.de = a;
+            if (b != this.de) {
+                this.ct("TextColor", b, this.de);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dq", {
+    Object.defineProperty(XCalendar.prototype, "dm", {
         get: function () {
-            return this.df;
+            return this.dc;
         },
         set: function (a) {
-            var b = this.df;
-            this.df = a;
-            if (b != this.df) {
-                this.cm("SelectedDateTextColor", b, this.df);
+            var b = this.dc;
+            this.dc = a;
+            if (b != this.dc) {
+                this.ct("SelectedDateTextColor", b, this.dc);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dm", {
+    Object.defineProperty(XCalendar.prototype, "dj", {
         get: function () {
-            return this.dc;
+            return this.c9;
         },
         set: function (a) {
-            var b = this.dc;
-            this.dc = a;
-            if (b != this.dc) {
-                this.cm("FocusDateTextColor", b, this.dc);
+            var b = this.c9;
+            this.c9 = a;
+            if (b != this.c9) {
+                this.ct("FocusDateTextColor", b, this.c9);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dk", {
+    Object.defineProperty(XCalendar.prototype, "dh", {
         get: function () {
-            return this.da;
+            return this.c7;
         },
         set: function (a) {
-            var b = this.da;
-            this.da = a;
-            if (b != this.da) {
-                this.cm("CurrentDateTextColor", b, this.da);
+            var b = this.c7;
+            this.c7 = a;
+            if (b != this.c7) {
+                this.ct("CurrentDateTextColor", b, this.c7);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "dj", {
+    Object.defineProperty(XCalendar.prototype, "dg", {
         get: function () {
-            return this.c9;
+            return this.c6;
         },
         set: function (a) {
-            var b = this.c9;
-            this.c9 = a;
-            if (b != this.c9) {
-                this.cm("CurrentDateBorderColor", b, this.c9);
+            var b = this.c6;
+            this.c6 = a;
+            if (b != this.c6) {
+                this.ct("CurrentDateBorderColor", b, this.c6);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "z", {
+    Object.defineProperty(XCalendar.prototype, "ae", {
         get: function () {
-            return this.w;
+            return this.y;
         },
         set: function (a) {
-            var b = this.w;
-            this.w = a;
-            if (b != this.w) {
-                this.cm("ShowTodayButton", b, this.w);
+            var b = this.y;
+            this.y = a;
+            if (b != this.y) {
+                this.ct("ShowTodayButton", b, this.y);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "t", {
+    Object.defineProperty(XCalendar.prototype, "v", {
         get: function () {
-            return this.s;
+            return this.u;
         },
         set: function (a) {
-            var b = this.s;
-            this.s = a;
-            if (b != this.s) {
-                this.cm("TextStyle", b, this.s);
+            var b = this.u;
+            this.u = a;
+            if (b != this.u) {
+                this.ct("TextStyle", b, this.u);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "n", {
+    Object.defineProperty(XCalendar.prototype, "p", {
         get: function () {
-            return this.m;
+            return this.o;
         },
         set: function (a) {
-            var b = this.m;
-            this.m = a;
-            if (b != this.m) {
-                this.cm("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.m));
+            var b = this.o;
+            this.o = a;
+            if (b != this.o) {
+                this.ct("FirstDayOfWeek", enumGetBox(DayOfWeek_$type, b), enumGetBox(DayOfWeek_$type, this.o));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "q", {
+    Object.defineProperty(XCalendar.prototype, "s", {
         get: function () {
-            return this.p;
+            return this.r;
         },
         set: function (a) {
-            var b = this.p;
-            this.p = a;
-            if (b != this.p) {
-                this.cm("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.p));
+            var b = this.r;
+            this.r = a;
+            if (b != this.r) {
+                this.ct("FirstWeekOfYear", enumGetBox(FirstWeek_$type, b), enumGetBox(FirstWeek_$type, this.r));
             }
         },
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(Calendar.prototype, "aa", {
+    Object.defineProperty(XCalendar.prototype, "af", {
         get: function () {
-            return this.x;
+            return this.z;
         },
         set: function (a) {
-            var b = this.x;
-            this.x = a;
-            if (b != this.x) {
-                this.cm("ShowWeekNumbers", b, this.x);
+            var b = this.z;
+            this.z = a;
+            if (b != this.z) {
+                this.ct("ShowWeekNumbers", b, this.z);
             }
         },
         enumerable: true,
         configurable: true
     });
-    Calendar.prototype.cm = function (a, b, c) {
+    XCalendar.prototype.ct = function (a, b, c) {
         if (this.propertyChanged != null) {
             this.propertyChanged(this, new PropertyChangedEventArgs(a));
         }
-        this.co(a, b, c);
+        this.cv(a, b, c);
     };
-    Calendar.prototype.co = function (a, b, c) {
+    XCalendar.prototype.cv = function (a, b, c) {
         switch (a) {
             case "Density":
-                this.ct();
+                this.c0();
                 break;
             case "BaseTheme":
-                this.cv();
+                this.c1();
                 break;
             case "Value":
-                if (+(this.at) != +(dateMinValue())) {
-                    if (dateGetDate(this.at) < dateGetDate(this.ar) || dateGetDate(this.at) > dateGetDate(this.aq)) {
-                        this.at = this.am;
+                if (+(this.aw) != +(dateMinValue())) {
+                    if (dateGetDate(this.aw) < dateGetDate(this.au) || dateGetDate(this.aw) > dateGetDate(this.at)) {
+                        this.aw = this.ap;
                     }
                 }
-                this.am = this.at;
-                if (+(this.at) != +(dateMinValue())) {
-                    this.an = this.at;
+                this.ap = this.aw;
+                if (+(this.aw) != +(dateMinValue())) {
+                    this.aq = this.aw;
                 }
-                this.cq();
+                this.cx();
                 break;
             case "Today":
-                var d = Base.compareSimple(this.as, this.ar);
-                var e = Base.compareSimple(this.as, this.aq);
+                var d = Base.compareSimple(this.av, this.au);
+                var e = Base.compareSimple(this.av, this.at);
                 if (d < 0) {
-                    this.ao = this.ar;
+                    this.ar = this.au;
                 }
                 else if (e > 0) {
-                    this.ao = this.aq;
+                    this.ar = this.at;
                 }
-                if (+(this.at) == +(dateMinValue())) {
-                    this.an = this.as;
+                if (+(this.aw) == +(dateMinValue())) {
+                    this.aq = this.av;
                 }
-                this.cq();
+                this.cx();
                 break;
             case "MaxDate":
             case "MinDate":
-                var f = Base.compareSimple(this.ar, this.aq);
+                var f = Base.compareSimple(this.au, this.at);
                 if (f >= 0) {
-                    this.aq = dateMaxValue();
+                    this.at = dateMaxValue();
                 }
-                var g = Base.compareSimple(this.an, this.ar);
-                var h = Base.compareSimple(this.an, this.aq);
+                var g = Base.compareSimple(this.aq, this.au);
+                var h = Base.compareSimple(this.aq, this.at);
                 if (g < 0) {
-                    this.an = this.ar;
+                    this.aq = this.au;
                 }
                 else if (h > 0) {
-                    this.an = this.aq;
+                    this.aq = this.at;
                 }
-                this.cq();
+                this.cx();
                 break;
             case "TextColor":
             case "SelectedDateTextColor":
@@ -1189,423 +1793,345 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
             case "SelectedFocusDateBackgroundColor":
             case "SelectedDateBackgroundColor":
             case "HoverBackgroundColor":
-                this.c6();
+                this.c3();
                 break;
             case "TextStyle":
-                this.c7();
+                this.c4();
                 break;
             case "ShowTodayButton":
-                this.k.ap();
+                this.l.a6();
                 break;
             case "FirstDayOfWeek":
-                this.cq();
+                this.cx();
                 break;
             case "FirstWeekOfYear":
             case "ShowWeekNumbers":
-                this.k.aq();
-                this.cq();
+                this.l.a7();
+                this.cx();
                 break;
         }
     };
-    Calendar.prototype.c6 = function () {
-        for (var a = 0; a < this.af.count; a++) {
-            if (this.ds != null) {
-                this.af._inner[a].s5 = this.ds;
+    XCalendar.prototype.c3 = function () {
+        for (var a = 0; a < this.aj.count; a++) {
+            if (this.dp != null) {
+                this.aj._inner[a].s5 = this.dp;
             }
-            if (this.dm != null) {
-                this.af._inner[a].s1 = this.dm;
+            if (this.dj != null) {
+                this.aj._inner[a].s1 = this.dj;
             }
-            if (this.di != null) {
-                this.af._inner[a].sv = this.di;
+            if (this.df != null) {
+                this.aj._inner[a].sv = this.df;
             }
-            if (this.dl != null) {
-                this.af._inner[a].s0 = this.dl;
+            if (this.di != null) {
+                this.aj._inner[a].s0 = this.di;
             }
-            if (this.dn != null) {
-                this.af._inner[a].s2 = this.dn;
+            if (this.dk != null) {
+                this.aj._inner[a].s2 = this.dk;
             }
         }
-        for (var b = 0; b < this.ac.count; b++) {
-            if (this.ds != null) {
-                this.ac._inner[b].s5 = this.ds;
+        for (var b = 0; b < this.ah.count; b++) {
+            if (this.dp != null) {
+                this.ah._inner[b].s5 = this.dp;
             }
-            if (this.dm != null) {
-                this.ac._inner[b].s1 = this.dm;
+            if (this.dj != null) {
+                this.ah._inner[b].s1 = this.dj;
             }
-            if (this.di != null) {
-                this.ac._inner[b].sv = this.di;
+            if (this.df != null) {
+                this.ah._inner[b].sv = this.df;
             }
-            if (this.dl != null) {
-                this.ac._inner[b].s0 = this.dl;
+            if (this.di != null) {
+                this.ah._inner[b].s0 = this.di;
             }
-            if (this.dn != null) {
-                this.ac._inner[b].s2 = this.dn;
+            if (this.dk != null) {
+                this.ah._inner[b].s2 = this.dk;
             }
         }
-        for (var c = 0; c < this.ag.count; c++) {
-            if (this.ds != null) {
-                this.ag._inner[c].s5 = this.ds;
+        for (var c = 0; c < this.ak.count; c++) {
+            if (this.dp != null) {
+                this.ak._inner[c].s5 = this.dp;
             }
-            if (this.dm != null) {
-                this.ag._inner[c].s1 = this.dm;
+            if (this.dj != null) {
+                this.ak._inner[c].s1 = this.dj;
             }
-            if (this.di != null) {
-                this.ag._inner[c].sv = this.di;
+            if (this.df != null) {
+                this.ak._inner[c].sv = this.df;
             }
-            if (this.dl != null) {
-                this.ag._inner[c].s0 = this.dl;
+            if (this.di != null) {
+                this.ak._inner[c].s0 = this.di;
             }
-            if (this.dn != null) {
-                this.ag._inner[c].s2 = this.dn;
+            if (this.dk != null) {
+                this.ak._inner[c].s2 = this.dk;
             }
         }
-        for (var d = 0; d < this.ai.count; d++) {
-            if (this.ds != null) {
-                this.ai._inner[d].s5 = this.ds;
+        for (var d = 0; d < this.al.count; d++) {
+            if (this.dp != null) {
+                this.al._inner[d].s5 = this.dp;
             }
-            if (this.dm != null) {
-                this.ai._inner[d].s1 = this.dm;
+            if (this.dj != null) {
+                this.al._inner[d].s1 = this.dj;
             }
-            if (this.di != null) {
-                this.ai._inner[d].sv = this.di;
-            }
-            if (this.dl != null) {
-                this.ai._inner[d].s0 = this.dl;
-            }
-            if (this.dn != null) {
-                this.ai._inner[d].s2 = this.dn;
-            }
-        }
-    };
-    Calendar.prototype.c7 = function () {
-        for (var a = 0; a < this.af.count; a++) {
-            if (this.s != null) {
-                this.af._inner[a].v = this.s;
-            }
-        }
-        for (var b = 0; b < this.ac.count; b++) {
-            if (this.s != null) {
-                this.ac._inner[b].v = this.s;
-            }
-        }
-        for (var c = 0; c < this.ag.count; c++) {
-            if (this.s != null) {
-                this.ag._inner[c].v = this.s;
-            }
-        }
-        for (var d = 0; d < this.ai.count; d++) {
-            if (this.s != null) {
-                this.ai._inner[d].v = this.s;
-            }
-        }
-    };
-    Calendar.prototype.cj = function () {
-        this.k.ai();
-        this.k.w();
-    };
-    Calendar.prototype.cv = function () {
-    };
-    Calendar.prototype.ct = function () {
-    };
-    Calendar.prototype.cg = function () {
-        this.at = dateMinValue();
-        this.k.ah();
-    };
-    Calendar.prototype.cq = function () {
-        this.k.an();
-        this.cc();
-        this.k.ak();
-        this.k.ao();
-        this.k.ah();
-    };
-    Calendar.prototype.cb = function (a, b, c, d) {
-        b.setStyleProperty("display", "flex");
-        b.setStyleProperty("flex-direction", "column");
-        b.setStyleProperty("justify-content", "space-evenly");
-        var e = a.createElement("div");
-        e.setStyleProperty("display", "flex");
-        e.setStyleProperty("justify-content", "space-evenly");
-        e.setStyleProperty("width", "100%");
-        e.setAttribute("role", "row");
-        var f = a.createElement("div");
-        f.setStyleProperty("width", "15%");
-        var g = a.createElement("div");
-        g.setStyleProperty("width", "20%");
-        var h = a.createElement("div");
-        h.setStyleProperty("width", "20%");
-        var i = a.createElement("div");
-        i.setStyleProperty("width", "15%");
-        e.append(f);
-        e.append(g);
-        e.append(h);
-        e.append(i);
-        b.append(e);
-        var j = a.createElement("div");
-        j.setStyleProperty("display", "flex");
-        j.setStyleProperty("flex-direction", "row");
-        j.setStyleProperty("justify-content", "space-evenly");
-        c.setStyleProperty("padding-bottom", "6px");
-        j.append(c);
-        var k = a.createElement("div");
-        k.setStyleProperty("display", "flex");
-        k.setStyleProperty("flex-direction", "column");
-        k.setStyleProperty("width", "220px");
-        k.setAttribute("role", "grid");
-        k.setAttribute("aria-readonly", "true");
-        j.append(k);
-        b.append(j);
-        var l = 0;
-        for (var m = 0; m < 7; m++) {
-            var n = a.createElement("div");
-            n.setAttribute("role", "row");
-            n.setStyleProperty("display", "flex");
-            n.setStyleProperty("justify-content", "space-evenly");
-            if (m == 0) {
-                for (var o = 0; o < 7; o++) {
-                    var p = a.createElement("div");
-                    p.setAttribute("role", "columnheader");
-                    p.setAttribute("scope", "col");
-                    p.setStyleProperty("text-align", "center");
-                    p.setStyleProperty("vertical-align", "middle");
-                    p.setStyleProperty("width", "12%");
-                    var q = a.createElement("span");
-                    q.setStyleProperty("font", "16px \"Segoe UI\", Verdana");
-                    q.setStyleProperty("color", "rgb(24, 29, 31)");
-                    p.append(q);
-                    this.ad.add(q);
-                    n.append(p);
-                }
-                k.append(n);
+            if (this.df != null) {
+                this.al._inner[d].sv = this.df;
             }
-            else {
-                for (var r = 0; r < 7; r++) {
-                    var s = a.createElement("div");
-                    s.setAttribute("role", "gridcell");
-                    s.setStyleProperty("justify-content", "center");
-                    var t = d._inner[l];
-                    var u = this.j(a, s, t);
-                    u.bh = 30;
-                    u.bg = 30;
-                    this.ac.add(u);
-                    u.ih = "btnDays" + r.toString();
-                    s.setStyleProperty("width", "12%");
-                    s.setStyleProperty("height", "100%");
-                    n.append(s);
-                    l++;
-                }
-                k.append(n);
-            }
-        }
-        var v = a.createElement("div");
-        v.setStyleProperty("display", "flex");
-        v.setStyleProperty("padding-bottom", "4px");
-        var w = a.createElement("div");
-        w.setStyleProperty("width", "100%");
-        w.setStyleProperty("justify-content", "center");
-        var x = a.createElement("div");
-        this.h = this.j(a, w, x);
-        var y = this.h;
-        y.clicked = delegateCombine(y.clicked, runOn(this, this.c5));
-        var z = x.getChildAt(0);
-        var aa = !stringIsNullOrWhiteSpace(this.v.b1("Today")) ? this.v.b1("Today") : "Today";
-        z.setText(aa);
-        x.parent().parent().setAttribute("aria-label", aa);
-        v.append(w);
-        b.append(v);
-        this.c4(b);
-        this.cc();
-    };
-    Calendar.prototype.ce = function (a, b) {
-        b.setStyleProperty("display", "flex");
-        b.setStyleProperty("flex-direction", "column");
-        b.setStyleProperty("padding-top", "26px");
-        var c = this.ab();
-        for (var d = 0; d < 6; d++) {
-            var e = a.createElement("div");
-            e.setAttribute("aria-hidden", "true");
-            e.setStyleProperty("text-align", "center");
-            e.setStyleProperty("vertical-align", "middle");
-            e.setStyleProperty("height", "30px");
-            e.setStyleProperty("width", "25px");
-            e.setStyleProperty("border-width", "0px 1px 0px 0px");
-            e.setStyleProperty("border-style", "solid");
-            e.setStyleProperty("border-color", "rgb(163, 172, 184)");
-            var f = a.createElement("span");
-            f.setAttribute("aria-hidden", "true");
-            f.setStyleProperty("font", "14px \"Segoe UI\", Verdana");
-            f.setStyleProperty("color", "rgb(24, 29, 31)");
-            e.append(f);
-            this.ah.add(f);
-            f.setText(c._inner[d].toString());
-            b.append(e);
+            if (this.di != null) {
+                this.al._inner[d].s0 = this.di;
+            }
+            if (this.dk != null) {
+                this.al._inner[d].s2 = this.dk;
+            }
+        }
+    };
+    XCalendar.prototype.c4 = function () {
+        for (var a = 0; a < this.aj.count; a++) {
+            if (this.u != null) {
+                this.aj._inner[a].v = this.u;
+            }
+        }
+        for (var b = 0; b < this.ah.count; b++) {
+            if (this.u != null) {
+                this.ah._inner[b].v = this.u;
+            }
+        }
+        for (var c = 0; c < this.ak.count; c++) {
+            if (this.u != null) {
+                this.ak._inner[c].v = this.u;
+            }
+        }
+        for (var d = 0; d < this.al.count; d++) {
+            if (this.u != null) {
+                this.al._inner[d].v = this.u;
+            }
+        }
+    };
+    XCalendar.prototype.cq = function () {
+        this.l.au();
+        this.l.ag();
+    };
+    XCalendar.prototype.c1 = function () {
+    };
+    XCalendar.prototype.c0 = function () {
+    };
+    XCalendar.prototype.ch = function () {
+        this.aw = dateMinValue();
+        this.l.at();
+    };
+    XCalendar.prototype.cx = function () {
+        this.l.a2();
+        this.cg();
+        this.l.ay();
+        this.l.a5();
+        this.l.at();
+    };
+    XCalendar.prototype.cf = function () {
+        this.cg();
+    };
+    XCalendar.prototype.ci = function (a, b, c) {
+        var d = new XButton();
+        this.l.as(a, d);
+        d.d = this.g;
+        d.h = this.i;
+        d.v = this.u;
+        d.eu = -1;
+        d.s = 1;
+        if (this.u != null) {
+            d.v = this.u;
+        }
+        var e = new CornerRadius(0, 2);
+        d.ke = e;
+        d.kv = e;
+        d.ec = 0;
+        d.appendButtonContent(b);
+        d.s5 = this.dp;
+        d.s1 = this.dj;
+        d.sv = this.df;
+        d.s0 = this.di;
+        d.s2 = this.dk;
+        d.bh = 30;
+        d.bg = 30;
+        this.ah.add(d);
+        d.ih = "btnDays" + c.toString();
+    };
+    XCalendar.prototype.cm = function (a, b) {
+        var c = new XButton();
+        this.l.as(a, c);
+        c.d = this.g;
+        c.h = this.i;
+        c.v = this.u;
+        c.eu = -1;
+        c.s = 1;
+        if (this.u != null) {
+            c.v = this.u;
+        }
+        var d = new CornerRadius(0, 2);
+        c.ke = d;
+        c.kv = d;
+        c.ec = 0;
+        c.appendButtonContent(b);
+        var e = !stringIsNullOrWhiteSpace(this.x.b1("Today")) ? this.x.b1("Today") : "Today";
+        this.l.ar(b, e);
+        c.s5 = this.dp;
+        c.s1 = this.dj;
+        c.sv = this.df;
+        c.s0 = this.di;
+        c.s2 = this.dk;
+        this.k = c;
+        var f = this.k;
+        f.clicked = delegateCombine(f.clicked, runOn(this, this.c2));
+    };
+    XCalendar.prototype.c2 = function (a, b) {
+        this.aq = this.av;
+        this.cg();
+        this.l.aq(true);
+    };
+    XCalendar.prototype.cl = function (a, b) {
+        var c = new XButton();
+        this.l.as(a, c);
+        c.d = this.g;
+        c.h = this.i;
+        c.v = this.u;
+        c.eu = -1;
+        c.s = 1;
+        if (this.u != null) {
+            c.v = this.u;
+        }
+        var d = new CornerRadius(0, 2);
+        c.ke = d;
+        c.kv = d;
+        c.ec = 0;
+        c.appendButtonContent(b);
+        c.s5 = this.dp;
+        c.s1 = this.dj;
+        c.sv = this.df;
+        c.s0 = this.di;
+        c.s2 = this.dk;
+        c.bh = 40;
+        this.ak.add(c);
+    };
+    XCalendar.prototype.e = function (a, b) {
+        var c = new Array(2);
+        c[0] = "";
+        c[1] = "";
+        switch (a) {
+            case 1:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("January_Full")) ? this.x.b1("January_Full") : "January";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("January_Short")) ? this.x.b1("January_Short") : "Jan";
+                break;
+            case 2:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("February_Full")) ? this.x.b1("February_Full") : "February";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("February_Short")) ? this.x.b1("February_Short") : "Feb";
+                break;
+            case 3:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("March_Full")) ? this.x.b1("March_Full") : "March";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("March_Short")) ? this.x.b1("March_Short") : "Mar";
+                break;
+            case 4:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("April_Full")) ? this.x.b1("April_Full") : "April";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("April_Short")) ? this.x.b1("April_Short") : "Apr";
+                break;
+            case 5:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("May_Full")) ? this.x.b1("May_Full") : "May";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("May_Short")) ? this.x.b1("May_Short") : "May";
+                break;
+            case 6:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("June_Full")) ? this.x.b1("June_Full") : "June";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("June_Short")) ? this.x.b1("June_Short") : "Jun";
+                break;
+            case 7:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("July_Full")) ? this.x.b1("July_Full") : "July";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("July_Short")) ? this.x.b1("July_Short") : "Jul";
+                break;
+            case 8:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("August_Full")) ? this.x.b1("August_Full") : "August";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("August_Short")) ? this.x.b1("August_Short") : "Aug";
+                break;
+            case 9:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("September_Full")) ? this.x.b1("September_Full") : "September";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("September_Short")) ? this.x.b1("September_Short") : "Sep";
+                break;
+            case 10:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("October_Full")) ? this.x.b1("October_Full") : "October";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("October_Short")) ? this.x.b1("October_Short") : "Oct";
+                break;
+            case 11:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("November_Full")) ? this.x.b1("November_Full") : "November";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("November_Short")) ? this.x.b1("November_Short") : "Nov";
+                break;
+            case 12:
+                c[0] = !stringIsNullOrWhiteSpace(this.x.b1("December_Full")) ? this.x.b1("December_Full") : "December";
+                c[1] = !stringIsNullOrWhiteSpace(this.x.b1("December_Short")) ? this.x.b1("December_Short") : "Dec";
+                break;
         }
+        this.ak._inner[b].ih = "btnMonth" + c[1];
+        return c;
     };
-    Calendar.prototype.c5 = function (a, b) {
-        this.an = this.as;
-        this.cc();
-        this.k.ag(true);
-    };
-    Calendar.prototype.c4 = function (a) {
-        if (this.z == true) {
-            var b = a.getChildAt(2);
-            b.setStyleProperty("display", "flex");
-        }
-        else {
-            var c = a.getChildAt(2);
-            c.setStyleProperty("display", "none");
-        }
-    };
-    Calendar.prototype.cd = function (a, b, c) {
-        b.setStyleProperty("display", "flex");
-        b.setStyleProperty("flex-direction", "row");
-        b.setStyleProperty("flex-wrap", "wrap");
-        b.setStyleProperty("margin", "2px");
-        b.setStyleProperty("justify-content", "center");
-        b.setStyleProperty("width", "100%");
-        b.setStyleProperty("height", "100%");
-        b.setAttribute("role", "grid");
-        b.setAttribute("aria-readonly", "true");
-        for (var d = 0; d < 12; d++) {
-            var e = a.createElement("div");
-            e.setStyleProperty("margin", "5px");
-            e.setAttribute("data-month", (d + 1).toString());
-            var f = c._inner[d];
-            var g = this.j(a, e, f);
-            g.bh = 40;
-            this.ag.add(g);
-            e.setStyleProperty("width", "28%");
-            var h = e.getChildAt(0);
-            h.setStyleProperty("width", "100%");
-            var i = f.getChildAt(0);
-            var j = "";
-            var k = d + 1;
-            switch (k) {
-                case 1:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("January_Full")) ? this.v.b1("January_Full") : "January");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("January_Short")) ? this.v.b1("January_Short") : "Jan";
-                    break;
-                case 2:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("February_Full")) ? this.v.b1("February_Full") : "February");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("February_Short")) ? this.v.b1("February_Short") : "Feb";
-                    break;
-                case 3:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("March_Full")) ? this.v.b1("March_Full") : "March");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("March_Short")) ? this.v.b1("March_Short") : "Mar";
-                    break;
-                case 4:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("April_Full")) ? this.v.b1("April_Full") : "April");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("April_Short")) ? this.v.b1("April_Short") : "Apr";
-                    break;
-                case 5:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("May_Full")) ? this.v.b1("May_Full") : "May");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("May_Short")) ? this.v.b1("May_Short") : "May";
-                    break;
-                case 6:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("June_Full")) ? this.v.b1("June_Full") : "June");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("June_Short")) ? this.v.b1("June_Short") : "Jun";
-                    break;
-                case 7:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("July_Full")) ? this.v.b1("July_Full") : "July");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("July_Short")) ? this.v.b1("July_Short") : "Jul";
-                    break;
-                case 8:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("August_Full")) ? this.v.b1("August_Full") : "August");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("August_Short")) ? this.v.b1("August_Short") : "Aug";
-                    break;
-                case 9:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("September_Full")) ? this.v.b1("September_Full") : "September");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("September_Short")) ? this.v.b1("September_Short") : "Sep";
-                    break;
-                case 10:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("October_Full")) ? this.v.b1("October_Full") : "October");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("October_Short")) ? this.v.b1("October_Short") : "Oct";
-                    break;
-                case 11:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("November_Full")) ? this.v.b1("November_Full") : "November");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("November_Short")) ? this.v.b1("November_Short") : "Nov";
-                    break;
-                case 12:
-                    f.parent().parent().setAttribute("aria-label", !stringIsNullOrWhiteSpace(this.v.b1("December_Full")) ? this.v.b1("December_Full") : "December");
-                    j = !stringIsNullOrWhiteSpace(this.v.b1("December_Short")) ? this.v.b1("December_Short") : "Dec";
-                    break;
-            }
-            g.ih = "btnMonth" + j;
-            i.setText(j);
-            f.setAttribute("data-index", d.toString());
-            f.append(i);
-            b.append(e);
-        }
-    };
-    Calendar.prototype.cf = function (a, b, c) {
-        b.setStyleProperty("width", "100%");
-        b.setStyleProperty("height", "100%");
-        var d = this.an.getFullYear() - 3;
-        b.setStyleProperty("padding", "5px");
-        b.setAttribute("role", "grid");
-        b.setAttribute("aria-readonly", "true");
-        for (var e = 0; e < 7; e++) {
-            var f = a.createElement("div");
-            var g = c._inner[e];
-            var h = this.j(a, f, g);
-            this.ai.add(h);
-            f.setStyleProperty("width", "100%");
-            f.setStyleProperty("height", "14%");
-            f.setStyleProperty("justify-content", "center");
-            var i = f.getChildAt(0);
-            i.setStyleProperty("width", "98%");
-            var j = g.getChildAt(0);
-            h.ih = "btnYear" + e.toString();
-            j.setText(d.toString());
-            d++;
-            g.setAttribute("data-index", e.toString());
-            g.append(j);
-            b.append(f);
-        }
-    };
-    Calendar.prototype.cc = function () {
-        if (+(this.an) == +(dateMinValue())) {
-            this.an = dateNow();
-        }
-        this.ae.clear();
-        var a = dateAddDays(this.an, -(this.an.getDate() - 1));
-        var b = this.n;
+    XCalendar.prototype.cn = function (a, b, c) {
+        var d = new XButton();
+        this.l.as(a, d);
+        d.d = this.g;
+        d.h = this.i;
+        d.v = this.u;
+        d.eu = -1;
+        d.s = 1;
+        if (this.u != null) {
+            d.v = this.u;
+        }
+        var e = new CornerRadius(0, 2);
+        d.ke = e;
+        d.kv = e;
+        d.ec = 0;
+        d.appendButtonContent(b);
+        d.s5 = this.dp;
+        d.s1 = this.dj;
+        d.sv = this.df;
+        d.s0 = this.di;
+        d.s2 = this.dk;
+        d.ih = "btnYear" + c.toString();
+        this.al.add(d);
+    };
+    XCalendar.prototype.cg = function () {
+        if (+(this.aq) == +(dateMinValue())) {
+            this.aq = dateNow();
+        }
+        this.ai.clear();
+        var a = dateAddDays(this.aq, -(this.aq.getDate() - 1));
+        var b = this.p;
         var c = a.getDay();
         while (c != b) {
             a = dateAddDays(a, -1);
             c = a.getDay();
         }
-        while (this.ae.count < 42) {
+        while (this.ai.count < 42) {
             var d = new DayInfo();
             d.b = a.getDate();
             d.c = dateGetMonth(a);
             d.d = a.getFullYear();
             d.a = a.getDay();
-            this.ae.add(d);
+            this.ai.add(d);
             a = dateAddDays(a, 1);
         }
     };
-    Calendar.prototype.ab = function () {
+    XCalendar.prototype.ag = function () {
         var a = new List$1(Number_$type, 0);
-        if (this.aa == false) {
+        if (this.af == false) {
             for (var b = 0; b < 6; b++) {
                 a.add(b);
             }
             return a;
         }
-        var c = dateFromValues(this.an.getFullYear(), dateGetMonth(this.an), 1, 0, 0, 0, 0);
+        var c = dateFromValues(this.aq.getFullYear(), dateGetMonth(this.aq), 1, 0, 0, 0, 0);
         for (var d = 0; d < 6; d++) {
             var e = 0;
-            if (this.q == 2) {
-                e = this.a7(c, this.q, this.n);
+            if (this.s == 2) {
+                e = this.ba(c, this.s, this.p);
             }
             else {
-                e = this.a7(c, this.q, this.n);
+                e = this.ba(c, this.s, this.p);
             }
-            if (this.q == 0 || this.q == 2) {
+            if (this.s == 0 || this.s == 2) {
                 if (e == 2 && a._inner[d - 1] == 53) {
                     var f = c;
                     for (var g = 0; g < 6; g++) {
-                        if (f.getDay() == this.n) {
+                        if (f.getDay() == this.p) {
                             if (f.getDate() > 1) {
                                 a._inner[d - 1] = 1;
                             }
@@ -1613,10 +2139,10 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
                                 e = 1;
                             }
                         }
-                        else if (f.getDay() < this.n) {
+                        else if (f.getDay() < this.p) {
                             f = dateAddDays(f, 1);
                         }
-                        else if (f.getDay() > this.n) {
+                        else if (f.getDay() > this.p) {
                             f = dateAddDays(f, -1);
                         }
                     }
@@ -1627,7 +2153,7 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return a;
     };
-    Calendar.prototype.a6 = function (a) {
+    XCalendar.prototype.a9 = function (a) {
         var b = dateAddMonths(dateAddDays(a, -a.getDate() + 1), -dateGetMonth(a) + 1);
         var c = dateAddDays(dateAddYears(b, 1), -1);
         var d = [6, 7, 8, 9, 10, 4, 5];
@@ -1635,7 +2161,7 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
         var f = e + d[b.getDay()];
         var g = intDivide(f, 7);
         switch (g) {
-            case 0: return this.a6(dateAddDays(b, -1));
+            case 0: return this.a9(dateAddDays(b, -1));
             case 53: if (c.getDay() < 4) {
                 return 1;
             }
@@ -1645,29 +2171,29 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
             default: return g;
         }
     };
-    Calendar.prototype.a7 = function (a, b, c) {
+    XCalendar.prototype.ba = function (a, b, c) {
         if (c < 0 || c > 6) {
             return -1;
         }
         switch (b) {
-            case 0: return (this.a5(a, c));
-            case 1: return (this.a8(a, c, 7));
-            case 2: return (this.a8(a, c, 4));
+            case 0: return (this.a8(a, c));
+            case 1: return (this.bb(a, c, 7));
+            case 2: return (this.bb(a, c, 4));
         }
         return -1;
     };
-    Calendar.prototype.a5 = function (a, b) {
-        var c = this.a4(a) - 1;
+    XCalendar.prototype.a8 = function (a, b) {
+        var c = this.a7(a) - 1;
         var d = a.getDay();
         var e = d - (c % 7);
         var f = (e - b + 14) % 7;
         return (intDivide((c + f), 7) + 1);
     };
-    Calendar.prototype.a8 = function (a, b, c) {
+    XCalendar.prototype.bb = function (a, b, c) {
         var d;
         var e;
         var f;
-        var g = this.a4(a) - 1;
+        var g = this.a7(a) - 1;
         var h = a.getDay();
         d = h - (g % 7);
         e = (b - d + 14) % 7;
@@ -1678,14 +2204,14 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
         if (f >= 0) {
             return (intDivide(f, 7) + 1);
         }
-        if (a <= dateAddDays(this.ar, g)) {
-            return this.a9(b, c);
+        if (a <= dateAddDays(this.au, g)) {
+            return this.bc(b, c);
         }
-        return (this.a8(dateAddDays(a, -(g + 1)), b, c));
+        return (this.bb(dateAddDays(a, -(g + 1)), b, c));
     };
-    Calendar.prototype.a9 = function (a, b) {
-        var c = this.a4(this.ar) - 1;
-        var d = this.o(this.ar) - c % 7;
+    XCalendar.prototype.bc = function (a, b) {
+        var c = this.a7(this.au) - 1;
+        var d = this.q(this.au) - c % 7;
         var e = (a + 7 - d) % 7;
         if (e == 0 || e >= b) {
             return 1;
@@ -1699,14 +2225,14 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return (intDivide(i, 7) + 1);
     };
-    Calendar.prototype.a4 = function (a) {
-        return this.a3(a, 1);
+    XCalendar.prototype.a7 = function (a) {
+        return this.a6(a, 1);
     };
-    Calendar.prototype.o = function (a) {
+    XCalendar.prototype.q = function (a) {
         return ((intDivide(a.getTime(), 0xC92A69C000) + 1) % 7);
     };
-    Calendar.prototype.a3 = function (a, b) {
-        var c = this.ba(a.getFullYear(), dateGetMonth(a), a.getDate());
+    XCalendar.prototype.a6 = function (a, b) {
+        var c = this.bd(a.getFullYear(), dateGetMonth(a), a.getDate());
         var d = (intDivide(c, 0xC92A69C000));
         var e = intDivide(d, 146097);
         d -= e * 146097;
@@ -1729,7 +2255,7 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
             return d + 1;
         }
         var i = h == 3 && (g != 24 || f == 3);
-        var j = i ? Calendar.b : Calendar.a;
+        var j = i ? XCalendar.c : XCalendar.b;
         var k = d >> 5 + 1;
         while (d >= j[k]) {
             k++;
@@ -1739,9 +2265,9 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return d - j[k - 1] + 1;
     };
-    Calendar.prototype.ba = function (a, b, c) {
+    XCalendar.prototype.bd = function (a, b, c) {
         if (a >= 1 && a <= 9999 && b >= 1 && b <= 12) {
-            var d = Calendar.y(a) ? Calendar.b : Calendar.a;
+            var d = XCalendar.ac(a) ? XCalendar.c : XCalendar.b;
             if (c >= 1 && c <= d[b] - d[b - 1]) {
                 var e = a - 1;
                 var f = e * 365 + intDivide(e, 4) - intDivide(e, 100) + intDivide(e, 400) + d[b - 1] + c - 1;
@@ -1750,898 +2276,604 @@ var Calendar = /** @class */ /*@__PURE__*/ (function (_super) {
         }
         return -1;
     };
-    Calendar.y = function (a) {
+    XCalendar.ac = function (a) {
         return a % 4 == 0 && (a % 100 != 0 || a % 400 == 0);
     };
-    Calendar.prototype.cx = function (a, b, c) {
-        var d = b.getChildAt(0);
-        var e = c._inner[0];
-        var f = this.i(a, d, e, Calendar.bh);
-        f.bh = 28;
-        f.bg = 28;
-        e.parent().parent().setAttribute("aria-label", "Previous Month");
-        f.ih = "btnPrev";
-        this.af.add(f);
-        e.setAttribute("data-section", "header");
-        e.setAttribute("data-index", "0");
-        e.setAttribute("data-disabled", "false");
-        var g = b.getChildAt(1);
-        var h = c._inner[1];
-        var i = this.j(a, g, h);
-        i.bh = 40;
-        h.parent().parent().setAttribute("aria-label", "Select Month");
-        i.ih = "btnMonth";
-        this.af.add(i);
-        h.setAttribute("data-section", "header");
-        h.setAttribute("data-index", "1");
-        h.setAttribute("data-disabled", "false");
-        this.cu(h);
-        var j = b.getChildAt(2);
-        var k = c._inner[2];
-        var l = this.j(a, j, k);
-        l.bh = 40;
-        k.parent().parent().setAttribute("aria-label", "Select Year");
-        l.ih = "btnYear";
-        this.af.add(l);
-        k.setAttribute("data-section", "header");
-        k.setAttribute("data-index", "2");
-        k.setAttribute("data-disabled", "false");
-        this.c3(k);
-        var m = b.getChildAt(3);
-        var n = c._inner[3];
-        var o = this.i(a, m, n, Calendar.bi);
-        o.bh = 28;
-        o.bg = 28;
-        n.parent().parent().setAttribute("aria-label", "Next Month");
-        o.ih = "btnNext";
-        this.af.add(o);
-        n.setAttribute("data-section", "header");
-        n.setAttribute("data-index", "3");
-        n.setAttribute("data-disabled", "false");
-        this.b8(c);
-    };
-    Calendar.prototype.b8 = function (a) {
-        var b = this.an.getFullYear();
-        var c = dateGetMonth(this.an);
-        if (b == this.ar.getFullYear() && b == this.aq.getFullYear()) {
-            this.af._inner[2].disabled = true;
-            if (c == dateGetMonth(this.ar) && c == dateGetMonth(this.aq)) {
-                this.af._inner[0].disabled = true;
-                this.af._inner[1].disabled = true;
-                this.af._inner[3].disabled = true;
-            }
-            else if (c == dateGetMonth(this.ar)) {
-                this.af._inner[0].disabled = true;
-                this.af._inner[1].disabled = false;
-                this.af._inner[3].disabled = false;
-            }
-            else if (c == dateGetMonth(this.aq)) {
-                this.af._inner[0].disabled = false;
-                this.af._inner[1].disabled = false;
-                this.af._inner[3].disabled = true;
+    XCalendar.prototype.ck = function (a, b, c, d) {
+        var e = new XButton();
+        this.l.as(a, e);
+        e.d = this.g;
+        e.h = this.i;
+        e.v = this.u;
+        e.eu = -1;
+        e.s = 1;
+        var f = new CornerRadius(0, 2);
+        e.ke = f;
+        e.kv = f;
+        e.ec = 0;
+        var g = new XIcon();
+        this.l.aw(b, g);
+        if (d == "prev") {
+            g.svgPath = XCalendar.bk;
+            e.ih = "btnPrev";
+        }
+        else if (d == "next") {
+            g.svgPath = XCalendar.bl;
+            e.ih = "btnNext";
+        }
+        e.appendButtonContent(c);
+        e.s5 = this.dp;
+        e.s1 = this.dj;
+        e.sv = this.df;
+        e.s0 = this.di;
+        e.s2 = this.dk;
+        e.bh = 28;
+        e.bg = 28;
+        this.aj.add(e);
+    };
+    XCalendar.prototype.cj = function (a, b, c) {
+        var d = new XButton();
+        this.l.as(a, d);
+        d.d = this.g;
+        d.h = this.i;
+        d.v = this.u;
+        d.eu = -1;
+        d.s = 1;
+        if (this.u != null) {
+            d.v = this.u;
+        }
+        var e = new CornerRadius(0, 2);
+        d.ke = e;
+        d.kv = e;
+        d.ec = 0;
+        d.appendButtonContent(b);
+        d.s5 = this.dp;
+        d.s1 = this.dj;
+        d.sv = this.df;
+        d.s0 = this.di;
+        d.s2 = this.dk;
+        d.bh = 40;
+        if (c == "month") {
+            d.ih = "btnMonth";
+        }
+        else if (c == "year") {
+            d.ih = "btnYear";
+        }
+        this.aj.add(d);
+    };
+    XCalendar.prototype.a = function () {
+        var a = new Array(4);
+        a[0] = false;
+        a[1] = false;
+        a[2] = false;
+        a[3] = false;
+        var b = this.aq.getFullYear();
+        var c = dateGetMonth(this.aq);
+        if (b == this.au.getFullYear() && b == this.at.getFullYear()) {
+            this.aj._inner[2].disabled = true;
+            if (c == dateGetMonth(this.au) && c == dateGetMonth(this.at)) {
+                this.aj._inner[0].disabled = true;
+                this.aj._inner[1].disabled = true;
+                this.aj._inner[3].disabled = true;
+            }
+            else if (c == dateGetMonth(this.au)) {
+                this.aj._inner[0].disabled = true;
+                this.aj._inner[1].disabled = false;
+                this.aj._inner[3].disabled = false;
+            }
+            else if (c == dateGetMonth(this.at)) {
+                this.aj._inner[0].disabled = false;
+                this.aj._inner[1].disabled = false;
+                this.aj._inner[3].disabled = true;
             }
             else {
-                this.af._inner[0].disabled = false;
-                this.af._inner[1].disabled = false;
-                this.af._inner[3].disabled = false;
+                this.aj._inner[0].disabled = false;
+                this.aj._inner[1].disabled = false;
+                this.aj._inner[3].disabled = false;
             }
         }
         else {
-            this.af._inner[2].disabled = false;
-            if (b == this.ar.getFullYear()) {
-                if (c == dateGetMonth(this.ar)) {
-                    this.af._inner[0].disabled = true;
-                    this.af._inner[1].disabled = false;
-                    this.af._inner[3].disabled = false;
+            this.aj._inner[2].disabled = false;
+            if (b == this.au.getFullYear()) {
+                if (c == dateGetMonth(this.au)) {
+                    this.aj._inner[0].disabled = true;
+                    this.aj._inner[1].disabled = false;
+                    this.aj._inner[3].disabled = false;
                 }
                 else {
-                    this.af._inner[0].disabled = false;
-                    this.af._inner[1].disabled = false;
-                    this.af._inner[3].disabled = false;
+                    this.aj._inner[0].disabled = false;
+                    this.aj._inner[1].disabled = false;
+                    this.aj._inner[3].disabled = false;
                 }
             }
-            else if (b == this.aq.getFullYear()) {
-                if (c == dateGetMonth(this.aq)) {
-                    this.af._inner[0].disabled = false;
-                    this.af._inner[1].disabled = false;
-                    this.af._inner[3].disabled = true;
+            else if (b == this.at.getFullYear()) {
+                if (c == dateGetMonth(this.at)) {
+                    this.aj._inner[0].disabled = false;
+                    this.aj._inner[1].disabled = false;
+                    this.aj._inner[3].disabled = true;
                 }
                 else {
-                    this.af._inner[0].disabled = false;
-                    this.af._inner[1].disabled = false;
-                    this.af._inner[3].disabled = false;
+                    this.aj._inner[0].disabled = false;
+                    this.aj._inner[1].disabled = false;
+                    this.aj._inner[3].disabled = false;
                 }
             }
-            else if (b > this.aq.getFullYear() || b < this.ar.getFullYear()) {
-                this.af._inner[0].disabled = true;
-                this.af._inner[1].disabled = true;
-                this.af._inner[3].disabled = true;
+            else if (b > this.at.getFullYear() || b < this.au.getFullYear()) {
+                this.aj._inner[0].disabled = true;
+                this.aj._inner[1].disabled = true;
+                this.aj._inner[3].disabled = true;
             }
         }
-        for (var d = 0; d < this.af.count; d++) {
-            if (this.af._inner[d].disabled == true) {
-                a._inner[d].setAttribute("data-disabled", "true");
-            }
-            else {
-                a._inner[d].setAttribute("data-disabled", "false");
-            }
+        for (var d = 0; d < this.aj.count; d++) {
+            a[d] = this.aj._inner[d].disabled;
         }
+        return a;
     };
-    Calendar.prototype.cu = function (a) {
-        var b = a.getChildAt(0);
-        var c = dateGetMonth(this.an);
-        var d = "";
-        switch (c) {
+    XCalendar.prototype.bx = function () {
+        var a = dateGetMonth(this.aq);
+        var b = "";
+        switch (a) {
             case 1:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("January_Short")) ? this.v.b1("January_Short") : "Jan";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("January_Short")) ? this.x.b1("January_Short") : "Jan";
                 break;
             case 2:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("February_Short")) ? this.v.b1("February_Short") : "Feb";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("February_Short")) ? this.x.b1("February_Short") : "Feb";
                 break;
             case 3:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("March_Short")) ? this.v.b1("March_Short") : "Mar";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("March_Short")) ? this.x.b1("March_Short") : "Mar";
                 break;
             case 4:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("April_Short")) ? this.v.b1("April_Short") : "Apr";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("April_Short")) ? this.x.b1("April_Short") : "Apr";
                 break;
             case 5:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("May_Short")) ? this.v.b1("May_Short") : "May";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("May_Short")) ? this.x.b1("May_Short") : "May";
                 break;
             case 6:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("June_Short")) ? this.v.b1("June_Short") : "Jun";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("June_Short")) ? this.x.b1("June_Short") : "Jun";
                 break;
             case 7:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("July_Short")) ? this.v.b1("July_Short") : "Jul";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("July_Short")) ? this.x.b1("July_Short") : "Jul";
                 break;
             case 8:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("August_Short")) ? this.v.b1("August_Short") : "Aug";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("August_Short")) ? this.x.b1("August_Short") : "Aug";
                 break;
             case 9:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("September_Short")) ? this.v.b1("September_Short") : "Sep";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("September_Short")) ? this.x.b1("September_Short") : "Sep";
                 break;
             case 10:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("October_Short")) ? this.v.b1("October_Short") : "Oct";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("October_Short")) ? this.x.b1("October_Short") : "Oct";
                 break;
             case 11:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("November_Short")) ? this.v.b1("November_Short") : "Nov";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("November_Short")) ? this.x.b1("November_Short") : "Nov";
                 break;
             case 12:
-                d = !stringIsNullOrWhiteSpace(this.v.b1("December_Short")) ? this.v.b1("December_Short") : "Dec";
+                b = !stringIsNullOrWhiteSpace(this.x.b1("December_Short")) ? this.x.b1("December_Short") : "Dec";
                 break;
         }
-        b.setText(d);
-    };
-    Calendar.prototype.c3 = function (a) {
-        var b = a.getChildAt(0);
-        var c = this.an.getFullYear().toString();
-        b.setText(c);
-    };
-    Calendar.prototype.cz = function (a) {
-        var b = new List$1(DayOfWeek_$type, 0);
-        switch (this.n) {
-            case 0:
-                b.add(0);
-                b.add(1);
-                b.add(2);
-                b.add(3);
-                b.add(4);
-                b.add(5);
-                b.add(6);
-                break;
-            case 1:
-                b.add(1);
-                b.add(2);
-                b.add(3);
-                b.add(4);
-                b.add(5);
-                b.add(6);
-                b.add(0);
-                break;
-            case 2:
-                b.add(2);
-                b.add(3);
-                b.add(4);
-                b.add(5);
-                b.add(6);
-                b.add(0);
-                b.add(1);
-                break;
-            case 3:
-                b.add(3);
-                b.add(4);
-                b.add(5);
-                b.add(6);
-                b.add(0);
-                b.add(1);
-                b.add(2);
-                break;
-            case 4:
-                b.add(4);
-                b.add(5);
-                b.add(6);
-                b.add(0);
-                b.add(1);
-                b.add(2);
-                b.add(3);
-                break;
-            case 5:
-                b.add(5);
-                b.add(6);
-                b.add(0);
-                b.add(1);
-                b.add(2);
-                b.add(3);
-                b.add(4);
-                break;
-            case 6:
-                b.add(6);
-                b.add(0);
-                b.add(1);
-                b.add(2);
-                b.add(3);
-                b.add(4);
-                b.add(5);
-                break;
-        }
-        this.ad.clear();
-        for (var c = 0; c < b.count; c++) {
-            var d = a.getChildAt(c);
-            var e = d.getChildAt(0);
-            if (b._inner[c] == 0) {
-                var f = !stringIsNullOrWhiteSpace(this.v.b1("Sunday_Full")) ? this.v.b1("Sunday_Full") : "Sunday";
-                d.setAttribute("title", f);
-                d.setAttribute("aria-label", f);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Sunday_Single")) ? this.v.b1("Sunday_Single") : "S");
-            }
-            else if (b._inner[c] == 1) {
-                var g = !stringIsNullOrWhiteSpace(this.v.b1("Monday_Full")) ? this.v.b1("Monday_Full") : "Monday";
-                d.setAttribute("title", g);
-                d.setAttribute("aria-label", g);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Monday_Single")) ? this.v.b1("Monday_Single") : "M");
-            }
-            else if (b._inner[c] == 2) {
-                var h = !stringIsNullOrWhiteSpace(this.v.b1("Tuesday_Full")) ? this.v.b1("Tuesday_Full") : "Tuesday";
-                d.setAttribute("title", h);
-                d.setAttribute("aria-label", h);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Tuesday_Single")) ? this.v.b1("Tuesday_Single") : "T");
-            }
-            else if (b._inner[c] == 3) {
-                var i = !stringIsNullOrWhiteSpace(this.v.b1("Wednesday_Full")) ? this.v.b1("Wednesday_Full") : "Wednesday";
-                d.setAttribute("title", i);
-                d.setAttribute("aria-label", i);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Wednesday_Single")) ? this.v.b1("Wednesday_Single") : "W");
-            }
-            else if (b._inner[c] == 4) {
-                var j = !stringIsNullOrWhiteSpace(this.v.b1("Thursday_Full")) ? this.v.b1("Thursday_Full") : "Thursday";
-                d.setAttribute("title", j);
-                d.setAttribute("aria-label", j);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Thursday_Single")) ? this.v.b1("Thursday_Single") : "T");
-            }
-            else if (b._inner[c] == 5) {
-                var k = !stringIsNullOrWhiteSpace(this.v.b1("Friday_Full")) ? this.v.b1("Friday_Full") : "Friday";
-                d.setAttribute("title", k);
-                d.setAttribute("aria-label", k);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Friday_Single")) ? this.v.b1("Friday_Single") : "F");
-            }
-            else if (b._inner[c] == 6) {
-                var l = !stringIsNullOrWhiteSpace(this.v.b1("Saturday_Full")) ? this.v.b1("Saturday_Full") : "Saturday";
-                d.setAttribute("title", l);
-                d.setAttribute("aria-label", l);
-                e.setText(!stringIsNullOrWhiteSpace(this.v.b1("Saturday_Single")) ? this.v.b1("Saturday_Single") : "S");
-            }
-            this.ad.add(e);
-        }
-    };
-    Calendar.prototype.cw = function (a, b, c) {
-        if (b === void 0) {
-            b = false;
-        }
-        if (c === void 0) {
-            c = false;
+        return b;
+    };
+    XCalendar.prototype.by = function () {
+        var a = this.aq.getFullYear().toString();
+        return a;
+    };
+    XCalendar.prototype.d = function (a) {
+        var b = new Array(2);
+        b[0] = "";
+        b[1] = "";
+        if (a == 0) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Sunday_Full")) ? this.x.b1("Sunday_Full") : "Sunday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Sunday_Single")) ? this.x.b1("Sunday_Single") : "S";
+        }
+        else if (a == 1) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Monday_Full")) ? this.x.b1("Monday_Full") : "Monday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Monday_Single")) ? this.x.b1("Monday_Single") : "M";
+        }
+        else if (a == 2) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Tuesday_Full")) ? this.x.b1("Tuesday_Full") : "Tuesday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Tuesday_Single")) ? this.x.b1("Tuesday_Single") : "T";
+        }
+        else if (a == 3) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Wednesday_Full")) ? this.x.b1("Wednesday_Full") : "Wednesday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Wednesday_Single")) ? this.x.b1("Wednesday_Single") : "W";
+        }
+        else if (a == 4) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Thursday_Full")) ? this.x.b1("Thursday_Full") : "Thursday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Thursday_Single")) ? this.x.b1("Thursday_Single") : "T";
+        }
+        else if (a == 5) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Friday_Full")) ? this.x.b1("Friday_Full") : "Friday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Friday_Single")) ? this.x.b1("Friday_Single") : "F";
+        }
+        else if (a == 6) {
+            b[0] = !stringIsNullOrWhiteSpace(this.x.b1("Saturday_Full")) ? this.x.b1("Saturday_Full") : "Saturday";
+            b[1] = !stringIsNullOrWhiteSpace(this.x.b1("Saturday_Single")) ? this.x.b1("Saturday_Single") : "S";
+        }
+        return b;
+    };
+    XCalendar.prototype.n = function (a) {
+        return this.ai._inner[a];
+    };
+    XCalendar.prototype.ad = function (a) {
+        var b = this.ai._inner[a];
+        var c = this.ah._inner[a];
+        if (+(this.aw) != +(dateMinValue()) && b.b == this.aw.getDate() && b.c == dateGetMonth(this.aw) && b.d == this.aw.getFullYear()) {
+            c.s5 = this.dm;
+            c.s1 = this.dm;
+            c.sv = this.dl;
+            c.s0 = this.dn;
+            c.sw = this.df;
+        }
+        else if (b.b == this.av.getDate() && b.c == dateGetMonth(this.av) && b.d == this.av.getFullYear()) {
+            c.s5 = this.dh;
+            ;
+            c.s1 = this.dj;
+            c.sv = this.df;
+            c.s0 = this.di;
+            c.sw = this.dg;
+            c.be = 1;
+        }
+        else if (b.a != 0 && b.a != 6 && b.c == dateGetMonth(this.aq)) {
+            c.s5 = this.dp;
+            c.s1 = this.dj;
+            c.sv = this.df;
+            c.s0 = this.di;
+            c.sw = this.df;
         }
-        var d = null;
-        var e = null;
-        var f = null;
-        for (var g = 0; g < 42; g++) {
-            var h = a._inner[g];
-            var i = h.getChildAt(0);
-            var j = this.ae._inner[g];
-            var k = this.ac._inner[g];
-            h.parent().parent().setAttribute("aria-label", j.c.toString() + "/" + j.b.toString() + "/" + j.d.toString());
-            if (j != null) {
-                h.setAttribute("data-section", "days");
-                h.setAttribute("data-index", g.toString());
-                h.setAttribute("data-day", j.b.toString());
-                h.setAttribute("data-month", j.c.toString());
-                h.setAttribute("data-year", j.d.toString());
-                h.setAttribute("data-selected", "false");
-                h.setAttribute("data-disabled", "false");
-                h.setAttribute("data-today", "false");
-                h.parent().parent().setAttribute("aria-selected", "false");
-                i.setText(j.b.toString());
-                if (+(this.at) != +(dateMinValue()) && j.b == this.at.getDate() && j.c == dateGetMonth(this.at) && j.d == this.at.getFullYear()) {
-                    k.s5 = this.dq;
-                    k.s1 = this.dq;
-                    k.sv = this.dp;
-                    k.s0 = this.dr;
-                    k.sw = this.di;
-                    d = h;
-                    h.parent().parent().setAttribute("aria-selected", "true");
-                    h.setAttribute("data-selected", "true");
-                }
-                else if (j.b == this.as.getDate() && j.c == dateGetMonth(this.as) && j.d == this.as.getFullYear()) {
-                    k.s5 = this.dk;
-                    ;
-                    k.s1 = this.dm;
-                    k.sv = this.di;
-                    k.s0 = this.dl;
-                    k.sw = this.dj;
-                    k.be = 1;
-                    e = h;
-                    h.setAttribute("data-today", "true");
-                }
-                else if (j.a != 0 && j.a != 6 && j.c == dateGetMonth(this.an)) {
-                    k.s5 = this.ds;
-                    k.s1 = this.dm;
-                    k.sv = this.di;
-                    k.s0 = this.dl;
-                    k.sw = this.di;
+        else {
+            c.s5 = this.dp;
+            c.s1 = this.dj;
+            c.sv = this.df;
+            c.s0 = this.di;
+            c.sw = this.df;
+        }
+        if (b.d >= this.au.getFullYear() && b.d <= this.at.getFullYear()) {
+            if (b.d == this.au.getFullYear() && b.d == this.at.getFullYear()) {
+                if (b.c == dateGetMonth(this.au) && b.c == dateGetMonth(this.at)) {
+                    if (b.b >= this.au.getDate() && b.b <= this.at.getDate()) {
+                        c.disabled = false;
+                    }
+                    else {
+                        c.disabled = true;
+                    }
                 }
-                else {
-                    k.s5 = this.ds;
-                    k.s1 = this.dm;
-                    k.sv = this.di;
-                    k.s0 = this.dl;
-                    k.sw = this.di;
-                }
-                if (j.b == 1 && j.c == dateGetMonth(this.an)) {
-                    f = h;
-                }
-                if (j.d >= this.ar.getFullYear() && j.d <= this.aq.getFullYear()) {
-                    if (j.d == this.ar.getFullYear() && j.d == this.aq.getFullYear()) {
-                        if (j.c == dateGetMonth(this.ar) && j.c == dateGetMonth(this.aq)) {
-                            if (j.b >= this.ar.getDate() && j.b <= this.aq.getDate()) {
-                                k.disabled = false;
-                            }
-                            else {
-                                k.disabled = true;
-                            }
+                else if (b.c >= dateGetMonth(this.au) && b.c <= dateGetMonth(this.at)) {
+                    if (b.c == dateGetMonth(this.au)) {
+                        if (b.b >= this.au.getDate()) {
+                            c.disabled = false;
                         }
-                        else if (j.c >= dateGetMonth(this.ar) && j.c <= dateGetMonth(this.aq)) {
-                            if (j.c == dateGetMonth(this.ar)) {
-                                if (j.b >= this.ar.getDate()) {
-                                    k.disabled = false;
-                                }
-                                else {
-                                    k.disabled = true;
-                                }
-                            }
-                            else if (j.c == dateGetMonth(this.aq)) {
-                                if (j.b <= this.aq.getDate()) {
-                                    k.disabled = false;
-                                }
-                                else {
-                                    k.disabled = true;
-                                }
-                            }
-                            else {
-                                k.disabled = false;
-                            }
+                        else {
+                            c.disabled = true;
+                        }
+                    }
+                    else if (b.c == dateGetMonth(this.at)) {
+                        if (b.b <= this.at.getDate()) {
+                            c.disabled = false;
                         }
                         else {
-                            k.disabled = true;
+                            c.disabled = true;
                         }
                     }
                     else {
-                        if (j.d == this.ar.getFullYear()) {
-                            if (j.c >= dateGetMonth(this.ar)) {
-                                if (j.c == dateGetMonth(this.ar)) {
-                                    if (j.b >= this.ar.getDate()) {
-                                        k.disabled = false;
-                                    }
-                                    else {
-                                        k.disabled = true;
-                                    }
-                                }
-                                else {
-                                    k.disabled = false;
-                                }
+                        c.disabled = false;
+                    }
+                }
+                else {
+                    c.disabled = true;
+                }
+            }
+            else {
+                if (b.d == this.au.getFullYear()) {
+                    if (b.c >= dateGetMonth(this.au)) {
+                        if (b.c == dateGetMonth(this.au)) {
+                            if (b.b >= this.au.getDate()) {
+                                c.disabled = false;
                             }
                             else {
-                                k.disabled = true;
+                                c.disabled = true;
                             }
                         }
-                        else if (j.d == this.aq.getFullYear()) {
-                            if (j.c <= dateGetMonth(this.aq)) {
-                                if (j.c == dateGetMonth(this.aq)) {
-                                    if (j.b <= this.aq.getDate()) {
-                                        k.disabled = false;
-                                    }
-                                    else {
-                                        k.disabled = true;
-                                    }
-                                }
-                                else {
-                                    k.disabled = false;
-                                }
+                        else {
+                            c.disabled = false;
+                        }
+                    }
+                    else {
+                        c.disabled = true;
+                    }
+                }
+                else if (b.d == this.at.getFullYear()) {
+                    if (b.c <= dateGetMonth(this.at)) {
+                        if (b.c == dateGetMonth(this.at)) {
+                            if (b.b <= this.at.getDate()) {
+                                c.disabled = false;
                             }
                             else {
-                                k.disabled = true;
+                                c.disabled = true;
                             }
                         }
                         else {
-                            k.disabled = false;
+                            c.disabled = false;
                         }
                     }
+                    else {
+                        c.disabled = true;
+                    }
                 }
                 else {
-                    k.disabled = true;
+                    c.disabled = false;
                 }
             }
-            if (k.disabled) {
-                h.setAttribute("data-disabled", "true");
-            }
         }
-        if (b == true) {
-            if (d != null && +(this.at) != +(dateMinValue()) && this.at.getFullYear() == this.an.getFullYear() && dateGetMonth(this.at) == dateGetMonth(this.an)) {
-                this.k.d(d);
-            }
-            else if (e != null && this.as.getFullYear() == this.an.getFullYear() && dateGetMonth(this.as) == dateGetMonth(this.an)) {
-                this.k.d(e);
-            }
-            else if (f != null) {
-                if (c == true) {
-                    for (var l = 41; l >= 0; l--) {
-                        var m = this.ae._inner[l];
-                        if (m.c == dateGetMonth(this.an)) {
-                            var n = this.ac._inner[l];
-                            if (n.disabled == false) {
-                                f = a._inner[l];
-                                break;
-                            }
-                        }
-                    }
+        else {
+            c.disabled = true;
+        }
+        return c.disabled;
+    };
+    XCalendar.prototype.aa = function (a, b) {
+        if (this.aq.getFullYear() >= this.au.getFullYear() && this.aq.getFullYear() <= this.at.getFullYear()) {
+            if (this.aq.getFullYear() == this.au.getFullYear() && this.aq.getFullYear() == this.at.getFullYear()) {
+                if (b < dateGetMonth(this.au) || b > dateGetMonth(this.at)) {
+                    this.ak._inner[a].disabled = true;
                 }
                 else {
-                    for (var o = 0; o < 42; o++) {
-                        var p = this.ae._inner[o];
-                        if (p.c == dateGetMonth(this.an)) {
-                            var q = this.ac._inner[o];
-                            if (q.disabled == false) {
-                                f = a._inner[o];
-                                break;
-                            }
-                        }
-                    }
+                    this.ak._inner[a].disabled = false;
                 }
-                this.k.d(f);
             }
-        }
-    };
-    Calendar.prototype.c0 = function (a) {
-        var b = this.ab();
-        this.ah.clear();
-        for (var c = 0; c < 6; c++) {
-            var d = a.getChildAt(c);
-            var e = d.getChildAt(0);
-            e.setText(b._inner[c].toString());
-            this.ah.add(e);
-        }
-    };
-    Calendar.prototype.cy = function (a) {
-        var b = null;
-        var c = null;
-        var d = 0;
-        var e = 0;
-        var f = 0;
-        for (var g = 0; g < 12; g++) {
-            var h = a._inner[g];
-            h.setAttribute("data-section", "months");
-            h.setAttribute("data-year", this.an.getFullYear().toString());
-            h.setAttribute("data-disabled", "false");
-            h.parent().parent().setAttribute("aria-selected", "false");
-            var i = g + 1;
-            if (+(this.at) != +(dateMinValue()) && dateGetMonth(this.at) == i) {
-                c = h;
-                d = g;
-                h.parent().parent().setAttribute("aria-selected", "true");
-            }
-            if (dateGetMonth(this.as) == i) {
-                b = h;
-                e = g;
-            }
-            if (this.an.getFullYear() >= this.ar.getFullYear() && this.an.getFullYear() <= this.aq.getFullYear()) {
-                if (this.an.getFullYear() == this.ar.getFullYear() && this.an.getFullYear() == this.aq.getFullYear()) {
-                    if (i < dateGetMonth(this.ar) || i > dateGetMonth(this.aq)) {
-                        this.ag._inner[g].disabled = true;
-                    }
-                    else {
-                        this.ag._inner[g].disabled = false;
-                    }
+            else if (this.aq.getFullYear() == this.au.getFullYear()) {
+                if (b < dateGetMonth(this.au)) {
+                    this.ak._inner[a].disabled = true;
                 }
-                else if (this.an.getFullYear() == this.ar.getFullYear()) {
-                    if (i < dateGetMonth(this.ar)) {
-                        this.ag._inner[g].disabled = true;
-                    }
-                    else {
-                        this.ag._inner[g].disabled = false;
-                    }
+                else {
+                    this.ak._inner[a].disabled = false;
                 }
-                else if (this.an.getFullYear() == this.aq.getFullYear()) {
-                    if (i > dateGetMonth(this.aq)) {
-                        this.ag._inner[g].disabled = true;
-                    }
-                    else {
-                        this.ag._inner[g].disabled = false;
-                    }
+            }
+            else if (this.aq.getFullYear() == this.at.getFullYear()) {
+                if (b > dateGetMonth(this.at)) {
+                    this.ak._inner[a].disabled = true;
                 }
                 else {
-                    this.ag._inner[g].disabled = false;
+                    this.ak._inner[a].disabled = false;
                 }
             }
             else {
-                this.ag._inner[g].disabled = true;
-            }
-            if (this.ag._inner[g].disabled) {
-                h.setAttribute("data-disabled", "true");
+                this.ak._inner[a].disabled = false;
             }
         }
-        for (var j = 0; j < this.ag.count; j++) {
-            if (this.ag._inner[j].disabled == false) {
-                f = j;
-                break;
-            }
-        }
-        if (c != null && this.ag._inner[d].disabled == false) {
-            this.k.d(c);
-        }
-        else if (b != null && this.ag._inner[e].disabled == false) {
-            this.k.d(b);
+        else {
+            this.ak._inner[a].disabled = true;
         }
-        else if (this.ag._inner[f].disabled == false) {
-            this.k.d(a._inner[f]);
+        return this.ak._inner[a].disabled;
+    };
+    XCalendar.prototype.ab = function (a, b) {
+        if (b < this.au.getFullYear() || b > this.at.getFullYear()) {
+            this.al._inner[a].disabled = true;
         }
         else {
-            this.k.ag();
+            this.al._inner[a].disabled = false;
         }
+        return this.al._inner[a].disabled;
     };
-    Calendar.prototype.c2 = function (a) {
-        this.c1(a, this.an.getFullYear(), true);
+    XCalendar.prototype.cc = function (a) {
+        this.aq = dateAddMonths(this.aq, a);
+        this.cg();
     };
-    Calendar.prototype.c1 = function (a, b, c) {
-        if (c === void 0) {
-            c = false;
-        }
-        if (b < this.ar.getFullYear()) {
-            b = this.ar.getFullYear();
-        }
-        if (b > this.aq.getFullYear()) {
-            b = this.aq.getFullYear();
-        }
-        var d = b - 3;
-        var e = false;
-        for (var f = 0; f < 7; f++) {
-            var g = a._inner[f];
-            g.setAttribute("data-section", "years");
-            g.setAttribute("data-disabled", "false");
-            g.parent().parent().setAttribute("aria-selected", "false");
-            if (d < this.ar.getFullYear() || d > this.aq.getFullYear()) {
-                this.ai._inner[f].disabled = true;
-                g.setAttribute("data-disabled", "true");
+    XCalendar.prototype.cd = function (a) {
+        this.aq = dateFromValues(this.aq.getFullYear(), a, this.aq.getDate(), 0, 0, 0, 0);
+        this.cg();
+    };
+    XCalendar.prototype.ce = function (a) {
+        var b = dateGetMonth(this.aq);
+        var c = this.aq.getDate();
+        if (a == this.au.getFullYear() && a == this.at.getFullYear()) {
+            if (b < dateGetMonth(this.au)) {
+                b = dateGetMonth(this.au);
+                if (c < this.au.getDate()) {
+                    c = this.au.getDate();
+                }
             }
-            else {
-                this.ai._inner[f].disabled = false;
-                g.setAttribute("data-disabled", "false");
+            else if (b > dateGetMonth(this.at)) {
+                b = dateGetMonth(this.at);
+                if (c > this.at.getDate()) {
+                    c = this.at.getDate();
+                }
             }
-            var h = g.getChildAt(0);
-            h.setText(d.toString());
-            g.parent().parent().setAttribute("aria-label", d.toString());
-            if (d == b && c) {
-                if (this.ai._inner[f].disabled == false) {
-                    g.parent().parent().setAttribute("aria-selected", "true");
-                    e = true;
-                    this.k.d(g);
+            else if (b == dateGetMonth(this.au) && b == dateGetMonth(this.at)) {
+                if (c < this.au.getDate()) {
+                    c = this.au.getDate();
+                }
+                else if (c > this.at.getDate()) {
+                    c = this.at.getDate();
                 }
             }
-            d++;
-        }
-        if (e == false) {
-            if (this.ai._inner[3].disabled == false) {
-                var i = a._inner[3];
-                this.k.d(i);
+            else if (b == dateGetMonth(this.au)) {
+                if (c < this.au.getDate()) {
+                    c = this.au.getDate();
+                }
+            }
+            else if (b == dateGetMonth(this.at)) {
+                if (c > this.at.getDate()) {
+                    c = this.at.getDate();
+                }
             }
         }
-    };
-    Calendar.prototype.j = function (a, b, c) {
-        c.setAttribute("aria-hidden", "true");
-        var d = a.getSubRenderer(b);
-        var e = new Button();
-        e.provideContainer(d);
-        e.d = this.d;
-        e.h = this.f;
-        e.v = this.s;
-        e.eu = -1;
-        e.s = 1;
-        if (this.s != null) {
-            e.v = this.s;
+        else if (a == this.au.getFullYear()) {
+            if (b < dateGetMonth(this.au)) {
+                b = dateGetMonth(this.au);
+                if (c < this.au.getDate()) {
+                    c = this.au.getDate();
+                }
+            }
+            else if (b == dateGetMonth(this.au)) {
+                if (c < this.au.getDate()) {
+                    c = this.au.getDate();
+                }
+            }
         }
-        var f = a.createElement("span");
-        f.setAttribute("aria-hidden", "true");
-        var g = new CornerRadius(0, 2);
-        e.ke = g;
-        e.kv = g;
-        e.ec = 0;
-        c.append(f);
-        e.appendButtonContent(c);
-        c.parent().setAttribute("aria-hidden", "true");
-        c.parent().parent().setAttribute("tabindex", "-1");
-        c.parent().parent().setAttribute("aria-readonly", "true");
-        c.parent().parent().setAttribute("aria-selected", "false");
-        c.parent().parent().setAttribute("aria-disabled", "false");
-        c.parent().parent().setAttribute("data-is-focusable", "true");
-        e.s5 = this.ds;
-        e.s1 = this.dm;
-        e.sv = this.di;
-        e.s0 = this.dl;
-        e.s2 = this.dn;
-        return e;
-    };
-    Calendar.prototype.i = function (a, b, c, d) {
-        c.setAttribute("aria-hidden", "true");
-        var e = a.getSubRenderer(b);
-        var f = new Button();
-        f.provideContainer(e);
-        f.d = this.d;
-        f.h = this.f;
-        f.v = this.s;
-        f.eu = -1;
-        f.s = 1;
-        var g = new CornerRadius(0, 2);
-        f.ke = g;
-        f.kv = g;
-        f.ec = 0;
-        var h = a.createElement("div");
-        h.setAttribute("aria-hidden", "true");
-        var i = a.getSubRenderer(h);
-        var j = new Icon();
-        j.provideContainer(i);
-        j.svgPath = d;
-        c.append(h);
-        f.appendButtonContent(c);
-        c.parent().setAttribute("aria-hidden", "true");
-        c.parent().parent().setAttribute("tabindex", "-1");
-        c.parent().parent().setAttribute("aria-readonly", "true");
-        c.parent().parent().setAttribute("aria-selected", "false");
-        c.parent().parent().setAttribute("aria-disabled", "false");
-        c.parent().parent().setAttribute("data-is-focusable", "true");
-        f.s5 = this.ds;
-        f.s1 = this.dm;
-        f.sv = this.di;
-        f.s0 = this.dl;
-        f.s2 = this.dn;
-        return f;
-    };
-    Calendar.prototype.b7 = function (a) {
-        this.an = dateAddMonths(this.an, a);
-        this.cc();
-    };
-    Calendar.prototype.b9 = function (a) {
-        this.an = dateFromValues(this.an.getFullYear(), a, this.an.getDate(), 0, 0, 0, 0);
-        this.cc();
-    };
-    Calendar.prototype.ca = function (a) {
-        var b = dateGetMonth(this.an);
-        var c = this.an.getDate();
-        if (a == this.ar.getFullYear() && a == this.aq.getFullYear()) {
-            if (b < dateGetMonth(this.ar)) {
-                b = dateGetMonth(this.ar);
-                if (c < this.ar.getDate()) {
-                    c = this.ar.getDate();
-                }
-            }
-            else if (b > dateGetMonth(this.aq)) {
-                b = dateGetMonth(this.aq);
-                if (c > this.aq.getDate()) {
-                    c = this.aq.getDate();
-                }
-            }
-            else if (b == dateGetMonth(this.ar) && b == dateGetMonth(this.aq)) {
-                if (c < this.ar.getDate()) {
-                    c = this.ar.getDate();
-                }
-                else if (c > this.aq.getDate()) {
-                    c = this.aq.getDate();
-                }
-            }
-            else if (b == dateGetMonth(this.ar)) {
-                if (c < this.ar.getDate()) {
-                    c = this.ar.getDate();
-                }
-            }
-            else if (b == dateGetMonth(this.aq)) {
-                if (c > this.aq.getDate()) {
-                    c = this.aq.getDate();
-                }
-            }
-        }
-        else if (a == this.ar.getFullYear()) {
-            if (b < dateGetMonth(this.ar)) {
-                b = dateGetMonth(this.ar);
-                if (c < this.ar.getDate()) {
-                    c = this.ar.getDate();
-                }
-            }
-            else if (b == dateGetMonth(this.ar)) {
-                if (c < this.ar.getDate()) {
-                    c = this.ar.getDate();
-                }
-            }
-        }
-        else if (a == this.aq.getFullYear()) {
-            if (b > dateGetMonth(this.aq)) {
-                b = dateGetMonth(this.aq);
-                if (c > this.aq.getDate()) {
-                    c = this.aq.getDate();
-                }
-            }
-            else if (b == dateGetMonth(this.aq)) {
-                if (c > this.aq.getDate()) {
-                    c = this.aq.getDate();
-                }
+        else if (a == this.at.getFullYear()) {
+            if (b > dateGetMonth(this.at)) {
+                b = dateGetMonth(this.at);
+                if (c > this.at.getDate()) {
+                    c = this.at.getDate();
+                }
+            }
+            else if (b == dateGetMonth(this.at)) {
+                if (c > this.at.getDate()) {
+                    c = this.at.getDate();
+                }
             }
         }
-        this.an = dateFromValues(a, b, c, 0, 0, 0, 0);
-        this.cc();
+        this.aq = dateFromValues(a, b, c, 0, 0, 0, 0);
+        this.cg();
     };
-    Calendar.prototype.cs = function (a, b) {
-        var c = parseInt(a._inner[3].getChildAt(0).getText());
+    XCalendar.prototype.cz = function (a, b) {
         if (b < 0) {
-            c--;
+            a--;
         }
         else {
-            c++;
+            a++;
         }
-        this.c1(a, c);
+        this.l.a4(a);
     };
-    Calendar.prototype.cr = function () {
-        this.k.ag();
+    XCalendar.prototype.cy = function () {
+        this.l.aq();
     };
-    Calendar.prototype.bg = function () {
-        return this.g();
+    XCalendar.prototype.bj = function () {
+        return this.j();
     };
-    Calendar.prototype.bp = function () {
-        var a = this.g();
+    XCalendar.prototype.bs = function () {
+        var a = this.j();
         return a.o();
     };
-    Calendar.prototype.g = function () {
+    XCalendar.prototype.j = function () {
         var a = new CalendarVisualModelExport();
-        a.i = this.f;
-        a.h = this.d;
-        a.e = AppearanceHelper.a(this.dp);
-        a.g = AppearanceHelper.a(this.dr);
-        a.c = AppearanceHelper.a(this.dl);
-        a.f = AppearanceHelper.a(this.dq);
-        a.d = AppearanceHelper.a(this.dm);
-        a.b = AppearanceHelper.a(this.dk);
-        a.a = AppearanceHelper.a(this.dj);
+        a.i = this.i;
+        a.h = this.g;
+        a.e = AppearanceHelper.a(this.dl);
+        a.g = AppearanceHelper.a(this.dn);
+        a.c = AppearanceHelper.a(this.di);
+        a.f = AppearanceHelper.a(this.dm);
+        a.d = AppearanceHelper.a(this.dj);
+        a.b = AppearanceHelper.a(this.dh);
+        a.a = AppearanceHelper.a(this.dg);
         a.j = new List$1(ButtonVisualModelExport.$, 0);
         a.k = new List$1(TextElementsVisualModelExport.$, 0);
         a.l = new List$1(TextElementsVisualModelExport.$, 0);
-        var b = this.k.r();
+        var b = this.l.w();
         a.n = b;
-        var c = this.k.a();
+        var c = this.l.a();
         var d = c[0];
         var e = c[1];
         if (b == "day") {
-            for (var f = 0; f < this.af.count; f++) {
-                if (this.af._inner[f].ih == null) {
-                    this.af._inner[f].ih = "header" + f.toString();
+            for (var f = 0; f < this.aj.count; f++) {
+                if (this.aj._inner[f].ih == null) {
+                    this.aj._inner[f].ih = "header" + f.toString();
                 }
-                var g = this.af._inner[f].ey();
+                var g = this.aj._inner[f].ey();
                 g.s = g.s - d;
                 g.q = g.q - e;
                 a.j.add(g);
             }
-            for (var h = 0; h < this.ac.count; h++) {
-                if (this.ac._inner[h].ih == null) {
-                    this.ac._inner[h].ih = "days" + h.toString();
+            for (var h = 0; h < this.ah.count; h++) {
+                if (this.ah._inner[h].ih == null) {
+                    this.ah._inner[h].ih = "days" + h.toString();
                 }
-                var i = this.ac._inner[h].ey();
+                var i = this.ah._inner[h].ey();
                 i.s = i.s - d;
                 i.q = i.q - e;
                 a.j.add(i);
             }
-            if (this.z == true) {
-                this.h.ih = "todayButton";
-                var j = this.h.ey();
+            if (this.ae == true) {
+                this.k.ih = "todayButton";
+                var j = this.k.ey();
                 j.s = j.s - d;
                 j.q = j.q - e;
                 a.j.add(j);
             }
-            for (var k = 0; k < this.ad.count; k++) {
-                var l = new TextElementsVisualModelExport();
-                var m = this.k.b(this.ad._inner[k]);
-                l.e = m[0] - d;
-                l.d = m[1] - e;
-                l.c = NativeUI.c(this.ad._inner[k].parent());
-                l.f = NativeUI.h(this.ad._inner[k].parent());
-                l.b = AppearanceHelper.a(NativeUI.af(this.ad._inner[k]));
-                l.g = this.ad._inner[k].getText();
-                a.k.add(l);
-            }
-            if (this.aa == true) {
-                for (var n = 0; n < this.ah.count; n++) {
-                    var o = new TextElementsVisualModelExport();
-                    var p = this.k.b(this.ah._inner[n]);
-                    o.e = p[0] - d;
-                    o.d = p[1] - e;
-                    o.c = NativeUI.c(this.ah._inner[n].parent());
-                    o.f = NativeUI.h(this.ah._inner[n].parent());
-                    o.b = AppearanceHelper.a(NativeUI.af(this.ah._inner[n]));
-                    o.a = AppearanceHelper.a(NativeUI.ae(this.ah._inner[n]));
-                    o.g = this.ah._inner[n].getText();
-                    a.l.add(o);
+            var k = this.l.k();
+            for (var l = 0; l < k.count; l++) {
+                var m = new TextElementsVisualModelExport();
+                var n = this.l.b(k._inner[l]);
+                m.e = n[0] - d;
+                m.d = n[1] - e;
+                m.c = NativeUI.c(k._inner[l].parent());
+                m.f = NativeUI.i(k._inner[l].parent());
+                m.b = AppearanceHelper.a(NativeUI.ah(k._inner[l]));
+                m.g = k._inner[l].getText();
+                a.k.add(m);
+            }
+            if (this.af == true) {
+                var o = this.l.l();
+                for (var p = 0; p < o.count; p++) {
+                    var q = new TextElementsVisualModelExport();
+                    var r = this.l.b(o._inner[p]);
+                    q.e = r[0] - d;
+                    q.d = r[1] - e;
+                    q.c = NativeUI.c(o._inner[p].parent());
+                    q.f = NativeUI.i(o._inner[p].parent());
+                    q.b = AppearanceHelper.a(NativeUI.ah(o._inner[p]));
+                    q.a = AppearanceHelper.a(NativeUI.ag(o._inner[p]));
+                    q.g = o._inner[p].getText();
+                    a.l.add(q);
                 }
             }
         }
         else if (b == "month") {
-            for (var q = 0; q < this.ag.count; q++) {
-                if (this.ag._inner[q].ih == null) {
-                    this.ag._inner[q].ih = "months" + q.toString();
+            for (var s = 0; s < this.ak.count; s++) {
+                if (this.ak._inner[s].ih == null) {
+                    this.ak._inner[s].ih = "months" + s.toString();
                 }
-                var r = this.ag._inner[q].ey();
-                r.s = r.s - d;
-                r.q = r.q - e;
-                a.j.add(r);
+                var t = this.ak._inner[s].ey();
+                t.s = t.s - d;
+                t.q = t.q - e;
+                a.j.add(t);
             }
         }
         else if (b == "year") {
-            for (var s = 0; s < this.ai.count; s++) {
-                if (this.ai._inner[s].ih == null) {
-                    this.ai._inner[s].ih = "years" + s.toString();
+            for (var u = 0; u < this.al.count; u++) {
+                if (this.al._inner[u].ih == null) {
+                    this.al._inner[u].ih = "years" + u.toString();
                 }
-                var t = this.ai._inner[s].ey();
-                t.s = t.s - d;
-                t.q = t.q - e;
-                a.j.add(t);
+                var v = this.al._inner[u].ey();
+                v.s = v.s - d;
+                v.q = v.q - e;
+                a.j.add(v);
             }
         }
-        if (this.t != null) {
-            var u = this.t;
-            if (this.k != null && u.n == null) {
-                var v = this.k.i;
-                var w = FontUtil.getFontInfoFromString(v, u.fontString);
-                u.n = w.n;
-                u.d = w.d;
-                u.o = w.o;
-                u.q = w.q;
-                u.r = w.r;
-                u.s = w.s;
+        if (this.v != null) {
+            var w = this.v;
+            if (this.l != null && w.n == null) {
+                var x = this.l.m;
+                var y = FontUtil.getFontInfoFromString(x, w.fontString);
+                w.n = y.n;
+                w.d = y.d;
+                w.o = y.o;
+                w.q = y.q;
+                w.r = y.r;
+                w.s = y.s;
             }
-            if (u.n != null) {
-                a.p = u.n;
+            if (w.n != null) {
+                a.p = w.n;
             }
-            if (!isNaN_(u.d)) {
-                a.m = u.d;
+            if (!isNaN_(w.d)) {
+                a.m = w.d;
             }
-            if (u.s != null) {
-                a.t = u.s;
+            if (w.s != null) {
+                a.t = w.s;
             }
-            if (u.q != null) {
-                a.r = u.q;
+            if (w.q != null) {
+                a.r = w.q;
             }
-            if (u.o != null) {
-                a.q = u.q;
+            if (w.o != null) {
+                a.q = w.q;
             }
         }
         return a;
     };
-    Calendar.$t = markType(Calendar, 'Calendar', Base.$, [INotifyPropertyChanged_$type]);
-    Calendar.bh = "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z";
-    Calendar.bi = "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z";
-    Calendar.a = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365];
-    Calendar.b = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366];
-    return Calendar;
+    XCalendar.$t = markType(XCalendar, 'XCalendar', Base.$, [INotifyPropertyChanged_$type]);
+    XCalendar.bk = "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z";
+    XCalendar.bl = "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z";
+    XCalendar.b = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365];
+    XCalendar.c = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366];
+    return XCalendar;
 }(Base));
-export { Calendar };
+export { XCalendar };
 //# sourceMappingURL=CalendarView_combined.js.map