igniteui-webcomponents-inputs 1.4.0 → 1.4.1

package/bundles/igniteui-webcomponents-inputs.umd.js

@@ -10572,9 +10572,9 @@
     /**
      * @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.l = null;
             _this.aq = igniteuiWebcomponentsCore.dateNow();
@@ -10623,12 +10623,12 @@
             _this.l.an();
             return _this;
         }
-        Calendar.prototype.cs = function () {
+        XCalendar.prototype.cs = function () {
             if (this.close != null) {
                 this.close(this);
             }
         };
-        Calendar.prototype.cu = function (a) {
+        XCalendar.prototype.cu = function (a) {
             var b = this.as;
             this.as = a;
             if (this.valueChanged != null) {
@@ -10644,24 +10644,24 @@
             }
             this.cx();
         };
-        Calendar.prototype.co = function (a, b, c) {
+        XCalendar.prototype.co = function (a, b, c) {
             var d = igniteuiWebcomponentsCore.dateFromValues(parseInt(c), parseInt(b), parseInt(a), 0, 0, 0, 0);
             this.cu(d);
         };
-        Calendar.prototype.notifySizeChanged = function () {
+        XCalendar.prototype.notifySizeChanged = function () {
             this.l.al();
         };
-        Calendar.prototype.destroy = function () {
+        XCalendar.prototype.destroy = function () {
             if (this.k != null) {
                 var a = this.k;
                 a.clicked = igniteuiWebcomponentsCore.delegateRemove(a.clicked, igniteuiWebcomponentsCore.runOn(this, this.c2));
             }
             this.provideContainer(null);
         };
-        Calendar.prototype.provideContainer = function (a) {
+        XCalendar.prototype.provideContainer = function (a) {
             this.l.am(a);
         };
-        Object.defineProperty(Calendar.prototype, "x", {
+        Object.defineProperty(XCalendar.prototype, "x", {
             get: function () {
                 if (this.w == null) {
                     this.w = new igniteuiWebcomponentsCore.SRProvider(this.l.m);
@@ -10672,7 +10672,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "aw", {
+        Object.defineProperty(XCalendar.prototype, "aw", {
             get: function () {
                 return this.as;
             },
@@ -10687,7 +10687,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "av", {
+        Object.defineProperty(XCalendar.prototype, "av", {
             get: function () {
                 return this.ar;
             },
@@ -10701,7 +10701,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "au", {
+        Object.defineProperty(XCalendar.prototype, "au", {
             get: function () {
                 return this.ao;
             },
@@ -10715,7 +10715,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "at", {
+        Object.defineProperty(XCalendar.prototype, "at", {
             get: function () {
                 return this.an;
             },
@@ -10729,7 +10729,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "i", {
+        Object.defineProperty(XCalendar.prototype, "i", {
             get: function () {
                 return this.h;
             },
@@ -10743,7 +10743,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "g", {
+        Object.defineProperty(XCalendar.prototype, "g", {
             get: function () {
                 return this.f;
             },
@@ -10757,7 +10757,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "df", {
+        Object.defineProperty(XCalendar.prototype, "df", {
             get: function () {
                 return this.c5;
             },
@@ -10771,7 +10771,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dl", {
+        Object.defineProperty(XCalendar.prototype, "dl", {
             get: function () {
                 return this.db;
             },
@@ -10785,7 +10785,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dn", {
+        Object.defineProperty(XCalendar.prototype, "dn", {
             get: function () {
                 return this.dd;
             },
@@ -10799,7 +10799,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "di", {
+        Object.defineProperty(XCalendar.prototype, "di", {
             get: function () {
                 return this.c8;
             },
@@ -10813,7 +10813,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dk", {
+        Object.defineProperty(XCalendar.prototype, "dk", {
             get: function () {
                 return this.da;
             },
@@ -10827,7 +10827,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dp", {
+        Object.defineProperty(XCalendar.prototype, "dp", {
             get: function () {
                 return this.de;
             },
@@ -10841,7 +10841,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dm", {
+        Object.defineProperty(XCalendar.prototype, "dm", {
             get: function () {
                 return this.dc;
             },
@@ -10855,7 +10855,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dj", {
+        Object.defineProperty(XCalendar.prototype, "dj", {
             get: function () {
                 return this.c9;
             },
@@ -10869,7 +10869,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dh", {
+        Object.defineProperty(XCalendar.prototype, "dh", {
             get: function () {
                 return this.c7;
             },
@@ -10883,7 +10883,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "dg", {
+        Object.defineProperty(XCalendar.prototype, "dg", {
             get: function () {
                 return this.c6;
             },
@@ -10897,7 +10897,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "ae", {
+        Object.defineProperty(XCalendar.prototype, "ae", {
             get: function () {
                 return this.y;
             },
@@ -10911,7 +10911,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "v", {
+        Object.defineProperty(XCalendar.prototype, "v", {
             get: function () {
                 return this.u;
             },
@@ -10925,7 +10925,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "p", {
+        Object.defineProperty(XCalendar.prototype, "p", {
             get: function () {
                 return this.o;
             },
@@ -10939,7 +10939,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "s", {
+        Object.defineProperty(XCalendar.prototype, "s", {
             get: function () {
                 return this.r;
             },
@@ -10953,7 +10953,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(Calendar.prototype, "af", {
+        Object.defineProperty(XCalendar.prototype, "af", {
             get: function () {
                 return this.z;
             },
@@ -10967,13 +10967,13 @@
             enumerable: true,
             configurable: true
         });
-        Calendar.prototype.ct = function (a, b, c) {
+        XCalendar.prototype.ct = function (a, b, c) {
             if (this.propertyChanged != null) {
                 this.propertyChanged(this, new igniteuiWebcomponentsCore.PropertyChangedEventArgs(a));
             }
             this.cv(a, b, c);
         };
-        Calendar.prototype.cv = function (a, b, c) {
+        XCalendar.prototype.cv = function (a, b, c) {
             switch (a) {
                 case "Density":
                     this.c0();
@@ -11051,7 +11051,7 @@
                     break;
             }
         };
-        Calendar.prototype.c3 = function () {
+        XCalendar.prototype.c3 = function () {
             for (var a = 0; a < this.aj.count; a++) {
                 if (this.dp != null) {
                     this.aj._inner[a].s5 = this.dp;
@@ -11121,7 +11121,7 @@
                 }
             }
         };
-        Calendar.prototype.c4 = function () {
+        XCalendar.prototype.c4 = function () {
             for (var a = 0; a < this.aj.count; a++) {
                 if (this.u != null) {
                     this.aj._inner[a].v = this.u;
@@ -11143,29 +11143,29 @@
                 }
             }
         };
-        Calendar.prototype.cq = function () {
+        XCalendar.prototype.cq = function () {
             this.l.au();
             this.l.ag();
         };
-        Calendar.prototype.c1 = function () {
+        XCalendar.prototype.c1 = function () {
         };
-        Calendar.prototype.c0 = function () {
+        XCalendar.prototype.c0 = function () {
         };
-        Calendar.prototype.ch = function () {
+        XCalendar.prototype.ch = function () {
             this.aw = igniteuiWebcomponentsCore.dateMinValue();
             this.l.at();
         };
-        Calendar.prototype.cx = function () {
+        XCalendar.prototype.cx = function () {
             this.l.a2();
             this.cg();
             this.l.ay();
             this.l.a5();
             this.l.at();
         };
-        Calendar.prototype.cf = function () {
+        XCalendar.prototype.cf = function () {
             this.cg();
         };
-        Calendar.prototype.ci = function (a, b, c) {
+        XCalendar.prototype.ci = function (a, b, c) {
             var d = new XButton();
             this.l.as(a, d);
             d.d = this.g;
@@ -11191,7 +11191,7 @@
             this.ah.add(d);
             d.ih = "btnDays" + c.toString();
         };
-        Calendar.prototype.cm = function (a, b) {
+        XCalendar.prototype.cm = function (a, b) {
             var c = new XButton();
             this.l.as(a, c);
             c.d = this.g;
@@ -11218,12 +11218,12 @@
             var f = this.k;
             f.clicked = igniteuiWebcomponentsCore.delegateCombine(f.clicked, igniteuiWebcomponentsCore.runOn(this, this.c2));
         };
-        Calendar.prototype.c2 = function (a, b) {
+        XCalendar.prototype.c2 = function (a, b) {
             this.aq = this.av;
             this.cg();
             this.l.aq(true);
         };
-        Calendar.prototype.cl = function (a, b) {
+        XCalendar.prototype.cl = function (a, b) {
             var c = new XButton();
             this.l.as(a, c);
             c.d = this.g;
@@ -11247,7 +11247,7 @@
             c.bh = 40;
             this.ak.add(c);
         };
-        Calendar.prototype.e = function (a, b) {
+        XCalendar.prototype.e = function (a, b) {
             var c = new Array(2);
             c[0] = "";
             c[1] = "";
@@ -11304,7 +11304,7 @@
             this.ak._inner[b].ih = "btnMonth" + c[1];
             return c;
         };
-        Calendar.prototype.cn = function (a, b, c) {
+        XCalendar.prototype.cn = function (a, b, c) {
             var d = new XButton();
             this.l.as(a, d);
             d.d = this.g;
@@ -11328,7 +11328,7 @@
             d.ih = "btnYear" + c.toString();
             this.al.add(d);
         };
-        Calendar.prototype.cg = function () {
+        XCalendar.prototype.cg = function () {
             if (+(this.aq) == +(igniteuiWebcomponentsCore.dateMinValue())) {
                 this.aq = igniteuiWebcomponentsCore.dateNow();
             }
@@ -11350,7 +11350,7 @@
                 a = igniteuiWebcomponentsCore.dateAddDays(a, 1);
             }
         };
-        Calendar.prototype.ag = function () {
+        XCalendar.prototype.ag = function () {
             var a = new igniteuiWebcomponentsCore.List$1(igniteuiWebcomponentsCore.Number_$type, 0);
             if (this.af == false) {
                 for (var b = 0; b < 6; b++) {
@@ -11393,7 +11393,7 @@
             }
             return a;
         };
-        Calendar.prototype.a9 = function (a) {
+        XCalendar.prototype.a9 = function (a) {
             var b = igniteuiWebcomponentsCore.dateAddMonths(igniteuiWebcomponentsCore.dateAddDays(a, -a.getDate() + 1), -igniteuiWebcomponentsCore.dateGetMonth(a) + 1);
             var c = igniteuiWebcomponentsCore.dateAddDays(igniteuiWebcomponentsCore.dateAddYears(b, 1), -1);
             var d = [6, 7, 8, 9, 10, 4, 5];
@@ -11411,7 +11411,7 @@
                 default: return g;
             }
         };
-        Calendar.prototype.ba = function (a, b, c) {
+        XCalendar.prototype.ba = function (a, b, c) {
             if (c < 0 || c > 6) {
                 return -1;
             }
@@ -11422,14 +11422,14 @@
             }
             return -1;
         };
-        Calendar.prototype.a8 = function (a, b) {
+        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 (igniteuiWebcomponentsCore.intDivide((c + f), 7) + 1);
         };
-        Calendar.prototype.bb = function (a, b, c) {
+        XCalendar.prototype.bb = function (a, b, c) {
             var d;
             var e;
             var f;
@@ -11449,7 +11449,7 @@
             }
             return (this.bb(igniteuiWebcomponentsCore.dateAddDays(a, -(g + 1)), b, c));
         };
-        Calendar.prototype.bc = function (a, b) {
+        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;
@@ -11465,13 +11465,13 @@
             }
             return (igniteuiWebcomponentsCore.intDivide(i, 7) + 1);
         };
-        Calendar.prototype.a7 = function (a) {
+        XCalendar.prototype.a7 = function (a) {
             return this.a6(a, 1);
         };
-        Calendar.prototype.q = function (a) {
+        XCalendar.prototype.q = function (a) {
             return ((igniteuiWebcomponentsCore.intDivide(a.getTime(), 0xC92A69C000) + 1) % 7);
         };
-        Calendar.prototype.a6 = function (a, b) {
+        XCalendar.prototype.a6 = function (a, b) {
             var c = this.bd(a.getFullYear(), igniteuiWebcomponentsCore.dateGetMonth(a), a.getDate());
             var d = (igniteuiWebcomponentsCore.intDivide(c, 0xC92A69C000));
             var e = igniteuiWebcomponentsCore.intDivide(d, 146097);
@@ -11495,7 +11495,7 @@
                 return d + 1;
             }
             var i = h == 3 && (g != 24 || f == 3);
-            var j = i ? Calendar.c : Calendar.b;
+            var j = i ? XCalendar.c : XCalendar.b;
             var k = d >> 5 + 1;
             while (d >= j[k]) {
                 k++;
@@ -11505,9 +11505,9 @@
             }
             return d - j[k - 1] + 1;
         };
-        Calendar.prototype.bd = function (a, b, c) {
+        XCalendar.prototype.bd = function (a, b, c) {
             if (a >= 1 && a <= 9999 && b >= 1 && b <= 12) {
-                var d = Calendar.ac(a) ? Calendar.c : Calendar.b;
+                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 + igniteuiWebcomponentsCore.intDivide(e, 4) - igniteuiWebcomponentsCore.intDivide(e, 100) + igniteuiWebcomponentsCore.intDivide(e, 400) + d[b - 1] + c - 1;
@@ -11516,10 +11516,10 @@
             }
             return -1;
         };
-        Calendar.ac = function (a) {
+        XCalendar.ac = function (a) {
             return a % 4 == 0 && (a % 100 != 0 || a % 400 == 0);
         };
-        Calendar.prototype.ck = function (a, b, c, d) {
+        XCalendar.prototype.ck = function (a, b, c, d) {
             var e = new XButton();
             this.l.as(a, e);
             e.d = this.g;
@@ -11534,11 +11534,11 @@
             var g = new XIcon();
             this.l.aw(b, g);
             if (d == "prev") {
-                g.svgPath = Calendar.bk;
+                g.svgPath = XCalendar.bk;
                 e.ih = "btnPrev";
             }
             else if (d == "next") {
-                g.svgPath = Calendar.bl;
+                g.svgPath = XCalendar.bl;
                 e.ih = "btnNext";
             }
             e.appendButtonContent(c);
@@ -11551,7 +11551,7 @@
             e.bg = 28;
             this.aj.add(e);
         };
-        Calendar.prototype.cj = function (a, b, c) {
+        XCalendar.prototype.cj = function (a, b, c) {
             var d = new XButton();
             this.l.as(a, d);
             d.d = this.g;
@@ -11581,7 +11581,7 @@
             }
             this.aj.add(d);
         };
-        Calendar.prototype.a = function () {
+        XCalendar.prototype.a = function () {
             var a = new Array(4);
             a[0] = false;
             a[1] = false;
@@ -11649,7 +11649,7 @@
             }
             return a;
         };
-        Calendar.prototype.bx = function () {
+        XCalendar.prototype.bx = function () {
             var a = igniteuiWebcomponentsCore.dateGetMonth(this.aq);
             var b = "";
             switch (a) {
@@ -11692,11 +11692,11 @@
             }
             return b;
         };
-        Calendar.prototype.by = function () {
+        XCalendar.prototype.by = function () {
             var a = this.aq.getFullYear().toString();
             return a;
         };
-        Calendar.prototype.d = function (a) {
+        XCalendar.prototype.d = function (a) {
             var b = new Array(2);
             b[0] = "";
             b[1] = "";
@@ -11730,10 +11730,10 @@
             }
             return b;
         };
-        Calendar.prototype.n = function (a) {
+        XCalendar.prototype.n = function (a) {
             return this.ai._inner[a];
         };
-        Calendar.prototype.ad = function (a) {
+        XCalendar.prototype.ad = function (a) {
             var b = this.ai._inner[a];
             var c = this.ah._inner[a];
             if (+(this.aw) != +(igniteuiWebcomponentsCore.dateMinValue()) && b.b == this.aw.getDate() && b.c == igniteuiWebcomponentsCore.dateGetMonth(this.aw) && b.d == this.aw.getFullYear()) {
@@ -11848,7 +11848,7 @@
             }
             return c.disabled;
         };
-        Calendar.prototype.aa = function (a, b) {
+        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 < igniteuiWebcomponentsCore.dateGetMonth(this.au) || b > igniteuiWebcomponentsCore.dateGetMonth(this.at)) {
@@ -11883,7 +11883,7 @@
             }
             return this.ak._inner[a].disabled;
         };
-        Calendar.prototype.ab = function (a, b) {
+        XCalendar.prototype.ab = function (a, b) {
             if (b < this.au.getFullYear() || b > this.at.getFullYear()) {
                 this.al._inner[a].disabled = true;
             }
@@ -11892,15 +11892,15 @@
             }
             return this.al._inner[a].disabled;
         };
-        Calendar.prototype.cc = function (a) {
+        XCalendar.prototype.cc = function (a) {
             this.aq = igniteuiWebcomponentsCore.dateAddMonths(this.aq, a);
             this.cg();
         };
-        Calendar.prototype.cd = function (a) {
+        XCalendar.prototype.cd = function (a) {
             this.aq = igniteuiWebcomponentsCore.dateFromValues(this.aq.getFullYear(), a, this.aq.getDate(), 0, 0, 0, 0);
             this.cg();
         };
-        Calendar.prototype.ce = function (a) {
+        XCalendar.prototype.ce = function (a) {
             var b = igniteuiWebcomponentsCore.dateGetMonth(this.aq);
             var c = this.aq.getDate();
             if (a == this.au.getFullYear() && a == this.at.getFullYear()) {
@@ -11964,7 +11964,7 @@
             this.aq = igniteuiWebcomponentsCore.dateFromValues(a, b, c, 0, 0, 0, 0);
             this.cg();
         };
-        Calendar.prototype.cz = function (a, b) {
+        XCalendar.prototype.cz = function (a, b) {
             if (b < 0) {
                 a--;
             }
@@ -11973,17 +11973,17 @@
             }
             this.l.a4(a);
         };
-        Calendar.prototype.cy = function () {
+        XCalendar.prototype.cy = function () {
             this.l.aq();
         };
-        Calendar.prototype.bj = function () {
+        XCalendar.prototype.bj = function () {
             return this.j();
         };
-        Calendar.prototype.bs = function () {
+        XCalendar.prototype.bs = function () {
             var a = this.j();
             return a.o();
         };
-        Calendar.prototype.j = function () {
+        XCalendar.prototype.j = function () {
             var a = new CalendarVisualModelExport();
             a.i = this.i;
             a.h = this.g;
@@ -12108,12 +12108,12 @@
             }
             return a;
         };
-        Calendar.$t = igniteuiWebcomponentsCore.markType(Calendar, 'Calendar', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.INotifyPropertyChanged_$type]);
-        Calendar.bk = "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z";
-        Calendar.bl = "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z";
-        Calendar.b = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365];
-        Calendar.c = [0, 31, 60, 91, 121, 152, 182, 213, 244, 274, 305, 335, 366];
-        return Calendar;
+        XCalendar.$t = igniteuiWebcomponentsCore.markType(XCalendar, 'XCalendar', igniteuiWebcomponentsCore.Base.$, [igniteuiWebcomponentsCore.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;
     }(igniteuiWebcomponentsCore.Base));
 
     /*
@@ -12172,9 +12172,9 @@
         return IgcValueChangedEventArgs;
     }());
 
-    var IgcCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
-        tslib_1.__extends(IgcCalendarComponent, _super);
-        function IgcCalendarComponent() {
+    var IgcXCalendarComponent = /** @class */ /*@__PURE__*/ (function (_super) {
+        tslib_1.__extends(IgcXCalendarComponent, _super);
+        function IgcXCalendarComponent() {
             var _this = _super.call(this) || this;
             _this._disconnected = false;
             _this._settingAttributes = false;
@@ -12205,7 +12205,7 @@
             });
             return _this;
         }
-        Object.defineProperty(IgcCalendarComponent.prototype, "height", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "height", {
             get: function () {
                 return this._height;
             },
@@ -12217,7 +12217,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "width", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "width", {
             get: function () {
                 return this._width;
             },
@@ -12230,25 +12230,25 @@
             configurable: true
         });
         // supports angular themes or custom properties set in CSS
-        IgcCalendarComponent.prototype.updateStyle = function () {
+        IgcXCalendarComponent.prototype.updateStyle = function () {
             this._styling(this, this);
         };
-        IgcCalendarComponent.prototype.destroy = function () {
+        IgcXCalendarComponent.prototype.destroy = function () {
             this._calendar.destroy();
         };
-        IgcCalendarComponent.prototype.createImplementation = function () {
-            return new Calendar();
+        IgcXCalendarComponent.prototype.createImplementation = function () {
+            return new XCalendar();
         };
-        IgcCalendarComponent.prototype.disconnectedCallback = function () {
+        IgcXCalendarComponent.prototype.disconnectedCallback = function () {
             this._disconnected = true;
         };
-        IgcCalendarComponent.prototype.connectedCallback = function () {
+        IgcXCalendarComponent.prototype.connectedCallback = function () {
             if (this._disconnected) {
                 this._disconnected = false;
                 return;
             }
-            this.classList.add("ig-calendar");
-            this.classList.add("igc-calendar");
+            this.classList.add("ig-x-calendar");
+            this.classList.add("igc-x-calendar");
             var rootWrapper = this._renderer.rootWrapper;
             var rootElement = rootWrapper.getNativeElement();
             this.appendChild(rootElement);
@@ -12263,10 +12263,10 @@
             this._styling(this, this);
             this.afterContentInit();
         };
-        IgcCalendarComponent.prototype.afterContentInit = function () {
+        IgcXCalendarComponent.prototype.afterContentInit = function () {
             this.i.notifySizeChanged();
         };
-        Object.defineProperty(IgcCalendarComponent.prototype, "i", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "i", {
             /**
              * @hidden
              */
@@ -12278,7 +12278,7 @@
             enumerable: true,
             configurable: true
         });
-        IgcCalendarComponent._createFromInternal = function (internal) {
+        IgcXCalendarComponent._createFromInternal = function (internal) {
             if (!internal) {
                 return null;
             }
@@ -12292,10 +12292,10 @@
             }
             return igniteuiWebcomponentsCore.TypeRegistrar.create(externalName);
         };
-        IgcCalendarComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
+        IgcXCalendarComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
             this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
         };
-        IgcCalendarComponent.prototype._flushQueuedAttributes = function () {
+        IgcXCalendarComponent.prototype._flushQueuedAttributes = function () {
             this._settingAttributes = true;
             for (var i = 0; i < this._queuedSetAttributes.length; i++) {
                 this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
@@ -12303,7 +12303,7 @@
             this._settingAttributes = false;
             this._queuedSetAttributes.length = 0;
         };
-        IgcCalendarComponent.prototype._a = function (attrName, attrValue) {
+        IgcXCalendarComponent.prototype._a = function (attrName, attrValue) {
             if (this._updatingFromAttribute) {
                 return;
             }
@@ -12320,21 +12320,21 @@
             }
             this._settingAttributes = false;
         };
-        Object.defineProperty(IgcCalendarComponent, "observedAttributes", {
+        Object.defineProperty(IgcXCalendarComponent, "observedAttributes", {
             get: function () {
-                if (IgcCalendarComponent._observedAttributesIgcCalendarComponent == null) {
-                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcCalendarComponent);
+                if (IgcXCalendarComponent._observedAttributesIgcXCalendarComponent == null) {
+                    var names = igniteuiWebcomponentsCore.getAllPropertyNames(IgcXCalendarComponent);
                     for (var i = 0; i < names.length; i++) {
                         names[i] = igniteuiWebcomponentsCore.toSpinal(names[i]);
                     }
-                    IgcCalendarComponent._observedAttributesIgcCalendarComponent = names;
+                    IgcXCalendarComponent._observedAttributesIgcXCalendarComponent = names;
                 }
-                return IgcCalendarComponent._observedAttributesIgcCalendarComponent;
+                return IgcXCalendarComponent._observedAttributesIgcXCalendarComponent;
             },
             enumerable: true,
             configurable: true
         });
-        IgcCalendarComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
+        IgcXCalendarComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
             if (this._settingAttributes) {
                 return;
             }
@@ -12343,13 +12343,13 @@
             this[setName] = newValue;
             this._updatingFromAttribute = false;
         };
-        IgcCalendarComponent.register = function () {
-            if (!IgcCalendarComponent._isElementRegistered) {
-                IgcCalendarComponent._isElementRegistered = true;
-                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcCalendarComponent.htmlTagName, IgcCalendarComponent);
+        IgcXCalendarComponent.register = function () {
+            if (!IgcXCalendarComponent._isElementRegistered) {
+                IgcXCalendarComponent._isElementRegistered = true;
+                igniteuiWebcomponentsCore.RegisterElementHelper.registerElement(IgcXCalendarComponent.htmlTagName, IgcXCalendarComponent);
             }
         };
-        Object.defineProperty(IgcCalendarComponent.prototype, "value", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "value", {
             /**
          * Gets or Sets the value for the calendar.
         */
@@ -12362,7 +12362,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "today", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "today", {
             /**
              * Gets or Sets the property name that contains the values.
             */
@@ -12375,7 +12375,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "minDate", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "minDate", {
             /**
              * Gets or Sets the property name that contains the MinDate.
             */
@@ -12388,7 +12388,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "maxDate", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "maxDate", {
             /**
              * Gets or Sets the property name that contains the MaxDate.
             */
@@ -12401,7 +12401,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "density", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "density", {
             /**
              * Gets or sets the display density to use for the calendar.
             */
@@ -12415,7 +12415,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "baseTheme", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "baseTheme", {
             /**
              * Gets or sets the base built in theme to use for the calendar.
             */
@@ -12429,7 +12429,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "backgroundColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "backgroundColor", {
             /**
              * Gets or Sets the selected date background color
             */
@@ -12443,7 +12443,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "selectedDateBackgroundColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "selectedDateBackgroundColor", {
             /**
              * Gets or Sets the selected date background color
             */
@@ -12457,7 +12457,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "selectedFocusDateBackgroundColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "selectedFocusDateBackgroundColor", {
             /**
              * Gets or Sets the selected date background color
             */
@@ -12471,7 +12471,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "focusDateBackgroundColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "focusDateBackgroundColor", {
             /**
              * Gets or Sets the focus date background color
             */
@@ -12485,7 +12485,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "hoverBackgroundColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "hoverBackgroundColor", {
             /**
              * Gets or Sets the focus date background color
             */
@@ -12499,7 +12499,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "textColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "textColor", {
             /**
              * Gets or Sets the selected date text color
             */
@@ -12513,7 +12513,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "selectedDateTextColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "selectedDateTextColor", {
             /**
              * Gets or Sets the selected date text color
             */
@@ -12527,7 +12527,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "focusDateTextColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "focusDateTextColor", {
             /**
              * Gets or Sets the focus date text color
             */
@@ -12541,7 +12541,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "currentDateTextColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "currentDateTextColor", {
             /**
              * Gets or Sets the current date text color
             */
@@ -12555,7 +12555,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "currentDateBorderColor", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "currentDateBorderColor", {
             /**
              * Gets or Sets the current date text color
             */
@@ -12569,7 +12569,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "showTodayButton", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "showTodayButton", {
             /**
              * Gets or sets the ShowTodayButton property to detirmine if the today button is shown
             */
@@ -12583,7 +12583,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "textStyle", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "textStyle", {
             /**
              * Gets or sets the font to use for the combobox.
             */
@@ -12602,7 +12602,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "firstDayOfWeek", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "firstDayOfWeek", {
             /**
              * Gets or sets the FirstDayOfWeek property to detirmine first day of the week
             */
@@ -12616,7 +12616,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "firstWeekOfYear", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "firstWeekOfYear", {
             /**
              * Gets or sets the FirstWeekOfYear property to detirmine first week of the year
             */
@@ -12630,7 +12630,7 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "showWeekNumbers", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "showWeekNumbers", {
             /**
              * Gets or sets the ShowWeekNumbers property to detirmine if the week numbers are shown
             */
@@ -12644,19 +12644,19 @@
             enumerable: true,
             configurable: true
         });
-        Object.defineProperty(IgcCalendarComponent.prototype, "hasUserValues", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "hasUserValues", {
             get: function () {
                 return this._hasUserValues;
             },
             enumerable: true,
             configurable: true
         });
-        IgcCalendarComponent.prototype.__m = function (propertyName) {
+        IgcXCalendarComponent.prototype.__m = function (propertyName) {
             if (!this._inStyling) {
                 this._hasUserValues.add(propertyName);
             }
         };
-        IgcCalendarComponent.prototype._styling = function (container, component, parent) {
+        IgcXCalendarComponent.prototype._styling = function (container, component, parent) {
             if (this._inStyling) {
                 return;
             }
@@ -12668,7 +12668,7 @@
             if (typeName.indexOf("Xam") === 0) {
                 typeName = typeName.substring(3);
             }
-            genericPrefix = igniteuiWebcomponentsCore.toSpinal("CalendarComponent");
+            genericPrefix = igniteuiWebcomponentsCore.toSpinal("XCalendarComponent");
             var additionalPrefixes = [];
             var prefix = igniteuiWebcomponentsCore.toSpinal(typeName);
             additionalPrefixes.push(prefix + "-");
@@ -12705,7 +12705,7 @@
      * Exports visual information about the current state of the grid.
 
     */
-        IgcCalendarComponent.prototype.exportVisualModel = function () {
+        IgcXCalendarComponent.prototype.exportVisualModel = function () {
             var iv = this.i.bj();
             return (iv);
         };
@@ -12713,11 +12713,11 @@
          * Returns a serialized copy of the exported visual model
         
         */
-        IgcCalendarComponent.prototype.exportSerializedVisualModel = function () {
+        IgcXCalendarComponent.prototype.exportSerializedVisualModel = function () {
             var iv = this.i.bs();
             return (iv);
         };
-        Object.defineProperty(IgcCalendarComponent.prototype, "valueChanged", {
+        Object.defineProperty(IgcXCalendarComponent.prototype, "valueChanged", {
             /**
              * Called when date is selected.
             */
@@ -12747,10 +12747,10 @@
             enumerable: true,
             configurable: true
         });
-        IgcCalendarComponent._observedAttributesIgcCalendarComponent = null;
-        IgcCalendarComponent.htmlTagName = "igc-calendar";
-        IgcCalendarComponent._isElementRegistered = false;
-        return IgcCalendarComponent;
+        IgcXCalendarComponent._observedAttributesIgcXCalendarComponent = null;
+        IgcXCalendarComponent.htmlTagName = "igc-x-calendar";
+        IgcXCalendarComponent._isElementRegistered = false;
+        return IgcXCalendarComponent;
     }(HTMLElement));
 
     /*
@@ -12759,18 +12759,18 @@
     https://www.infragistics.com/legal/license/igultimate-eula
     GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
     */
-    var IgcCalendarModule = /** @class */ /*@__PURE__*/ (function () {
-        function IgcCalendarModule() {
+    var IgcXCalendarModule = /** @class */ /*@__PURE__*/ (function () {
+        function IgcXCalendarModule() {
         }
-        IgcCalendarModule.register = function () {
+        IgcXCalendarModule.register = function () {
             IgcXButtonModule.register();
             IgcXIconModule.register();
-            IgcCalendarComponent.register();
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcCalendarComponent', IgcCalendarComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcCalendarComponent', IgcCalendarComponent);
-            igniteuiWebcomponentsCore.TypeRegistrar.register('Calendar', Calendar.$type);
+            IgcXCalendarComponent.register();
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcXCalendarComponent', IgcXCalendarComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.registerCons('IgcXCalendarComponent', IgcXCalendarComponent);
+            igniteuiWebcomponentsCore.TypeRegistrar.register('XCalendar', XCalendar.$type);
         };
-        return IgcCalendarModule;
+        return IgcXCalendarModule;
     }());
 
     /*
@@ -25643,7 +25643,7 @@
         DatePicker.prototype.ce = function () {
             this.y = new igniteuiWebcomponentsLayouts.Popup();
             this.l.ak(this.y);
-            this.g = new Calendar();
+            this.g = new XCalendar();
             this.l.af(this.g);
             if (+(this.a1) != +(igniteuiWebcomponentsCore.dateMinValue())) {
                 this.g.au = this.a1;
@@ -26635,7 +26635,7 @@
         function IgcDatePickerModule() {
         }
         IgcDatePickerModule.register = function () {
-            IgcCalendarModule.register();
+            IgcXCalendarModule.register();
             IgcXButtonModule.register();
             IgcXIconModule.register();
             IgcXInputGroupModule.register();
@@ -32672,7 +32672,6 @@
     exports.ButtonGroupVisualModelExport = ButtonGroupVisualModelExport;
     exports.ButtonView = ButtonView;
     exports.ButtonVisualModelExport = ButtonVisualModelExport;
-    exports.Calendar = Calendar;
     exports.CalendarLocaleEn = CalendarLocaleEn;
     exports.CalendarView = CalendarView;
     exports.CalendarVisualModelExport = CalendarVisualModelExport;
@@ -32698,9 +32697,7 @@
     exports.IconVisualModelExport = IconVisualModelExport;
     exports.IgcButtonClickEventArgs = IgcButtonClickEventArgs;
     exports.IgcButtonGroupSelectionChangedEventArgs = IgcButtonGroupSelectionChangedEventArgs;
-    exports.IgcCalendarComponent = IgcCalendarComponent;
     exports.IgcCalendarLocaleEnModule = IgcCalendarLocaleEnModule;
-    exports.IgcCalendarModule = IgcCalendarModule;
     exports.IgcCheckboxChangeEventArgs = IgcCheckboxChangeEventArgs;
     exports.IgcDatePickerComponent = IgcDatePickerComponent;
     exports.IgcDatePickerModule = IgcDatePickerModule;
@@ -32713,6 +32710,8 @@
     exports.IgcXButtonGroupComponent = IgcXButtonGroupComponent;
     exports.IgcXButtonGroupModule = IgcXButtonGroupModule;
     exports.IgcXButtonModule = IgcXButtonModule;
+    exports.IgcXCalendarComponent = IgcXCalendarComponent;
+    exports.IgcXCalendarModule = IgcXCalendarModule;
     exports.IgcXCheckboxComponent = IgcXCheckboxComponent;
     exports.IgcXCheckboxModule = IgcXCheckboxModule;
     exports.IgcXIconComponent = IgcXIconComponent;
@@ -32764,6 +32763,7 @@
     exports.XButton = XButton;
     exports.XButtonGroup = XButtonGroup;
     exports.XButtonGroupButtonCollection = XButtonGroupButtonCollection;
+    exports.XCalendar = XCalendar;
     exports.XCheckbox = XCheckbox;
     exports.XIcon = XIcon;
     exports.XInput = XInput;