diff --git a/browser/package-lock.json b/browser/package-lock.json
index 77e1aaa9f9..a218848afd 100644
--- a/browser/package-lock.json
+++ b/browser/package-lock.json
@@ -14,20 +14,20 @@
         "@types/react-transition-group": "2.9.2",
         "classnames": "2.3.1",
         "file-saver": "1.3.8",
-        "igniteui-dockmanager": "1.14.3",
-        "igniteui-react": "18.7.3",
-        "igniteui-react-charts": "18.7.3",
-        "igniteui-react-core": "18.7.3",
-        "igniteui-react-datasources": "18.7.3",
-        "igniteui-react-excel": "18.7.3",
-        "igniteui-react-gauges": "18.7.3",
-        "igniteui-react-grids": "18.7.3",
-        "igniteui-react-inputs": "18.7.3",
-        "igniteui-react-layouts": "18.7.3",
-        "igniteui-react-maps": "18.7.3",
-        "igniteui-react-spreadsheet": "18.7.3",
-        "igniteui-react-spreadsheet-chart-adapter": "18.7.3",
-        "igniteui-webcomponents": "5.0.0",
+        "igniteui-dockmanager": "1.15.2",
+        "igniteui-react": "18.7.4",
+        "igniteui-react-charts": "18.7.4",
+        "igniteui-react-core": "18.7.4",
+        "igniteui-react-datasources": "18.7.4",
+        "igniteui-react-excel": "18.7.4",
+        "igniteui-react-gauges": "18.7.4",
+        "igniteui-react-grids": "18.7.4",
+        "igniteui-react-inputs": "18.7.4",
+        "igniteui-react-layouts": "18.7.4",
+        "igniteui-react-maps": "18.7.4",
+        "igniteui-react-spreadsheet": "18.7.4",
+        "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+        "igniteui-webcomponents": "5.1.2",
         "lit-html": "2.8.0",
         "prop-types": "15.7.2",
         "react": "^18.2.0",
@@ -3871,6 +3871,14 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/@lit/context": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@lit/context/-/context-1.1.3.tgz",
+      "integrity": "sha512-Auh37F4S0PZM93HTDfZWs97mmzaQ7M3vnTc9YvxAGyP3UItSK/8Fs0vTOGT+njuvOwbKio/l8Cx/zWL4vkutpQ==",
+      "dependencies": {
+        "@lit/reactive-element": "^1.6.2 || ^2.0.0"
+      }
+    },
     "node_modules/@lit/reactive-element": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
@@ -13031,149 +13039,149 @@
       }
     },
     "node_modules/igniteui-dockmanager": {
-      "version": "1.14.3",
-      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.14.3.tgz",
-      "integrity": "sha512-nxfPXeOWs8PYOotaA5B7Ylj1pen2tpXaWa0dykJxrgkIIj1VKgybK6HahZ5FAh2dui4hqyAgE20FLDHTU5zkSA==",
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.15.2.tgz",
+      "integrity": "sha512-FtcWCbHhWfTuVZ1ltaiZstu88/O6NYny6BzkgVNELoLa/oqHCktjL6JoMTOC4a/QwDpoP3AMi+UmbvkQrE0fRQ==",
       "dependencies": {
         "igniteui-trial-watermark": "^1.0.3"
       }
     },
     "node_modules/igniteui-react": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-18.7.3.tgz",
-      "integrity": "sha512-WkMwd46SkVqTjkxxlNtO3nzyALz0ujtYLfKV8F9XpvEI8Qb4fG7UmFZ6LfkHjXyCOjzXLcwxAj6amIqTvLd4+g==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react/-/igniteui-react-18.7.4.tgz",
+      "integrity": "sha512-IVFEsASdb45G3yqOvVaqoW1jwvnP4pwCeh8GogU6+Aw3QhFxD8gKOTtZ1cimM4lNXeIYDryVGIiodWfcHzeO0w==",
       "dependencies": {
-        "igniteui-dockmanager": "^1.14.0",
-        "igniteui-webcomponents": "^5.0.0",
+        "igniteui-dockmanager": "^1.15.0",
+        "igniteui-webcomponents": "^5.1.0",
         "tslib": "^2.3.1"
       }
     },
     "node_modules/igniteui-react-charts": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-charts/-/igniteui-react-charts-18.7.3.tgz",
-      "integrity": "sha512-l449BjdYGE3Mf8+sLJnyPLiUs0ksMFIOoXPoYc+cb91xeZE4WSfGbdb/X1i1Qjuvx3RqvwkXHHOggsrKUNQOyg==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-charts/-/igniteui-react-charts-18.7.4.tgz",
+      "integrity": "sha512-mdyF+RQyuk0v3vbfin9yP1ngavsQ1kris8YZzu0AT1+ww9o0uXWWQdD0qVBMfOWLQnzTeckjefMWSX3EfyPz9Q==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3"
+        "igniteui-react-core": "18.7.4"
       }
     },
     "node_modules/igniteui-react-core": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-core/-/igniteui-react-core-18.7.3.tgz",
-      "integrity": "sha512-j+bwW9Sb2/LqFfZ0KDTsGYYDvOcEldBZ+hKvqW6IbSV5wsFANtZ4XRvHtcLBbQoVOCBLNhtKAbTP3nUoTwiJRQ==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-core/-/igniteui-react-core-18.7.4.tgz",
+      "integrity": "sha512-B/K0avLJueEuJ2UXLpIpfIm8kUCsojz0iNblRjI1ufowlpNmsRxpsWONBBZv+oWebZWE0wImoyQQ4U0RhqOHjw==",
       "dependencies": {
         "tslib": "^2.3.1"
       }
     },
     "node_modules/igniteui-react-datasources": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-datasources/-/igniteui-react-datasources-18.7.3.tgz",
-      "integrity": "sha512-VAYPXx+X7pc+HLfpTO0fqQh9mU53LI0k5NPYRmKv+ika4NJLyZE66DWh+zVowHrsSKgUOR7D8li+8+gpm2SKxA==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-datasources/-/igniteui-react-datasources-18.7.4.tgz",
+      "integrity": "sha512-RRyp+z465LlDFEYaQfS3bKTrG078da7fPlaAg9iaBhll+FgqJ5KZ/PIAj6hnUV6G+K6/XAK7WUOD+s7XBVbC4g==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3"
+        "igniteui-react-core": "18.7.4"
       }
     },
     "node_modules/igniteui-react-excel": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-18.7.3.tgz",
-      "integrity": "sha512-/Uwot9yykA6LaUHzRKUiLoeVpZLHzhM3agO1n3z0d2WPGO9ImtK9G5tDqh0nbACck9lzU0gWkW5XASzmf7ui5w==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-excel/-/igniteui-react-excel-18.7.4.tgz",
+      "integrity": "sha512-GHKVUdB3pD8dCy2A7r5SIhR882/Qg7D0gxt++bPYryqe+azgoxxLIoNsGGVRcBa3il4G/KUOMZ31LVp9X2XX/w==",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3"
+        "igniteui-react-core": "18.7.4"
       }
     },
     "node_modules/igniteui-react-gauges": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-gauges/-/igniteui-react-gauges-18.7.3.tgz",
-      "integrity": "sha512-ZSLf+bfkH+kHSfMhh3E1pcCBQ/EoehSmxQXWZ6xdeguiwlCQXYxLBONqB16KaGFVVusoctOTFpdjw1N/GVEKjA==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-gauges/-/igniteui-react-gauges-18.7.4.tgz",
+      "integrity": "sha512-9tSGDXDj2nUkY7p44dkNFPyzGyaqFQwlKR5JC//glxdjl8kKWAehpY+QNceea1WVafLQ9vskh29yHXAEU9a9Wg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3"
+        "igniteui-react-core": "18.7.4"
       }
     },
     "node_modules/igniteui-react-grids": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-18.7.3.tgz",
-      "integrity": "sha512-lD00YB2upXysbBuAHR/nKKXBH6qDPYC7dP8qumJyz8ZGxMNkksmXCfMa/AEgL1xg1QpDB2WumiWoWSzQqqLtVQ==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-grids/-/igniteui-react-grids-18.7.4.tgz",
+      "integrity": "sha512-ZVsdYAV/2c3yiiwATUJ66y6MvIhy0KtHkRgHCcsNB+CmnMBQytAXzqoyktZ0+mPzOb5AkEoa1x8gp5izcNh+pg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3",
-        "igniteui-react-inputs": "18.7.3",
-        "igniteui-react-layouts": "18.7.3"
+        "igniteui-react-core": "18.7.4",
+        "igniteui-react-inputs": "18.7.4",
+        "igniteui-react-layouts": "18.7.4"
       }
     },
     "node_modules/igniteui-react-inputs": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-inputs/-/igniteui-react-inputs-18.7.3.tgz",
-      "integrity": "sha512-LLOtnL9UqyuseP/nT3YPl63x50JbMb64x/NgmlSPStuy7S8GOG//DLU6U0ghINfYjgc+fsUm+uSQd38BHh2Qwg==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-inputs/-/igniteui-react-inputs-18.7.4.tgz",
+      "integrity": "sha512-2qNWOJ+pzHzz1y1vRXV2NJGmuOzZFsspsl6Y0ZBfKRXYdShatYUcBvqIk8Ye7Gdr8V9uZFwgFwSMk96JhS3tQg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3"
+        "igniteui-react-core": "18.7.4"
       }
     },
     "node_modules/igniteui-react-layouts": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-layouts/-/igniteui-react-layouts-18.7.3.tgz",
-      "integrity": "sha512-+87XTmniOXLXH9ao8JLNOO/4sxYrCaQzUi4WNkFpXIxaEq/vpOc6/eKxZJv1aVtKxVWexVso2kibqh+RZ5nk8w==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-layouts/-/igniteui-react-layouts-18.7.4.tgz",
+      "integrity": "sha512-BYMDiRyQcKAY0fJ2dFItODeHEQid1H1s8SNbCQ9UzMQhnt2kbmI7q+xwxBgzSPdX5sh8/nPxZg8QLcJL00JlVw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3",
-        "igniteui-react-inputs": "18.7.3"
+        "igniteui-react-core": "18.7.4",
+        "igniteui-react-inputs": "18.7.4"
       }
     },
     "node_modules/igniteui-react-maps": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-maps/-/igniteui-react-maps-18.7.3.tgz",
-      "integrity": "sha512-dPYzAR/W3qrogKNw37clxnRI2HTo6Be6AHgtEi3pvcK9RsjxrQcc3oij8eSDfp/IvegMcZ8GVMAS2mnqoQw2LA==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-maps/-/igniteui-react-maps-18.7.4.tgz",
+      "integrity": "sha512-/OstFXGo+ok2fAluRFuu2kOKTRUN65KGAeh+4qpEx/g3Zkl2G36feeK+SHq/kJy3DJcjq5WsbgeebLC7Z7S+hA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "18.7.3",
-        "igniteui-react-core": "18.7.3"
+        "igniteui-react-charts": "18.7.4",
+        "igniteui-react-core": "18.7.4"
       }
     },
     "node_modules/igniteui-react-spreadsheet": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet/-/igniteui-react-spreadsheet-18.7.3.tgz",
-      "integrity": "sha512-XqmxdyzGQGmNIS3Rm+elrkViXtnWR0SN1wQugFw6CYYCBvTNniMSToQozHn5z6BNsEakk3j1f/49J75jRDQ2VA==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet/-/igniteui-react-spreadsheet-18.7.4.tgz",
+      "integrity": "sha512-MeLdQwu1VQiZvgB+LpuYHSHAh6vijwtRG9g8YnN/u8hyBqcZ+9GaCr9wv3ScXbPabIFqvvQX2pVEZYnfEyD3Qg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-core": "18.7.3",
-        "igniteui-react-excel": "18.7.3"
+        "igniteui-react-core": "18.7.4",
+        "igniteui-react-excel": "18.7.4"
       }
     },
     "node_modules/igniteui-react-spreadsheet-chart-adapter": {
-      "version": "18.7.3",
-      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet-chart-adapter/-/igniteui-react-spreadsheet-chart-adapter-18.7.3.tgz",
-      "integrity": "sha512-tza3czXGgh8Sp+WkeM+7huvegCZTp2pqzZOQkS6Jl/wtCuI4NrcJlN6rtGC0dS2e6C7nE/gjTyV0z0yFnOu06A==",
+      "version": "18.7.4",
+      "resolved": "https://registry.npmjs.org/igniteui-react-spreadsheet-chart-adapter/-/igniteui-react-spreadsheet-chart-adapter-18.7.4.tgz",
+      "integrity": "sha512-1Sq5ZZfz3tOz48u4CQ4OoA2T9xhwafQ6zt/lgCLqqSIEYHtcEg0L6jFl2fjgR0PyYQ468MBhvQ90d3b3vJK3JA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-react-charts": "18.7.3",
-        "igniteui-react-core": "18.7.3",
-        "igniteui-react-excel": "18.7.3",
-        "igniteui-react-spreadsheet": "18.7.3"
+        "igniteui-react-charts": "18.7.4",
+        "igniteui-react-core": "18.7.4",
+        "igniteui-react-excel": "18.7.4",
+        "igniteui-react-spreadsheet": "18.7.4"
       }
     },
     "node_modules/igniteui-trial-watermark": {
@@ -13182,13 +13190,17 @@
       "integrity": "sha512-q6thtu+7R6MOB+i9GorFPCcWeOImW43BzCAtKnDAYWwaoueb8Lg1EhBkIhAyfEIH+yZ/9c5lnZdU61/GRPoP+g=="
     },
     "node_modules/igniteui-webcomponents": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.0.0.tgz",
-      "integrity": "sha512-f4nRojq18HjbrBjzhqj4c/uBJPR6UqIYw8TDjsUJwxaxHxGnp+wbzPLPhcdHXLnbEaNbMQIcBFHICoGu0hwQqg==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.1.2.tgz",
+      "integrity": "sha512-OnNLMm4VMpBLyGF8P6zDaHEqaw3M+Rfy+/FHAkpzZAs5TD31uwFZrd4mvKV5Isqp1VuSma8Gzr0RnSti29QbCw==",
       "dependencies": {
         "@floating-ui/dom": "^1.6.0",
         "@lit-labs/virtualizer": "^2.0.10",
+        "@lit/context": "^1.1.0",
         "lit": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=18"
       }
     },
     "node_modules/ignore": {
diff --git a/browser/package.json b/browser/package.json
index 8a339e3c0e..7a263f9779 100644
--- a/browser/package.json
+++ b/browser/package.json
@@ -23,26 +23,26 @@
     "@types/react-transition-group": "2.9.2",
     "classnames": "2.3.1",
     "file-saver": "1.3.8",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "2.8.0",
     "prop-types": "15.7.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-loadable": "5.5.0",
     "react-icons": "^5.3.0",
+    "react-loadable": "5.5.0",
     "react-router": "4.3.1",
     "react-router-dom": "^5.2.0",
     "react-transition-group": "4.4.2",
diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 12c4ea7e82..148876acad 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -824,21 +824,21 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-react-core"                     , version: "18.7.3" },
-        { name: "igniteui-react-charts"                   , version: "18.7.3" },
-        { name: "igniteui-react-excel"                    , version: "18.7.3" },
-        { name: "igniteui-react-gauges"                   , version: "18.7.3" },
-        { name: "igniteui-react-grids"                    , version: "18.7.3" },
-        { name: "igniteui-react-inputs"                   , version: "18.7.3" },
-        { name: "igniteui-react-layouts"                  , version: "18.7.3" },
-        { name: "igniteui-react-maps"                     , version: "18.7.3" },
-        { name: "igniteui-react-spreadsheet-chart-adapter", version: "18.7.3" },
-        { name: "igniteui-react-spreadsheet"              , version: "18.7.3" },
-        { name: "igniteui-react-datasources"              , version: "18.7.3" },
-        { name: "igniteui-react"                          , version: "18.7.3" },
+        { name: "igniteui-react-core"                     , version: "18.7.4" },
+        { name: "igniteui-react-charts"                   , version: "18.7.4" },
+        { name: "igniteui-react-excel"                    , version: "18.7.4" },
+        { name: "igniteui-react-gauges"                   , version: "18.7.4" },
+        { name: "igniteui-react-grids"                    , version: "18.7.4" },
+        { name: "igniteui-react-inputs"                   , version: "18.7.4" },
+        { name: "igniteui-react-layouts"                  , version: "18.7.4" },
+        { name: "igniteui-react-maps"                     , version: "18.7.4" },
+        { name: "igniteui-react-spreadsheet-chart-adapter", version: "18.7.4" },
+        { name: "igniteui-react-spreadsheet"              , version: "18.7.4" },
+        { name: "igniteui-react-datasources"              , version: "18.7.4" },
+        { name: "igniteui-react"                          , version: "18.7.4" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.0.0" },
-        { name: "igniteui-dockmanager",   version: "1.14.3" },
+        { name: "igniteui-webcomponents", version: "5.1.2" },
+        { name: "igniteui-dockmanager",   version: "1.15.2" },
         // main react packages
         { name: "react"             , version: "^18.2.0", },
         { name: "react-dom"         , version: "^18.2.0", },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index 950c8ff65a..84f03271f7 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/column-chart-with-highlighting/package.json b/samples/charts/category-chart/column-chart-with-highlighting/package.json
index 24af892b5f..e434479140 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 9e41389cd1..d53628a482 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index ef077ab8ff..149a80c71d 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index 24af892b5f..e434479140 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/line-chart-with-animations/package.json b/samples/charts/category-chart/line-chart-with-animations/package.json
index d19584a83e..251d970dd4 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/line-chart-with-annotations/package.json b/samples/charts/category-chart/line-chart-with-annotations/package.json
index d19584a83e..251d970dd4 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index 4850047efc..e189faeae3 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 9fcb84e4b3..6f30611460 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index 0c1c9a5fe0..8cb0eecf62 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index cfa09d545c..1e92f9de4e 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index 65f5e8ea6a..55bd68f390 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 206abae455..914550529f 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index 91e9bb2916..3f7dc2b771 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index f35ea1f715..c0a16038c1 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index 0d15f84827..a57d51c01d 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 91e9bb2916..3f7dc2b771 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index e398314c9d..1722e12616 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index 23c4373477..075bba425d 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 7fe05f8031..9f5e812dff 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 0474fd93af..1af3b8bb76 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index 12ae3beafd..7d4cc1c20d 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 0f915af722..7f9d26f5a8 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 7fe05f8031..9f5e812dff 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 60a5fb6442..59045b25e0 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index 0d0156a72f..31310a3606 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index d1e8a5929a..8bec9ff5d2 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/final-value-layer-styling/package.json b/samples/charts/data-chart/final-value-layer-styling/package.json
index efff489257..c953224d1b 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/itemized-bar-chart/package.json b/samples/charts/data-chart/itemized-bar-chart/package.json
index b70d4999d8..02118e19d0 100644
--- a/samples/charts/data-chart/itemized-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-bar-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/itemized-column-chart/package.json b/samples/charts/data-chart/itemized-column-chart/package.json
index b70d4999d8..02118e19d0 100644
--- a/samples/charts/data-chart/itemized-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-column-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
index b70d4999d8..02118e19d0 100644
--- a/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-bar-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/itemized-stacked-column-chart/package.json b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
index b70d4999d8..02118e19d0 100644
--- a/samples/charts/data-chart/itemized-stacked-column-chart/package.json
+++ b/samples/charts/data-chart/itemized-stacked-column-chart/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 3cb899f61d..be5d71118c 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index d820f82d28..a810b4a239 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index 3998bbd707..8187cb9941 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-line-threshold/package.json b/samples/charts/data-chart/scatter-line-threshold/package.json
index b70d4999d8..02118e19d0 100644
--- a/samples/charts/data-chart/scatter-line-threshold/package.json
+++ b/samples/charts/data-chart/scatter-line-threshold/package.json
@@ -14,9 +14,9 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index b2038fe035..8083204d3d 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index da48b3ed56..e27b13a3b2 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index d35e662efc..dde18a71e4 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 1ec6e607f9..d8d3e926be 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index f4f80d1d51..ea3fd5d1e5 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index ace4c258b4..250e240fce 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index e698f2d56f..a730c45e77 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index c6a6137069..8b4d23f476 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index d652a27f3e..111bf070d4 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-chart/type-financial-candlestick-series/package.json b/samples/charts/data-chart/type-financial-candlestick-series/package.json
index 860128d989..752b97ac15 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-indicators-column/package.json b/samples/charts/data-chart/type-financial-indicators-column/package.json
index 518a4cf36e..3862bfa968 100644
--- a/samples/charts/data-chart/type-financial-indicators-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicators-column/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-indicators-line/package.json b/samples/charts/data-chart/type-financial-indicators-line/package.json
index 999274fa7e..495492f448 100644
--- a/samples/charts/data-chart/type-financial-indicators-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicators-line/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/package.json b/samples/charts/data-chart/type-financial-ohlc-series/package.json
index 033d76a9a7..22951d0e3d 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 9abe922152..8e7773cbed 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index f1e737cb08..d2fd84bc17 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-range-area-series/package.json b/samples/charts/data-chart/type-range-area-series/package.json
index 71eeec02b6..8d0c8dd9ce 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-range-column-series/package.json b/samples/charts/data-chart/type-range-column-series/package.json
index affe5e394f..dbf4e9cb8a 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 164538e386..2ba30cc542 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-area-series/package.json b/samples/charts/data-chart/type-scatter-area-series/package.json
index 16e06db620..406ad602f8 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/package.json b/samples/charts/data-chart/type-scatter-bubble-series/package.json
index de2cbbaa02..e3929cd0d5 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-contour-series/package.json b/samples/charts/data-chart/type-scatter-contour-series/package.json
index 4fde677fb3..ec7de4a521 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-hd-series/package.json b/samples/charts/data-chart/type-scatter-hd-series/package.json
index c5463fa568..521e2c59f2 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/package.json b/samples/charts/data-chart/type-scatter-polygon-series/package.json
index 08159bc792..d6e01fce03 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/package.json b/samples/charts/data-chart/type-scatter-polyline-series/package.json
index 33dae4d387..336cd2f6e7 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 0003a2f9ec..449fe26bda 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index b9e5d8ed58..0b131e26a1 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 8b2f38beb9..44f8dcbc11 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index be17df178a..193a1067df 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index 81bad1c2fa..cf11e6d481 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 36f622c0ff..5fd98a80d0 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index ba7b508e98..537e660fe8 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 3416d27def..2718267d5b 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 6a4884ac93..59eebd538a 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index b9112b8079..cee87a197e 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index 3f9f8a2949..d5570df7eb 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index a42a55aafc..aa8f3afe6a 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 5aaa4841bd..92443cc699 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index 258152c57b..9f3b5142b8 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index 45cd21bf4b..89428cd4e6 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 66c8403b8b..eda5537118 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index d0584bcdde..561adc3b00 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index e9ec890547..4cdc0fbe44 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index fb54bdcf8d..d37996a726 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index 70b1f60aa0..f1480e6ab4 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 15594c4ffd..5d065af981 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index da3fa11b8b..8bfe05dafd 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index bf61b9a82f..7511bc8fd0 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index a6eded2490..807e280eca 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index 65b6ab043b..780ab32494 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 5657ac2ae1..1d401d2102 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 95b3b250b5..4d4c7da0f4 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 9ed1e98539..cd68931e9c 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -14,12 +14,12 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 9d1a051427..7f9d164938 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -14,10 +14,10 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 52b6d2a0bd..401c40a487 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index ad0ca5db2e..1ea6fe4eab 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/overview/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index 7680493821..82d66cb953 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index e3d3ecf5af..e5f36156dc 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index e3d3ecf5af..e5f36156dc 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index c7ae59cb63..4223c336bb 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index bcf6f1b90e..c0d29dca49 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index ec2083527d..1c4d4fb9c5 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -14,11 +14,11 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index 4dde4d0d25..41a6cd49fb 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index a541db6e81..19b6f0a0ef 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index fd006dddc4..e9456882e1 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -14,8 +14,8 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index 7fcc5ed3fd..8e08560966 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 30f67886d4..560f99695a 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -14,12 +14,12 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index c4e3cb84c1..104bc3bc15 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index ae40fc3bb5..cc39737986 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -14,11 +14,11 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index 410ffd69a2..dcec3c31a3 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
-    "igniteui-react-spreadsheet-chart-adapter": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
+    "igniteui-react-spreadsheet-chart-adapter": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index 42b3204a15..3e34e94ecc 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index afe190f48d..6261e6d516 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index 8dde976dce..e22887b361 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 16ca1f3c74..6ccaf28b27 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index 50f57fbf37..556e3640a9 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 53ce13e96d..0461382283 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 5f0182b923..ceb1ecc86f 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index cd492dbd8f..424dbc0773 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index d67dddfbae..9a73997d19 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 6c5912de0f..55317fe575 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -14,9 +14,9 @@
   "dependencies": {
     "@types/file-saver": "^2.0.7",
     "file-saver": "^1.3.8",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-excel": "18.7.3",
-    "igniteui-react-spreadsheet": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-excel": "18.7.4",
+    "igniteui-react-spreadsheet": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index c23b78427f..fbe080493b 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index a6a4d7a6c4..2df5fe5ff3 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 4c960fa051..7f48dc3f24 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index b1ce386419..9483219064 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 1b1826c820..835918ffd3 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 4e87b67e94..0f6483a780 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 86e2a500ad..05a9287ad6 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 768aff80f6..891c15bf93 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 09cfaa7529..bfbb28eb45 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index d41430054d..7a3d90cb66 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 96463cb5d0..f5444c85e4 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 3f101ac01d..ca5e00f5c9 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index 73e061a673..c8873471d7 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 7c471aa09c..45578d2b98 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index a662b4abb7..958b0e2f33 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index ee0713e751..fb87ff3130 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index ca0572d475..0eaf004d7c 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 494bcb5873..26d7429dd9 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 3b98261684..2914da6170 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index b602b89875..393943119c 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index c50226d1cf..5165e446de 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 0b8c278495..9779898f3d 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 15dbfa7a1a..8c882873ba 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 6fb484bc94..99f1dd36af 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 219c478557..03211de8ec 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index 30bfa1f7de..e4028f4606 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index 9585517141..4a777a540e 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index 7e762e6bb9..e276a7c544 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index aa9f1cc7fd..909141c41a 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index ff0dd00bc8..1c1dbf0bab 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 9faf45c00b..567dd03da4 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 62cb215805..a8a510da94 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 76158abb27..c798473717 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 62cb215805..a8a510da94 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index bdebcf13bf..909506c489 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index c5a097f9a4..23c424594a 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index cce7d8e15f..9d1e5ef68a 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index eed599ec1d..ca85cb945e 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index cb9b1ea856..793d82e8da 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index d60a07071c..ea9486c2d5 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index c4529e0277..fe490b55e1 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index 0d3c263e57..59d7e9cdc0 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index cdac62e3f3..230ef96f38 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 45c8c83eb0..35861ec0a6 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 0b3f1d3740..1e7c02b82d 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index 9f8d47b4a4..8836917f7a 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index bfc62e1937..da03aca8c3 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index c5c88bcfdf..4411b92b99 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index 9e0e6c268a..ac9a569041 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -12,13 +12,13 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index c9ddfa6dfd..4f5cb27c15 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index 753057992b..eb19954a25 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index afb62b8f17..9d30cf1e3e 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 5da9e7f703..1b6e224259 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-editing/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 4f1fd0ae0f..8d1c214348 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index e8cc0d638c..674b5e99d4 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index f9859e19af..7e76ce9b24 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 06a8844f2c..855f1ce963 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 5fd64bebec..5baf82589c 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index 11b8b0609d..eadab20d2b 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index 36be7e1bb3..70fd99c422 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index e4b7de5f2a..d1fd57a1a1 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index 682d146d4e..85d5336dd3 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 303c1cd489..a80d8916f7 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 34078187e4..3dc482aa2b 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 469da1d6dc..d330aac1a3 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index e866d9de76..8f09a55c61 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index 4162a0ca3c..affa812061 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index 3c08ce332d..50344c867a 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index 37d2827244..43f56f8dba 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index b5d78970aa..cfc2a630fd 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index af3f968f77..41a7192ee9 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -12,13 +12,13 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index 111468f399..4ede16d2a2 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index 5635c3fc53..a826f3b066 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -12,11 +12,11 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 78f2439aea..17c37676fd 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index 0ce6499a25..0903affeb6 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index ba1efd91b3..b67fa1deb3 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index ba1efd91b3..b67fa1deb3 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 56cee0387f..518664c135 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 87a66a1ddf..383339a373 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 41fdf1be1d..6c625a0d0f 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index 7065b8e6ee..c7bbe52557 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index 5a5dc6cb34..f2e2482aed 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index bbefd6600e..612e8ac9a7 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 69de6e686a..32e24782ff 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 9380c9ae23..4c7815f05b 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 36864d2afd..39ba40dcc8 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/action-strip/src/NwindData.ts b/samples/grids/grid/action-strip/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/action-strip/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/advanced-filtering-options/src/NwindData.ts b/samples/grids/grid/advanced-filtering-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/advanced-filtering-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/advanced-filtering-style/src/NwindData.ts b/samples/grids/grid/advanced-filtering-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/advanced-filtering-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/cascading-combo/src/index.tsx b/samples/grids/grid/cascading-combo/src/index.tsx
index 9bfa8be992..8eb7030430 100644
--- a/samples/grids/grid/cascading-combo/src/index.tsx
+++ b/samples/grids/grid/cascading-combo/src/index.tsx
@@ -6,7 +6,7 @@ import { IgrGridModule } from 'igniteui-react-grids';
 import { IgrComboModule } from 'igniteui-react';
 import { IgrGrid, IgrColumn } from 'igniteui-react-grids';
 import { WorldCitiesAbove500KItem, WorldCitiesAbove500K } from './WorldCitiesAbove500K';
-import { IgrCombo } from 'igniteui-react';
+import { IgrCombo, IgrVoidEventArgs } from 'igniteui-react';
 import { IgrCellTemplateContext } from 'igniteui-react-grids';
 
 import 'igniteui-react-grids/grids/combined';
@@ -85,9 +85,11 @@ export default class Sample extends React.Component<any, any> {
     }
 
 
-    public webGridWithComboRendered(args: any) {
-        console.log(args);
-    }
+    public gridData = [
+        { ID: 1, Country: '', Region: '', City: '' },
+        { ID: 2, Country: '', Region: '', City: '' },
+        { ID: 3, Country: '', Region: '', City: '' }
+    ];
     public countryNames = [
         'United States',
         'Japan',
@@ -103,6 +105,10 @@ export default class Sample extends React.Component<any, any> {
         }
     }
 
+    public webGridWithComboRendered(gridRef: IgrGrid, args: IgrVoidEventArgs) {
+        gridRef.data = this.gridData;
+    }
+
     public onCountryChange( rowId: string, cmp: any, args:any) {
         // find next combo
         // args incomplete, so gte value from component on timeout as workaround.
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/cell-editing-styling/src/NwindData.ts b/samples/grids/grid/cell-editing-styling/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/cell-editing-styling/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/cell-selection-mode/src/NwindData.ts b/samples/grids/grid/cell-selection-mode/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/cell-selection-mode/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/clipboard-operations/src/index.tsx b/samples/grids/grid/clipboard-operations/src/index.tsx
index cc9bee435a..c0aba0b731 100644
--- a/samples/grids/grid/clipboard-operations/src/index.tsx
+++ b/samples/grids/grid/clipboard-operations/src/index.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 
-import { IgrButton, IgrInput, IgrSwitch, IgrCheckboxChangeEventArgs, IgrComponentDataValueChangedEventArgs } from 'igniteui-react';
+import { IgrButton, IgrInput, IgrSwitch, IgrCheckboxChangeEventArgs, IgrComponentDataValueChangedEventArgs, IgrComponentValueChangedEventArgs } from 'igniteui-react';
 import { IgrGridBaseDirective, IgrGridModule, IgrColumnComponentEventArgs } from 'igniteui-react-grids';
 import { IgrGrid, IgrColumn } from 'igniteui-react-grids';
 import { NwindData } from './NwindData';
@@ -30,7 +30,7 @@ export default function App() {
         column.header = "🎉" + column.field;
     }
 
-    const changeCopySeparator = (inputComponent: IgrInput, args: IgrComponentDataValueChangedEventArgs): void => {
+    const changeCopySeparator = (inputComponent: IgrInput, args: IgrComponentValueChangedEventArgs): void => {
         gridRef.current.clipboardOptions.separator = args.detail || defaultSeparator;
     }
 
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-moving-options/src/index.tsx b/samples/grids/grid/column-moving-options/src/index.tsx
index d92b250ba6..9d3c131c66 100644
--- a/samples/grids/grid/column-moving-options/src/index.tsx
+++ b/samples/grids/grid/column-moving-options/src/index.tsx
@@ -185,21 +185,22 @@ export default class Sample extends React.Component<any, any> {
 
     public webGridCurrencyCellTemplate = (props: {dataContext: IgrCellTemplateContext}) => {
         var cell = props.dataContext.cell as any;
-        if (cell.value > 0) {
-            return(
-            <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="success" style={{float: 'left'}}><span>▲</span></IgrBadge>
-                 <span style={{color:'green',float: 'right'}}>${cell.value.toFixed(2)}</span>
-            </div>
-            );
-        } else {
-            return(
+        const isCellCurrencyUp = typeof cell.value === 'number' && cell.value > 0;
+        const isCellCurrencyDown = typeof cell.value === 'number' && cell.value <= 0;
+
+        return (
+
             <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="danger" style={{float: 'left'}}><span>▼</span></IgrBadge>
-                <span style={{color:'red',float: 'right'}}>${cell.value.toFixed(2)}</span>
+                {
+                    isCellCurrencyUp || isCellCurrencyDown ?
+                    <span>
+                        <IgrBadge variant={isCellCurrencyUp ? "success" : "danger"} style={{float: 'left'}}><span>{isCellCurrencyUp ? '▲' : '▼'}</span></IgrBadge>
+                        <span style={{color: isCellCurrencyUp ? 'green' : 'red', float: 'right'}}>${cell.value.toFixed(2)}</span>
+                    </span>
+                    : <span>${cell.value}</span>
+                }
             </div>
-            );
-        }
+        );
     }
 
     public toggleColumnPin(field: string) {
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-moving-styles/src/index.tsx b/samples/grids/grid/column-moving-styles/src/index.tsx
index f2292d434e..1022f1d1b5 100644
--- a/samples/grids/grid/column-moving-styles/src/index.tsx
+++ b/samples/grids/grid/column-moving-styles/src/index.tsx
@@ -179,21 +179,22 @@ export default class Sample extends React.Component<any, any> {
 
     public webGridCurrencyCellTemplate = (props: {dataContext: IgrCellTemplateContext}) => {
         var cell = props.dataContext.cell as any;
-        if (cell.value > 0) {
-            return(
-            <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="success" style={{float: 'left'}}><span>▲</span></IgrBadge>
-                 <span style={{color:'green',float: 'right'}}>${cell.value.toFixed(2)}</span>
-            </div>
-            );
-        } else {
-            return(
+        const isCellCurrencyUp = typeof cell.value === 'number' && cell.value > 0;
+        const isCellCurrencyDown = typeof cell.value === 'number' && cell.value <= 0;
+
+        return (
+
             <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="danger" style={{float: 'left'}}><span>▼</span></IgrBadge>
-                <span style={{color:'red',float: 'right'}}>${cell.value.toFixed(2)}</span>
+                {
+                    isCellCurrencyUp || isCellCurrencyDown ?
+                    <span>
+                        <IgrBadge variant={isCellCurrencyUp ? "success" : "danger"} style={{float: 'left'}}><span>{isCellCurrencyUp ? '▲' : '▼'}</span></IgrBadge>
+                        <span style={{color: isCellCurrencyUp ? 'green' : 'red', float: 'right'}}>${cell.value.toFixed(2)}</span>
+                    </span>
+                    : <span>${cell.value}</span>
+                }
             </div>
-            );
-        }
+        );
     }
 
     public toggleColumnPin(field: string) {
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-batch-editing-actions/src/NwindData.ts b/samples/grids/grid/data-batch-editing-actions/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-batch-editing-actions/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-performance-virtualization/src/index.tsx b/samples/grids/grid/data-performance-virtualization/src/index.tsx
index c6db7cf3e3..0a654fddd6 100644
--- a/samples/grids/grid/data-performance-virtualization/src/index.tsx
+++ b/samples/grids/grid/data-performance-virtualization/src/index.tsx
@@ -153,21 +153,22 @@ export default class Sample extends React.Component<any, any> {
 
     public webGridCurrencyCellTemplate = (props: {dataContext: IgrCellTemplateContext}) => {
         var cell = props.dataContext.cell as any;
-        if (cell.value > 0) {
-            return(
-            <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="success" style={{float: 'left'}}><span>▲</span></IgrBadge>
-                 <span style={{color:'green',float: 'right'}}>${cell.value.toFixed(2)}</span>
-            </div>
-            );
-        } else {
-            return(
+        const isCellCurrencyUp = typeof cell.value === 'number' && cell.value > 0;
+        const isCellCurrencyDown = typeof cell.value === 'number' && cell.value <= 0;
+
+        return (
+
             <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="danger" style={{float: 'left'}}><span>▼</span></IgrBadge>
-                <span style={{color:'red',float: 'right'}}>${cell.value.toFixed(2)}</span>
+                {
+                    isCellCurrencyUp || isCellCurrencyDown ?
+                    <span>
+                        <IgrBadge variant={isCellCurrencyUp ? "success" : "danger"} style={{float: 'left'}}><span>{isCellCurrencyUp ? '▲' : '▼'}</span></IgrBadge>
+                        <span style={{color: isCellCurrencyUp ? 'green' : 'red', float: 'right'}}>${cell.value.toFixed(2)}</span>
+                    </span>
+                    : <span>${cell.value}</span>
+                }
             </div>
-            );
-        }
+        );
     }
 
 }
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-summary-formatter/src/NwindData.ts b/samples/grids/grid/data-summary-formatter/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-summary-formatter/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-summary-options/src/NwindData.ts b/samples/grids/grid/data-summary-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-summary-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-summary-template/src/NwindData.ts b/samples/grids/grid/data-summary-template/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-summary-template/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-validation-style/src/NwindData.ts b/samples/grids/grid/data-validation-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-validation-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts b/samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/data-validator-service-extended/src/NwindData.ts b/samples/grids/grid/data-validator-service-extended/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-validator-service-extended/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/editing-columns/src/NwindData.ts b/samples/grids/grid/editing-columns/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-columns/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/editing-events/src/NwindData.ts b/samples/grids/grid/editing-events/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-events/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/editing-excel-style/src/NwindData.ts b/samples/grids/grid/editing-excel-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-excel-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/editing-excel-style/src/index.tsx b/samples/grids/grid/editing-excel-style/src/index.tsx
index 0f7a716d87..a516072b76 100644
--- a/samples/grids/grid/editing-excel-style/src/index.tsx
+++ b/samples/grids/grid/editing-excel-style/src/index.tsx
@@ -1,8 +1,8 @@
-import React, { useEffect, useRef, useState } from "react";
+import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 
-import { IgrGridEditDoneEventArgs, IgrGridEditEventArgs, IgrGridModule } from 'igniteui-react-grids';
+import { IgrGridModule } from 'igniteui-react-grids';
 import { IgrGrid, IgrColumn } from 'igniteui-react-grids';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-react-core';
 import NwindData from './NwindData.json';
@@ -17,56 +17,66 @@ const mods: any[] = [
 mods.forEach((m) => m.register());
 
 export default class Sample extends React.Component<any, any> {
-    private grid1Ref: React.RefObject<IgrGrid> = React.createRef<IgrGrid>();
-    private shouldAppendValue: boolean = false;
-    public cancelNextEnter: boolean = false;
+    private grid1: IgrGrid
+    private grid1Ref(r: IgrGrid) {
+        this.grid1 = r;
+        this.setState({});
+    }
 
     constructor(props: any) {
         super(props);
-        this.webGridEditingExcelStyle = this.webGridEditingExcelStyle.bind(this);
-        this.handleKeyDown = this.handleKeyDown.bind(this);
-        this.onActiveNodeChange = this.onActiveNodeChange.bind(this);
-        this.gridKeyDownHandler = this.gridKeyDownHandler.bind(this);
-        this.cellEditEnterHandler = this.cellEditEnterHandler.bind(this);
-    }
-
-    componentDidMount() {
-        const gridElement = this.grid1Ref.current;
-        if (!gridElement) {
-            console.error("Grid element is not found.");
-        }
-    }
 
-    componentWillUnmount() {
-        // No need for cleanup as React handles it
-    }
-
-    private handleKeyDown(event: React.KeyboardEvent) {
-        this.webGridEditingExcelStyle(this.grid1Ref.current, event);
-    }
-
-    private onActiveNodeChange = (args: any) => {
-        this.grid1Ref.current.endEdit(true, args);
-        var grid = document.querySelector(".igx-grid__tbody-content") as HTMLElement;
-        if(grid){
-            grid.focus();
-        }
+        this.grid1Ref = this.grid1Ref.bind(this);
+        this.webGridEditingExcelStyle = this.webGridEditingExcelStyle.bind(this);
     }
-    
 
     public render(): JSX.Element {
         return (
-            <div className="container sample ig-typography">
-                <div className="container fill">
-                    <IgrGrid autoGenerate="false" data={this.nwindData} primaryKey="ProductID" gridKeydown={this.gridKeyDownHandler} cellEditEnter={this.cellEditEnterHandler} onKeyDown={this.handleKeyDown} cellSelection={"single"} ref={this.grid1Ref} activeNodeChange={this.onActiveNodeChange}>
-                        <IgrColumn field="ProductID" header="Product ID" editable="true" groupable="true" hidden="true" />
-                        <IgrColumn field="ProductName" header="Product Name" dataType="String" editable="true" />
-                        <IgrColumn field="UnitPrice" header="Unit Price" dataType="Number" editable="true" />
-                        <IgrColumn field="QuantityPerUnit" header="Quantity Per Unit" groupable="true" dataType="String" editable="true" />
-                        <IgrColumn field="ReorderLevel" header="Reorder Level" dataType="Number" groupable="true" editable="true" />
-                    </IgrGrid>
-                </div>
+        <div className="container sample ig-typography">
+
+            <div className="container fill">
+                <IgrGrid
+                    autoGenerate="false"
+                    data={this.nwindData}
+                    primaryKey="ProductID"
+                    gridKeydown={this.webGridEditingExcelStyle}
+                    ref={this.grid1Ref}>
+                    <IgrColumn
+                        field="ProductID"
+                        header="Product ID"
+                        editable="true"
+                        groupable="true"
+                        hidden="true">
+                    </IgrColumn>
+                    <IgrColumn
+                        field="ProductName"
+                        header="Product Name"
+                        dataType="String"
+                        editable="true">
+                    </IgrColumn>
+                    <IgrColumn
+                        field="UnitPrice"
+                        header="Unit Price"
+                        dataType="Number"
+                        editable="true">
+                    </IgrColumn>
+                    <IgrColumn
+                        field="QuantityPerUnit"
+                        header="Quantity Per Unit"
+                        groupable="true"
+                        dataType="String"
+                        editable="true">
+                    </IgrColumn>
+                    <IgrColumn
+                        field="ReorderLevel"
+                        header="Reorder Level"
+                        dataType="Number"
+                        groupable="true"
+                        editable="true">
+                    </IgrColumn>
+                </IgrGrid>
             </div>
+        </div>
         );
     }
 
@@ -85,87 +95,50 @@ export default class Sample extends React.Component<any, any> {
         return this._componentRenderer;
     }
 
-    private cellEditEnterHandler(grid: IgrGrid, args: IgrGridEditEventArgs) {
-        if(this.cancelNextEnter){
-            args.detail.cancel = true;
-            this.cancelNextEnter = false;
-        }
-    }
+    public webGridEditingExcelStyle(sender: IgrGrid, args: IgrGridKeydownEventArgs): void {
+        var key = (args.detail.event as any).keyCode;
+        var grid = args.detail.target.grid;
+        var activeElem = grid.navigation.activeNode;
+
+        if ((key >= 48 && key <= 57) || (key >= 65 && key <= 90) || (key >= 97 && key <= 122)) {
+            var columnName = grid.getColumnByVisibleIndex(activeElem.column).field;
+            var cell = grid.getCellByColumn(activeElem.row, columnName);
 
-    private gridKeyDownHandler(grid: IgrGrid, args: IgrGridKeydownEventArgs) {
-        var event = args.detail.event;
-        var activeElem = grid.selectedCells[0];
-        if (event.code === 'Enter' || event.code === 'NumpadEnter') {
-            grid.endEdit(true, activeElem);
-            event.preventDefault();    
-            if(activeElem == null) {
-                return;
+            if (cell && !grid.crudService.cellInEditMode) {
+                grid.crudService.enterEditMode(cell);
+                cell.editValue = key;
             }
-            this.cancelNextEnter = true;
+        }
 
-            const nextRowIndex = this.getNextEditableRowIndex(activeElem.row.index, grid.dataView, event.shiftKey);    
+        if (key == 13) {
+            var thisRow = activeElem.row;
+            var column = activeElem.column;
+            var rowInfo = grid.dataView;
 
-            grid.navigateTo(nextRowIndex, activeElem.id.columnID -1, (obj: any) => {
-                grid.clearCellSelection();
+            var nextRow = this.getNextEditableRowIndex(thisRow, rowInfo, (args.detail.event as any).shiftKey);
+
+            grid.navigateTo(nextRow, column, (obj: any) => {
                 obj.target.activate();
+                grid.clearCellSelection();
             });
         }
     }
 
-    private webGridEditingExcelStyle(grid: IgrGrid, args: React.KeyboardEvent): void {
-            var activeElem = grid.selectedCells[0];
-
-            if ((args.code >= 'Digit0' && args.code <= 'Digit9') || 
-                    (args.code >= 'KeyA' && args.code <= 'KeyZ') || 
-                    (args.code >= 'Numpad0' && args.code <= 'Numpad9') && 
-                     args.code !== 'Enter' &&
-                     args.code !== 'NumpadEnter' ) {
-        
-                        if (activeElem && activeElem.editMode === false) {
-                            activeElem.editMode = true;
-                            activeElem.editValue = args.key;
-                            this.shouldAppendValue = true;
-                            grid.markForCheck();
-                        } else
-                        
-                        if (activeElem && activeElem.editMode && this.shouldAppendValue) {
-                            args.preventDefault();
-                            activeElem.editValue = activeElem.editValue + args.key;
-                            this.shouldAppendValue = false;
-                        }
-
-                if (args.code === 'Backspace') {
-                    if(activeElem == null) {
-                        return;
-                    }
-                    const rowIndex = activeElem.row.index;
-                    const columnKey = activeElem.column.field; 
-            
-                    grid.data[rowIndex][columnKey] = '';
-
-                }
-            }
-    }
-
-    public getNextEditableRowIndex(currentRowIndex: number, dataView: any[], previous: boolean): number {
+    public getNextEditableRowIndex(currentRowIndex: number, dataView: any, previous: boolean) {
         if (currentRowIndex < 0 || (currentRowIndex === 0 && previous) || (currentRowIndex >= dataView.length - 1 && !previous)) {
             return currentRowIndex;
         }
-        if(previous){
-            for (let index = dataView.length - 1; index >= 0; index--) {
-            if (index < currentRowIndex && this.isEditableDataRecordAtIndex(index, dataView)) {
-                return index;
-            }
-          }
-        return -1
+        if (previous) {
+            return dataView.findLastIndex((rec: any, index: number) => index < currentRowIndex && this.isEditableDataRecordAtIndex(index, dataView));
         }
-        return dataView.findIndex((rec, index) => index > currentRowIndex && this.isEditableDataRecordAtIndex(index, dataView));
+        return dataView.findIndex((rec: any, index: number) => index > currentRowIndex && this.isEditableDataRecordAtIndex(index, dataView));
     }
 
-    private isEditableDataRecordAtIndex(rowIndex: number, dataView: any[]): boolean {
-        const rec = dataView[rowIndex];
-        return !rec.expression && !rec.summaries && !rec.childGridsData && !rec.detailsData
+    public isEditableDataRecordAtIndex(dataViewIndex: number, dataView: any) {
+        const rec = dataView[dataViewIndex];
+        return !rec.expression && !rec.summaries && !rec.childGridsData && !rec.detailsData;
     }
+
 }
 
 // rendering above component in the React DOM
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/editing-lifecycle/src/NwindData.ts b/samples/grids/grid/editing-lifecycle/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-lifecycle/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/excel-style-filtering-style/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/external-advanced-filtering/src/NwindData.ts b/samples/grids/grid/external-advanced-filtering/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/external-advanced-filtering/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/filtering-options/src/NwindData.ts b/samples/grids/grid/filtering-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/filtering-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/filtering-strategy/src/NwindData.ts b/samples/grids/grid/filtering-strategy/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/filtering-strategy/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/filtering-style/src/NwindData.ts b/samples/grids/grid/filtering-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/filtering-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index 974f9ce0af..f0094eed54 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -14,15 +14,15 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts b/samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/overview/src/NwindData.ts b/samples/grids/grid/overview/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/overview/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/remote-paging-data/.eslintrc.js b/samples/grids/grid/remote-paging-data/.eslintrc.js
new file mode 100644
index 0000000000..9d283f6407
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/.eslintrc.js
@@ -0,0 +1,76 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
new file mode 100644
index 0000000000..3c8be9ac67
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
+    "lit-html": "^2.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/grids/grid/remote-paging-data/public/index.html b/samples/grids/grid/remote-paging-data/public/index.html
new file mode 100644
index 0000000000..e2d3265576
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
+    <link rel="stylesheet"    href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/sandbox.config.json b/samples/grids/grid/remote-paging-data/sandbox.config.json
new file mode 100644
index 0000000000..07f53508eb
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/src/NwindData.json b/samples/grids/grid/remote-paging-data/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/src/index.css b/samples/grids/grid/remote-paging-data/src/index.css
new file mode 100644
index 0000000000..98682b8543
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
diff --git a/samples/grids/grid/remote-paging-data/src/react-app-env.d.ts b/samples/grids/grid/remote-paging-data/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/grids/grid/remote-paging-data/tsconfig.json b/samples/grids/grid/remote-paging-data/tsconfig.json
new file mode 100644
index 0000000000..42c6ace1da
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index 7fbadb1bbe..c3a7d8319b 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.6.0",
-    "igniteui-react-core": "18.6.0",
-    "igniteui-react-datasources": "18.6.0",
-    "igniteui-react-grids": "18.6.0",
-    "igniteui-react-inputs": "18.6.0",
-    "igniteui-react-layouts": "18.6.0",
-    "igniteui-webcomponents": "4.7.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-adding/src/NwindData.ts b/samples/grids/grid/row-adding/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-adding/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-classes/src/NwindData.ts b/samples/grids/grid/row-classes/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-classes/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-editing-options/src/NwindData.ts b/samples/grids/grid/row-editing-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-editing-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-editing-style/src/NwindData.ts b/samples/grids/grid/row-editing-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-editing-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-editing-style/src/index.css b/samples/grids/grid/row-editing-style/src/index.css
index a9393efcbb..cc7b8709b5 100644
--- a/samples/grids/grid/row-editing-style/src/index.css
+++ b/samples/grids/grid/row-editing-style/src/index.css
@@ -2,7 +2,10 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-banner-banner-background: #e3e3e3;
-    --ig-banner-banner-message-color: #423589;
+    --ig-banner-banner-background: #292826;
+    --ig-banner-banner-message-color: #ffcd0f;
+    --ig-button-foreground: #ffcd0f;
+    --ig-button-hover-foreground: white;
+    --ig-button-font-weight: 600;
 }
 
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-selection-mode/src/index.tsx b/samples/grids/grid/row-selection-mode/src/index.tsx
index 321db3e49e..e3da70f881 100644
--- a/samples/grids/grid/row-selection-mode/src/index.tsx
+++ b/samples/grids/grid/row-selection-mode/src/index.tsx
@@ -187,21 +187,22 @@ export default class Sample extends React.Component<any, any> {
 
     public webGridCurrencyCellTemplate = (props: {dataContext: IgrCellTemplateContext}) => {
         var cell = props.dataContext.cell as any;
-        if (cell.value > 0) {
-            return(
-            <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="success" style={{float: 'left'}}><span>▲</span></IgrBadge>
-                 <span style={{color:'green',float: 'right'}}>${cell.value.toFixed(2)}</span>
-            </div>
-            );
-        } else {
-            return(
+        const isCellCurrencyUp = typeof cell.value === 'number' && cell.value > 0;
+        const isCellCurrencyDown = typeof cell.value === 'number' && cell.value <= 0;
+
+        return (
+
             <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="danger" style={{float: 'left'}}><span>▼</span></IgrBadge>
-                <span style={{color:'red',float: 'right'}}>${cell.value.toFixed(2)}</span>
+                {
+                    isCellCurrencyUp || isCellCurrencyDown ?
+                    <span>
+                        <IgrBadge variant={isCellCurrencyUp ? "success" : "danger"} style={{float: 'left'}}><span>{isCellCurrencyUp ? '▲' : '▼'}</span></IgrBadge>
+                        <span style={{color: isCellCurrencyUp ? 'green' : 'red', float: 'right'}}>${cell.value.toFixed(2)}</span>
+                    </span>
+                    : <span>${cell.value}</span>
+                }
             </div>
-            );
-        }
+        );
     }
 
 }
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/row-styles/src/index.tsx b/samples/grids/grid/row-styles/src/index.tsx
index 656351ea46..98717c7826 100644
--- a/samples/grids/grid/row-styles/src/index.tsx
+++ b/samples/grids/grid/row-styles/src/index.tsx
@@ -162,21 +162,22 @@ export default class Sample extends React.Component<any, any> {
 
     public webGridCurrencyCellTemplate = (props: {dataContext: IgrCellTemplateContext}) => {
         var cell = props.dataContext.cell as any;
-        if (cell.value > 0) {
-            return(
-            <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="success" style={{float: 'left'}}><span>▲</span></IgrBadge>
-                 <span style={{color:'green',float: 'right'}}>${cell.value.toFixed(2)}</span>
-            </div>
-            );
-        } else {
-            return(
+        const isCellCurrencyUp = typeof cell.value === 'number' && cell.value > 0;
+        const isCellCurrencyDown = typeof cell.value === 'number' && cell.value <= 0;
+
+        return (
+
             <div style={{width: '80px', float: 'right'}}>
-                <IgrBadge variant="danger" style={{float: 'left'}}><span>▼</span></IgrBadge>
-                <span style={{color:'red',float: 'right'}}>${cell.value.toFixed(2)}</span>
+                {
+                    isCellCurrencyUp || isCellCurrencyDown ?
+                    <span>
+                        <IgrBadge variant={isCellCurrencyUp ? "success" : "danger"} style={{float: 'left'}}><span>{isCellCurrencyUp ? '▲' : '▼'}</span></IgrBadge>
+                        <span style={{color: isCellCurrencyUp ? 'green' : 'red', float: 'right'}}>${cell.value.toFixed(2)}</span>
+                    </span>
+                    : <span>${cell.value}</span>
+                }
             </div>
-            );
-        }
+        );
     }
 
 }
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts b/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts b/samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/editing-events/src/NwindData.ts b/samples/grids/hierarchical-grid/editing-events/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/hierarchical-grid/editing-events/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-hgrid/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 8a869f3071..3822ebb429 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 955ecf1efd..319f2bd905 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index 83a44b3e4e..5cf6d47780 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 18d2045d9b..5b22d04e9b 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts b/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts
index b4f51a3736..29196f5db4 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts
+++ b/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts
@@ -36,7 +36,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26440,
                     COGS: 16185,
                     Profit: 11255,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -52,7 +52,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27440,
                     COGS: 16185,
                     Profit: 11255,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -68,7 +68,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55240,
                     COGS: 13210,
                     Profit: 42030,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -84,7 +84,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21960,
                     COGS: 21780,
                     Profit: 180,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -100,7 +100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10785,
                     COGS: 8880,
                     Profit: 1905,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -116,7 +116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 53640,
                     COGS: 24700,
                     Profit: 28940,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -132,7 +132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1547700,
                     COGS: 393380,
                     Profit: 1154320,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -148,7 +148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54735,
                     COGS: 9210,
                     Profit: 45525,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -164,7 +164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50064,
                     COGS: 7554,
                     Profit: 42510,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -180,7 +180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76820,
                     COGS: 18990,
                     Profit: 57830,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -196,7 +196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44712,
                     COGS: 4635,
                     Profit: 40077,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -212,7 +212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39375,
                     COGS: 24700,
                     Profit: 14675,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -228,7 +228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 244750,
                     COGS: 319860,
                     Profit: 75110,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -244,7 +244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 981300,
                     COGS: 239500,
                     Profit: 741800,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -260,7 +260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14637,
                     COGS: 10730,
                     Profit: 3907,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -276,7 +276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42375,
                     COGS: 6150,
                     Profit: 36225,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -292,7 +292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50260,
                     COGS: 2920,
                     Profit: 47340,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -308,7 +308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13245,
                     COGS: 9740,
                     Profit: 3505,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -324,7 +324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25044,
                     COGS: 7554,
                     Profit: 17490,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -340,7 +340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 897050,
                     COGS: 261560,
                     Profit: 635490,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -356,7 +356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34152,
                     COGS: 1101,
                     Profit: 33051,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -372,7 +372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6979,
                     COGS: 4415,
                     Profit: 2564,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -388,7 +388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34350,
                     COGS: 24720,
                     Profit: 9630,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -404,7 +404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14931,
                     COGS: 5715,
                     Profit: 9216,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -420,7 +420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 72340,
                     COGS: 18170,
                     Profit: 54170,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -436,7 +436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 443100,
                     COGS: 393380,
                     Profit: 49720,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -452,7 +452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6258,
                     COGS: 7465,
                     Profit: 1207,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -468,7 +468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 340625,
                     COGS: 216480,
                     Profit: 124145,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -484,7 +484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36732,
                     COGS: 6483,
                     Profit: 30249,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -500,7 +500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1385300,
                     COGS: 261560,
                     Profit: 1123740,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -516,7 +516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47040,
                     COGS: 4635,
                     Profit: 42405,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -532,7 +532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422625,
                     COGS: 338520,
                     Profit: 84105,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -548,7 +548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1292100,
                     COGS: 500250,
                     Profit: 791850,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -564,7 +564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10536,
                     COGS: 8514,
                     Profit: 2022,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -580,7 +580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7440,
                     COGS: 21780,
                     Profit: 14340,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -596,7 +596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50505,
                     COGS: 8880,
                     Profit: 41625,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -612,7 +612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616500,
                     COGS: 537750,
                     Profit: 78750,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -628,7 +628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 80820,
                     COGS: 18170,
                     Profit: 62650,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -644,7 +644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1132950,
                     COGS: 715000,
                     Profit: 417950,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -660,7 +660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7560,
                     COGS: 5859,
                     Profit: 1701,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -676,7 +676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 526250,
                     COGS: 506340,
                     Profit: 19910,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -692,7 +692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22540,
                     COGS: 18990,
                     Profit: 3550,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -708,7 +708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24066,
                     COGS: 8430,
                     Profit: 15636,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -724,7 +724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24180,
                     COGS: 6423,
                     Profit: 17757,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -740,7 +740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17738,
                     COGS: 5715,
                     Profit: 12023,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -756,7 +756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20760,
                     COGS: 6150,
                     Profit: 14610,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -772,7 +772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24650.85,
                     COGS: 19725,
                     Profit: 4925.85,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -788,7 +788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27000.6,
                     COGS: 22960,
                     Profit: 4040.6,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -804,7 +804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19492.9,
                     COGS: 5150,
                     Profit: 14342.9,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -820,7 +820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3154.27,
                     COGS: 3195,
                     Profit: 40.73,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -836,7 +836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26402.18,
                     COGS: 6630,
                     Profit: 19772.18,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -852,7 +852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8753.04,
                     COGS: 5574,
                     Profit: 3179.04,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -868,7 +868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 353115,
                     COGS: 314600,
                     Profit: 38515,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -884,7 +884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14354.97,
                     COGS: 12645,
                     Profit: 1709.97,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -900,7 +900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51618.6,
                     COGS: 4335,
                     Profit: 47283.6,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -916,7 +916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49767.48,
                     COGS: 8013,
                     Profit: 41754.48,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -932,7 +932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1302710.5,
                     COGS: 363220,
                     Profit: 939490.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -948,7 +948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 662357.5,
                     COGS: 560300,
                     Profit: 102057.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -964,7 +964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40797.9,
                     COGS: 22140,
                     Profit: 18657.9,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -980,7 +980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 442797,
                     COGS: 575250,
                     Profit: 132453,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -996,7 +996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 75164.9,
                     COGS: 13755,
                     Profit: 61409.9,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -1012,7 +1012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7655.9,
                     COGS: 9150,
                     Profit: 1494.1,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -1028,7 +1028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35292.9,
                     COGS: 15140,
                     Profit: 20152.9,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -1044,7 +1044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10787.52,
                     COGS: 22462.5,
                     Profit: 11674.98,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1060,7 +1060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422341.25,
                     COGS: 87240,
                     Profit: 335101.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1076,7 +1076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 105516.25,
                     COGS: 94440,
                     Profit: 11076.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1092,7 +1092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 345596.25,
                     COGS: 218760,
                     Profit: 126836.25,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -1108,7 +1108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40147.95,
                     COGS: 7470,
                     Profit: 32677.95,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -1124,7 +1124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1216185,
                     COGS: 726250,
                     Profit: 489935,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1140,7 +1140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 978057.5,
                     COGS: 560300,
                     Profit: 417757.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1156,7 +1156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 85107.2,
                     COGS: 38640,
                     Profit: 46467.2,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1172,7 +1172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19966.66,
                     COGS: 1810,
                     Profit: 18156.66,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1188,7 +1188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174721.25,
                     COGS: 110760,
                     Profit: 63961.25,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -1204,7 +1204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8836.59,
                     COGS: 1315,
                     Profit: 7521.59,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1220,7 +1220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1358897.75,
                     COGS: 245310,
                     Profit: 1113587.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1236,7 +1236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 382591.25,
                     COGS: 87240,
                     Profit: 295351.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1252,7 +1252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 271641.25,
                     COGS: 94440,
                     Profit: 177201.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1268,7 +1268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 403842,
                     COGS: 246500,
                     Profit: 177201.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1284,7 +1284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630010.5,
                     COGS: 363220,
                     Profit: 266790.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1300,7 +1300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 184695,
                     COGS: 209280,
                     Profit: 24585,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1316,7 +1316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 181018.75,
                     COGS: 89100,
                     Profit: 91918.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1332,7 +1332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2269.2,
                     COGS: 3885,
                     Profit: 1615.8,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1348,7 +1348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178136,
                     COGS: 741520,
                     Profit: 563384,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1364,7 +1364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38785.92,
                     COGS: 3426,
                     Profit: 35359.92,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1380,7 +1380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14813.6,
                     COGS: 15660,
                     Profit: 846.4,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1396,7 +1396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13454.4,
                     COGS: 2070,
                     Profit: 11384.4,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1412,7 +1412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17186.1,
                     COGS: 23630,
                     Profit: 6443.9,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -1428,7 +1428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 753492,
                     COGS: 229500,
                     Profit: 523992,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1444,7 +1444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1024932,
                     COGS: 432000,
                     Profit: 592932,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1460,7 +1460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36433.92,
                     COGS: 3426,
                     Profit: 33007.92,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1476,7 +1476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 492970,
                     COGS: 79440,
                     Profit: 413530,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1492,7 +1492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41017.2,
                     COGS: 3885,
                     Profit: 37132.2,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1508,7 +1508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 934704,
                     COGS: 479000,
                     Profit: 455704,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1524,7 +1524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1417836,
                     COGS: 741520,
                     Profit: 676316,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1540,7 +1540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 463177.5,
                     COGS: 327480,
                     Profit: 135697.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1556,7 +1556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27754.8,
                     COGS: 3165,
                     Profit: 24589.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1572,7 +1572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6699.84,
                     COGS: 3252,
                     Profit: 3447.84,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1588,7 +1588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51573.6,
                     COGS: 15660,
                     Profit: 35913.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1604,7 +1604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 490511,
                     COGS: 748020,
                     Profit: 257509,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1620,7 +1620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45034.8,
                     COGS: 3165,
                     Profit: 41869.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1636,7 +1636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30603.84,
                     COGS: 3252,
                     Profit: 27351.84,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1652,7 +1652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38345,
                     COGS: 79440,
                     Profit: 41095,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1668,7 +1668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1126111,
                     COGS: 748020,
                     Profit: 378091,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1684,7 +1684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 440927.5,
                     COGS: 327480,
                     Profit: 113447.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1700,7 +1700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1215246,
                     COGS: 64750,
                     Profit: 1150496,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1716,7 +1716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 636594,
                     COGS: 275250,
                     Profit: 361344,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1732,7 +1732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 432060,
                     COGS: 273120,
                     Profit: 158940,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1748,7 +1748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13085.6,
                     COGS: 12360,
                     Profit: 725.6,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1764,7 +1764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46643.6,
                     COGS: 9410,
                     Profit: 37233.6,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1780,7 +1780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 601404,
                     COGS: 479000,
                     Profit: 122404,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1796,7 +1796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 429711.88,
                     COGS: 509220,
                     Profit: 79508.13,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1812,7 +1812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26472,
                     COGS: 25800,
                     Profit: 672,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1828,7 +1828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616899,
                     COGS: 172250,
                     Profit: 444649,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1844,7 +1844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43015.08,
                     COGS: 5841,
                     Profit: 37174.08,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -1860,7 +1860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20308.82,
                     COGS: 9790,
                     Profit: 10518.82,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -1876,7 +1876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13727.64,
                     COGS: 5703,
                     Profit: 8024.64,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1892,7 +1892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16132.76,
                     COGS: 2720,
                     Profit: 13412.76,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -1908,7 +1908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 491673.75,
                     COGS: 154440,
                     Profit: 337233.75,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1924,7 +1924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 478352.5,
                     COGS: 204720,
                     Profit: 273632.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1940,7 +1940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 661489.5,
                     COGS: 608625,
                     Profit: 52864.5,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -1956,7 +1956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127722.5,
                     COGS: 212880,
                     Profit: 85157.5,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1972,7 +1972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47915.64,
                     COGS: 5703,
                     Profit: 42212.64,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1988,7 +1988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 904299,
                     COGS: 172250,
                     Profit: 732049,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2004,7 +2004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 448612.5,
                     COGS: 188400,
                     Profit: 260212.5,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2020,7 +2020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16054.98,
                     COGS: 4108.5,
                     Profit: 11946.48,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2036,7 +2036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553966.25,
                     COGS: 241080,
                     Profit: 312886.25,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2052,7 +2052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 213173.75,
                     COGS: 154440,
                     Profit: 58733.75,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2068,7 +2068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 286227.5,
                     COGS: 204720,
                     Profit: 81507.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2084,7 +2084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 471841.25,
                     COGS: 241080,
                     Profit: 230761.25,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2100,7 +2100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322704,
                     COGS: 711000,
                     Profit: 388296,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2116,7 +2116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9822.24,
                     COGS: 5748,
                     Profit: 4074.24,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2132,7 +2132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207237.5,
                     COGS: 188400,
                     Profit: 18837.5,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2148,7 +2148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 524634,
                     COGS: 468500,
                     Profit: 56134,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2164,7 +2164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 118909,
                     COGS: 426920,
                     Profit: 308011,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2180,7 +2180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28681.4,
                     COGS: 8310,
                     Profit: 20371.4,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2196,7 +2196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 82409.7,
                     COGS: 38505,
                     Profit: 43904.7,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2212,7 +2212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42631.56,
                     COGS: 7437,
                     Profit: 35194.56,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2228,7 +2228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25121.4,
                     COGS: 20310,
                     Profit: 4811.4,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2244,7 +2244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3386.4,
                     COGS: 20310,
                     Profit: 16923.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2260,7 +2260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 342348,
                     COGS: 505250,
                     Profit: 162902,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2276,7 +2276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 167314,
                     COGS: 71240,
                     Profit: 96074,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2292,7 +2292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 60814.8,
                     COGS: 19670,
                     Profit: 41144.8,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2308,7 +2308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 800592,
                     COGS: 464750,
                     Profit: 335842,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2324,7 +2324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1313748,
                     COGS: 505250,
                     Profit: 808498,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2340,7 +2340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 148310,
                     COGS: 136560,
                     Profit: 11750,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2356,7 +2356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16911.72,
                     COGS: 21255,
                     Profit: 4343.28,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2372,7 +2372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 162525,
                     COGS: 95400,
                     Profit: 67125,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2388,7 +2388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1329126,
                     COGS: 353625,
                     Profit: 975501,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2404,7 +2404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1123584,
                     COGS: 729500,
                     Profit: 394084,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2420,7 +2420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 569450,
                     COGS: 897000,
                     Profit: 327550,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2436,7 +2436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 426685,
                     COGS: 358560,
                     Profit: 68125,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2452,7 +2452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30109.2,
                     COGS: 2180,
                     Profit: 27929.2,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2468,7 +2468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57100.8,
                     COGS: 20740,
                     Profit: 36360.8,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2484,7 +2484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 66195.2,
                     COGS: 10560,
                     Profit: 55635.2,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2500,7 +2500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 846664,
                     COGS: 71240,
                     Profit: 775424,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2516,7 +2516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61185,
                     COGS: 136560,
                     Profit: 75375,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2532,7 +2532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17572.8,
                     COGS: 4395,
                     Profit: 13177.8,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2548,7 +2548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 593222,
                     COGS: 566020,
                     Profit: 27202,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2564,7 +2564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3748.32,
                     COGS: 2598,
                     Profit: 1150.32,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2580,7 +2580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1197672,
                     COGS: 566020,
                     Profit: 631652,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2596,7 +2596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1003940,
                     COGS: 484900,
                     Profit: 519040,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2612,7 +2612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 499255,
                     COGS: 128880,
                     Profit: 370375,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2628,7 +2628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1424402,
                     COGS: 495820,
                     Profit: 928582,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2644,7 +2644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4594.8,
                     COGS: 6860,
                     Profit: 2265.2,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2660,7 +2660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15333.85,
                     COGS: 13445,
                     Profit: 1888.85,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2676,7 +2676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6641.4,
                     COGS: 7293,
                     Profit: 651.6,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2692,7 +2692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34421.4,
                     COGS: 7293,
                     Profit: 27128.4,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2708,7 +2708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6562.85,
                     COGS: 13445,
                     Profit: 6882.15,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2724,7 +2724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6746.95,
                     COGS: 8415,
                     Profit: 1668.05,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2740,7 +2740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4954.2,
                     COGS: 3369,
                     Profit: 1585.2,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2756,7 +2756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49761,
                     COGS: 5595,
                     Profit: 44166,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2772,7 +2772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23042.4,
                     COGS: 3348,
                     Profit: 19694.4,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2788,7 +2788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38117,
                     COGS: 15630,
                     Profit: 22487,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2804,7 +2804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 129135,
                     COGS: 247750,
                     Profit: 118615,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2820,7 +2820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15981.75,
                     COGS: 27910,
                     Profit: 11928.25,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -2836,7 +2836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17160.5,
                     COGS: 2850,
                     Profit: 14310.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2852,7 +2852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19611.55,
                     COGS: 12435,
                     Profit: 7176.55,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2868,7 +2868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1099271.25,
                     COGS: 359970,
                     Profit: 739301.25,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2884,7 +2884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 379956.25,
                     COGS: 435240,
                     Profit: 55283.75,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2900,7 +2900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12118.8,
                     COGS: 7026,
                     Profit: 5092.8,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -2916,7 +2916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30897,
                     COGS: 13030,
                     Profit: 17867,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2932,7 +2932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 493800,
                     COGS: 359040,
                     Profit: 134760,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2948,7 +2948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 111593.75,
                     COGS: 286200,
                     Profit: 174606.25,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2964,7 +2964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 976995,
                     COGS: 401750,
                     Profit: 575245,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2980,7 +2980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26870.55,
                     COGS: 11635,
                     Profit: 15235.55,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2996,7 +2996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1289235,
                     COGS: 247750,
                     Profit: 1041485,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3012,7 +3012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 531265,
                     COGS: 156520,
                     Profit: 374745,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3028,7 +3028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30330,
                     COGS: 26200,
                     Profit: 4130,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -3044,7 +3044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 510368.75,
                     COGS: 103320,
                     Profit: 407048.75,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3060,7 +3060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 64857,
                     COGS: 26630,
                     Profit: 38227,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3076,7 +3076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33243.75,
                     COGS: 5550,
                     Profit: 27693.75,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3092,7 +3092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18254.25,
                     COGS: 28610,
                     Profit: 10355.75,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3108,7 +3108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29831.25,
                     COGS: 96840,
                     Profit: 67008.75,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3124,7 +3124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 871815,
                     COGS: 156520,
                     Profit: 715295,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3140,7 +3140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45828,
                     COGS: 28320,
                     Profit: 17508,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3156,7 +3156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33181,
                     COGS: 15790,
                     Profit: 17391,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3172,7 +3172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 132868.75,
                     COGS: 103320,
                     Profit: 29548.75,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3188,7 +3188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45150,
                     COGS: 312500,
                     Profit: 267350,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3204,7 +3204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55917,
                     COGS: 26630,
                     Profit: 29287,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3220,7 +3220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16523.5,
                     COGS: 2850,
                     Profit: 13673.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3236,7 +3236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20731.55,
                     COGS: 12435,
                     Profit: 8296.55,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3252,7 +3252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 237125,
                     COGS: 351000,
                     Profit: 113875,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3268,7 +3268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 433440,
                     COGS: 143520,
                     Profit: 289920,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3284,7 +3284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1267350,
                     COGS: 312500,
                     Profit: 954850,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3300,7 +3300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44474.1,
                     COGS: 38010,
                     Profit: 6464.1,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -3316,7 +3316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37999,
                     COGS: 11175,
                     Profit: 26824,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3332,7 +3332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6905.4,
                     COGS: 28440,
                     Profit: 21534.6,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3348,7 +3348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41223.36,
                     COGS: 1686,
                     Profit: 39537.36,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -3364,7 +3364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46398,
                     COGS: 20300,
                     Profit: 26098,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3380,7 +3380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 665070,
                     COGS: 254800,
                     Profit: 410270,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -3396,7 +3396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 732690,
                     COGS: 379600,
                     Profit: 353090,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3412,7 +3412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24499.44,
                     COGS: 8169,
                     Profit: 16330.44,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3428,7 +3428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630084,
                     COGS: 388960,
                     Profit: 241124,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3444,7 +3444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 294985,
                     COGS: 114240,
                     Profit: 180745,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3460,7 +3460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 124087.5,
                     COGS: 330600,
                     Profit: 206512.5,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3476,7 +3476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10668,
                     COGS: 15300,
                     Profit: 4632,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3492,7 +3492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1265334,
                     COGS: 388960,
                     Profit: 876374,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3508,7 +3508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3493.84,
                     COGS: 7490,
                     Profit: 3996.16,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3524,7 +3524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57425.4,
                     COGS: 28440,
                     Profit: 28985.4,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3540,7 +3540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29162.84,
                     COGS: 7490,
                     Profit: 21672.84,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3556,7 +3556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 255093.75,
                     COGS: 238500,
                     Profit: 16593.75,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3572,7 +3572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127841,
                     COGS: 436540,
                     Profit: 308699,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -3588,7 +3588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20191.8,
                     COGS: 21980,
                     Profit: 1788.2,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3604,7 +3604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55401.3,
                     COGS: 17430,
                     Profit: 37971.3,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3620,7 +3620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5667.3,
                     COGS: 11530,
                     Profit: 5862.7,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3636,7 +3636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13698.8,
                     COGS: 10010,
                     Profit: 3688.8,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3652,7 +3652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11564.14,
                     COGS: 6665,
                     Profit: 4899.14,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3668,7 +3668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25347.3,
                     COGS: 11530,
                     Profit: 13817.3,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3684,7 +3684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3445.32,
                     COGS: 2181,
                     Profit: 1264.32,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3700,7 +3700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45349.44,
                     COGS: 5652,
                     Profit: 39697.44,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3716,7 +3716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51710.4,
                     COGS: 7020,
                     Profit: 44690.4,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3732,7 +3732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2628.72,
                     COGS: 7026,
                     Profit: 4397.28,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3748,7 +3748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14604.9,
                     COGS: 12620,
                     Profit: 1984.9,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3764,7 +3764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28024.85,
                     COGS: 5675,
                     Profit: 22349.85,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3780,7 +3780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27549.97,
                     COGS: 2735,
                     Profit: 24814.97,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3796,7 +3796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25285.82,
                     COGS: 7910,
                     Profit: 17375.82,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3812,7 +3812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27759.66,
                     COGS: 5215.5,
                     Profit: 22544.16,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -3828,7 +3828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11565.82,
                     COGS: 7910,
                     Profit: 3655.82,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3844,7 +3844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30754.85,
                     COGS: 5675,
                     Profit: 25079.85,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3860,7 +3860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 392955.5,
                     COGS: 457860,
                     Profit: 64904.5,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -3876,7 +3876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 475092,
                     COGS: 112000,
                     Profit: 363092,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3892,7 +3892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178899,
                     COGS: 545250,
                     Profit: 366351,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3908,7 +3908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23593.6,
                     COGS: 19760,
                     Profit: 3833.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3924,7 +3924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 818799,
                     COGS: 545250,
                     Profit: 273549,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3940,7 +3940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 709458,
                     COGS: 425500,
                     Profit: 283958,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3956,7 +3956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 941292,
                     COGS: 112000,
                     Profit: 829292,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3972,7 +3972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 479261.25,
                     COGS: 421560,
                     Profit: 57701.25,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -3988,7 +3988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56938.95,
                     COGS: 21010,
                     Profit: 35928.95,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4004,7 +4004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2911,
                     COGS: 15350,
                     Profit: 12439,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4020,7 +4020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 204861,
                     COGS: 414750,
                     Profit: 209889,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -4036,7 +4036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 77987.4,
                     COGS: 6090,
                     Profit: 71897.4,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4052,7 +4052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 293988.75,
                     COGS: 250440,
                     Profit: 43548.75,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4068,7 +4068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47573.6,
                     COGS: 19760,
                     Profit: 27813.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -4084,7 +4084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 314688,
                     COGS: 343000,
                     Profit: 28312,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4100,7 +4100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43042.62,
                     COGS: 9733.5,
                     Profit: 33309.12,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -4116,7 +4116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 336261,
                     COGS: 239750,
                     Profit: 96511,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -4132,7 +4132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 612213,
                     COGS: 686750,
                     Profit: 74537,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -4148,7 +4148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38231.25,
                     COGS: 197400,
                     Profit: 159168.75,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4164,7 +4164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23688,
                     COGS: 747760,
                     Profit: 724072,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4180,7 +4180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17474.8,
                     COGS: 11180,
                     Profit: 6294.8,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4196,7 +4196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 860388,
                     COGS: 343000,
                     Profit: 517388,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4212,7 +4212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10261.72,
                     COGS: 2440,
                     Profit: 7821.72,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -4228,7 +4228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31508.8,
                     COGS: 12820,
                     Profit: 18688.8,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4244,7 +4244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29599.08,
                     COGS: 1285,
                     Profit: 28314.08,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4260,7 +4260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31488.8,
                     COGS: 12820,
                     Profit: 18668.8,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4276,7 +4276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 365975,
                     COGS: 184800,
                     Profit: 181175,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4292,7 +4292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49992,
                     COGS: 4900,
                     Profit: 45092,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4308,7 +4308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 551964,
                     COGS: 354120,
                     Profit: 197844,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4324,7 +4324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43288.8,
                     COGS: 25010,
                     Profit: 18278.8,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -4340,7 +4340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 81867.2,
                     COGS: 7080,
                     Profit: 74787.2,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4356,7 +4356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59508,
                     COGS: 6450,
                     Profit: 53058,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -4372,7 +4372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1270212,
                     COGS: 390500,
                     Profit: 879712,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4388,7 +4388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22981.8,
                     COGS: 7110,
                     Profit: 15871.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4404,7 +4404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 323735,
                     COGS: 133680,
                     Profit: 190055,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -4420,7 +4420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23101.96,
                     COGS: 6295,
                     Profit: 16806.96,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4436,7 +4436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19091.8,
                     COGS: 5475,
                     Profit: 13616.8,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4452,7 +4452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57094.4,
                     COGS: 13660,
                     Profit: 43434.4,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4468,7 +4468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1192860,
                     COGS: 615000,
                     Profit: 577860,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4484,7 +4484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7719.32,
                     COGS: 3390,
                     Profit: 4329.32,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4500,7 +4500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20560.12,
                     COGS: 7990,
                     Profit: 12570.12,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4516,7 +4516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78505.6,
                     COGS: 19340,
                     Profit: 59165.6,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4532,7 +4532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29471.2,
                     COGS: 29930,
                     Profit: 458.8,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4548,7 +4548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553714,
                     COGS: 354120,
                     Profit: 199594,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4564,7 +4564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27085.92,
                     COGS: 1794,
                     Profit: 25291.92,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -4580,7 +4580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22179.08,
                     COGS: 14535,
                     Profit: 7644.08,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4596,7 +4596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14706.72,
                     COGS: 11690,
                     Profit: 3016.72,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4612,7 +4612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1210560,
                     COGS: 158750,
                     Profit: 1051810,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4628,7 +4628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 911764,
                     COGS: 149370,
                     Profit: 762394,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4644,7 +4644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26487.72,
                     COGS: 11690,
                     Profit: 14797.72,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4660,7 +4660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 868532,
                     COGS: 99060,
                     Profit: 769472,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4676,7 +4676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 948934,
                     COGS: 109720,
                     Profit: 839214,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4692,7 +4692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 519684,
                     COGS: 533500,
                     Profit: 13816,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4708,7 +4708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57147.2,
                     COGS: 7080,
                     Profit: 50067.2,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4724,7 +4724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11595.08,
                     COGS: 14535,
                     Profit: 2939.92,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4740,7 +4740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27134.4,
                     COGS: 13660,
                     Profit: 13474.4,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4756,7 +4756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207060,
                     COGS: 615000,
                     Profit: 407940,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4772,7 +4772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5468,
                     COGS: 15200,
                     Profit: 9732,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4788,7 +4788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24541.8,
                     COGS: 7110,
                     Profit: 17431.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4804,7 +4804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 779460,
                     COGS: 158750,
                     Profit: 620710,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4820,7 +4820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71461.6,
                     COGS: 4365,
                     Profit: 67096.6,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -4836,7 +4836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 292362,
                     COGS: 273500,
                     Profit: 18862,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4852,7 +4852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 547432.5,
                     COGS: 950625,
                     Profit: 403192.5,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4868,7 +4868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 409171,
                     COGS: 433160,
                     Profit: 23989,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4884,7 +4884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12517.32,
                     COGS: 6963,
                     Profit: 5554.32,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4900,7 +4900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 113033.75,
                     COGS: 335640,
                     Profit: 222606.25,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4916,7 +4916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 276645,
                     COGS: 641250,
                     Profit: 364605,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -4932,7 +4932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 875864.5,
                     COGS: 628420,
                     Profit: 247444.5,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -4948,7 +4948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49908.75,
                     COGS: 36750,
                     Profit: 13158.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4964,7 +4964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 855462,
                     COGS: 273500,
                     Profit: 581962,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4980,7 +4980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25658.55,
                     COGS: 12270,
                     Profit: 13388.55,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -4996,7 +4996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 302352,
                     COGS: 331000,
                     Profit: 28648,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -5012,7 +5012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76283.75,
                     COGS: 335640,
                     Profit: 259356.25,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -5028,7 +5028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56744.25,
                     COGS: 2450,
                     Profit: 54294.25,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -5044,7 +5044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322075.5,
                     COGS: 948375,
                     Profit: 626299.5,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5060,7 +5060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 739679.5,
                     COGS: 339820,
                     Profit: 399859.5,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5076,7 +5076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 449746.25,
                     COGS: 68040,
                     Profit: 381706.25,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5092,7 +5092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 344762.5,
                     COGS: 253200,
                     Profit: 91562.5,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5108,7 +5108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1148276.5,
                     COGS: 329940,
                     Profit: 818336.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5124,7 +5124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29687.52,
                     COGS: 5868,
                     Profit: 23819.52,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -5140,7 +5140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 103707,
                     COGS: 664750,
                     Profit: 561043,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -5156,7 +5156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 418027.75,
                     COGS: 351390,
                     Profit: 66637.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -5172,7 +5172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52557.6,
                     COGS: 2640,
                     Profit: 49917.6,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -5188,7 +5188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 762891,
                     COGS: 466750,
                     Profit: 296141,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5204,7 +5204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52538.55,
                     COGS: 12270,
                     Profit: 40268.55,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5220,7 +5220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 221008.75,
                     COGS: 105240,
                     Profit: 115768.75,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -5236,7 +5236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 983363.5,
                     COGS: 538460,
                     Profit: 444903.5,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5252,7 +5252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 953326.5,
                     COGS: 329940,
                     Profit: 623386.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5268,7 +5268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27670.8,
                     COGS: 16940,
                     Profit: 10730.8,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -5284,7 +5284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24626.6,
                     COGS: 6630,
                     Profit: 17996.6,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -5300,7 +5300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7975.03,
                     COGS: 4095,
                     Profit: 3880.03,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5316,7 +5316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26733.6,
                     COGS: 4740,
                     Profit: 21993.6,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5332,7 +5332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13524.77,
                     COGS: 2605,
                     Profit: 10919.77,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -5348,7 +5348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55828.6,
                     COGS: 9730,
                     Profit: 46098.6,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -5364,7 +5364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32271.6,
                     COGS: 10380,
                     Profit: 21891.6,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -5380,7 +5380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20304.2,
                     COGS: 1800,
                     Profit: 18504.2,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5396,7 +5396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10043.64,
                     COGS: 5901,
                     Profit: 4142.64,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -5412,7 +5412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6847.2,
                     COGS: 26280,
                     Profit: 19432.8,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -5428,7 +5428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25960.2,
                     COGS: 1800,
                     Profit: 24160.2,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5444,7 +5444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27636.77,
                     COGS: 2605,
                     Profit: 25031.77,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -5460,7 +5460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17191.6,
                     COGS: 10380,
                     Profit: 6811.6,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -5476,7 +5476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35748.82,
                     COGS: 16305,
                     Profit: 19443.82,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5492,7 +5492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27440,
                     COGS: 16185,
                     Profit: 11255,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -5508,7 +5508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55240,
                     COGS: 13210,
                     Profit: 42030,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -5524,7 +5524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21960,
                     COGS: 21780,
                     Profit: 180,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5540,7 +5540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10785,
                     COGS: 8880,
                     Profit: 1905,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5556,7 +5556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 53640,
                     COGS: 24700,
                     Profit: 28940,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5572,7 +5572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1547700,
                     COGS: 393380,
                     Profit: 1154320,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -5588,7 +5588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54735,
                     COGS: 9210,
                     Profit: 45525,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -5604,7 +5604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50064,
                     COGS: 7554,
                     Profit: 42510,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5620,7 +5620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76820,
                     COGS: 18990,
                     Profit: 57830,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5636,7 +5636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44712,
                     COGS: 4635,
                     Profit: 40077,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5652,7 +5652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39375,
                     COGS: 24700,
                     Profit: 14675,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5668,7 +5668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 244750,
                     COGS: 319860,
                     Profit: 75110,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -5684,7 +5684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 981300,
                     COGS: 239500,
                     Profit: 741800,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -5700,7 +5700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14637,
                     COGS: 10730,
                     Profit: 3907,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -5716,7 +5716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 316250,
                     COGS: 41400,
                     Profit: 274850,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -5732,7 +5732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42375,
                     COGS: 6150,
                     Profit: 36225,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -5748,7 +5748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50260,
                     COGS: 2920,
                     Profit: 47340,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -5764,7 +5764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13245,
                     COGS: 9740,
                     Profit: 3505,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -5780,7 +5780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25044,
                     COGS: 7554,
                     Profit: 17490,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5796,7 +5796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 897050,
                     COGS: 261560,
                     Profit: 635490,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5812,7 +5812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34152,
                     COGS: 1101,
                     Profit: 33051,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -5828,7 +5828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6979,
                     COGS: 4415,
                     Profit: 2564,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -5844,7 +5844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51315,
                     COGS: 5490,
                     Profit: 45825,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -5860,7 +5860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1050000,
                     COGS: 5490,
                     Profit: 1044510,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -5876,7 +5876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 687300,
                     COGS: 197000,
                     Profit: 490300,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -5892,7 +5892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34350,
                     COGS: 24720,
                     Profit: 9630,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -5908,7 +5908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14931,
                     COGS: 5715,
                     Profit: 9216,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -5924,7 +5924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1216250,
                     COGS: 448500,
                     Profit: 767750,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -5940,7 +5940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44232,
                     COGS: 2736,
                     Profit: 41496,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -5956,7 +5956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49785,
                     COGS: 21520,
                     Profit: 28265,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -5972,7 +5972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 72340,
                     COGS: 18170,
                     Profit: 54170,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -5988,7 +5988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 443100,
                     COGS: 393380,
                     Profit: 49720,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6004,7 +6004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6258,
                     COGS: 7465,
                     Profit: 1207,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -6020,7 +6020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 340625,
                     COGS: 216480,
                     Profit: 124145,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6036,7 +6036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36732,
                     COGS: 6483,
                     Profit: 30249,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6052,7 +6052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1385300,
                     COGS: 261560,
                     Profit: 1123740,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6068,7 +6068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47040,
                     COGS: 4635,
                     Profit: 42405,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6084,7 +6084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422625,
                     COGS: 338520,
                     Profit: 84105,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6100,7 +6100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 136750,
                     COGS: 41400,
                     Profit: 95350,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6116,7 +6116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1292100,
                     COGS: 500250,
                     Profit: 791850,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6132,7 +6132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10536,
                     COGS: 8514,
                     Profit: 2022,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6148,7 +6148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7440,
                     COGS: 21780,
                     Profit: 14340,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6164,7 +6164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50505,
                     COGS: 8880,
                     Profit: 41625,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6180,7 +6180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1358000,
                     COGS: 397020,
                     Profit: 960980,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -6196,7 +6196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616500,
                     COGS: 537750,
                     Profit: 78750,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6212,7 +6212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 80820,
                     COGS: 18170,
                     Profit: 62650,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6228,7 +6228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1132950,
                     COGS: 715000,
                     Profit: 417950,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6244,7 +6244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7560,
                     COGS: 5859,
                     Profit: 1701,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6260,7 +6260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 526250,
                     COGS: 506340,
                     Profit: 19910,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6276,7 +6276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22540,
                     COGS: 18990,
                     Profit: 3550,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6292,7 +6292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24066,
                     COGS: 8430,
                     Profit: 15636,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6308,7 +6308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24180,
                     COGS: 6423,
                     Profit: 17757,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6324,7 +6324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17738,
                     COGS: 5715,
                     Profit: 12023,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -6340,7 +6340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20760,
                     COGS: 6150,
                     Profit: 14610,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6356,7 +6356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24650.85,
                     COGS: 19725,
                     Profit: 4925.85,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -6372,7 +6372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27000.6,
                     COGS: 22960,
                     Profit: 4040.6,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6388,7 +6388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19492.9,
                     COGS: 5150,
                     Profit: 14342.9,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -6404,7 +6404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3154.27,
                     COGS: 3195,
                     Profit: 40.73,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -6420,7 +6420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26402.18,
                     COGS: 6630,
                     Profit: 19772.18,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6436,7 +6436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8753.04,
                     COGS: 5574,
                     Profit: 3179.04,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6452,7 +6452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 353115,
                     COGS: 314600,
                     Profit: 38515,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6468,7 +6468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14354.97,
                     COGS: 12645,
                     Profit: 1709.97,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6484,7 +6484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51618.6,
                     COGS: 4335,
                     Profit: 47283.6,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6500,7 +6500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 331337.5,
                     COGS: 39600,
                     Profit: 291737.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -6516,7 +6516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49767.48,
                     COGS: 8013,
                     Profit: 41754.48,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6532,7 +6532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20008.08,
                     COGS: 2298,
                     Profit: 17710.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6548,7 +6548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 470118,
                     COGS: 123500,
                     Profit: 346618,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6564,7 +6564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1302710.5,
                     COGS: 363220,
                     Profit: 939490.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -6580,7 +6580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 662357.5,
                     COGS: 560300,
                     Profit: 102057.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6596,7 +6596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40797.9,
                     COGS: 22140,
                     Profit: 18657.9,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6612,7 +6612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 442797,
                     COGS: 575250,
                     Profit: 132453,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6628,7 +6628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 75164.9,
                     COGS: 13755,
                     Profit: 61409.9,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6644,7 +6644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7655.9,
                     COGS: 9150,
                     Profit: 1494.1,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6660,7 +6660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 509406,
                     COGS: 624500,
                     Profit: 115094,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -6676,7 +6676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52046.25,
                     COGS: 79560,
                     Profit: 27513.75,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6692,7 +6692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35292.9,
                     COGS: 15140,
                     Profit: 20152.9,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6708,7 +6708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10787.52,
                     COGS: 22462.5,
                     Profit: 11674.98,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6724,7 +6724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422341.25,
                     COGS: 87240,
                     Profit: 335101.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6740,7 +6740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 105516.25,
                     COGS: 94440,
                     Profit: 11076.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6756,7 +6756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 345596.25,
                     COGS: 218760,
                     Profit: 126836.25,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6772,7 +6772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40147.95,
                     COGS: 7470,
                     Profit: 32677.95,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6788,7 +6788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52624.08,
                     COGS: 2298,
                     Profit: 50326.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6804,7 +6804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1216185,
                     COGS: 726250,
                     Profit: 489935,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -6820,7 +6820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 978057.5,
                     COGS: 560300,
                     Profit: 417757.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6836,7 +6836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 85107.2,
                     COGS: 38640,
                     Profit: 46467.2,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6852,7 +6852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19966.66,
                     COGS: 1810,
                     Profit: 18156.66,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -6868,7 +6868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174721.25,
                     COGS: 110760,
                     Profit: 63961.25,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6884,7 +6884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 480421.25,
                     COGS: 79560,
                     Profit: 400861.25,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6900,7 +6900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19845.56,
                     COGS: 10460,
                     Profit: 9385.56,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -6916,7 +6916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8836.59,
                     COGS: 1315,
                     Profit: 7521.59,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6932,7 +6932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1358897.75,
                     COGS: 245310,
                     Profit: 1113587.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6948,7 +6948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 382591.25,
                     COGS: 87240,
                     Profit: 295351.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6964,7 +6964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 271641.25,
                     COGS: 94440,
                     Profit: 177201.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6980,7 +6980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 403842,
                     COGS: 246500,
                     Profit: 157342,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6996,7 +6996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 762018,
                     COGS: 123500,
                     Profit: 638518,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7012,7 +7012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630010.5,
                     COGS: 363220,
                     Profit: 266790.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7028,7 +7028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 184695,
                     COGS: 209280,
                     Profit: 24585,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7044,7 +7044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13609.32,
                     COGS: 5967,
                     Profit: 7642.32,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -7060,7 +7060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 62651.85,
                     COGS: 3210,
                     Profit: 59441.85,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7076,7 +7076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 181018.75,
                     COGS: 89100,
                     Profit: 91918.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -7092,7 +7092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2269.2,
                     COGS: 3885,
                     Profit: 1615.8,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7108,7 +7108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1228416,
                     COGS: 53500,
                     Profit: 1174916,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7124,7 +7124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18319.7,
                     COGS: 10725,
                     Profit: 7594.7,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7140,7 +7140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178136,
                     COGS: 741520,
                     Profit: 563384,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7156,7 +7156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38785.92,
                     COGS: 3426,
                     Profit: 35359.92,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7172,7 +7172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14813.6,
                     COGS: 15660,
                     Profit: 846.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7188,7 +7188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13454.4,
                     COGS: 2070,
                     Profit: 11384.4,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7204,7 +7204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 474100,
                     COGS: 199200,
                     Profit: 274900,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7220,7 +7220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17186.1,
                     COGS: 23630,
                     Profit: 6443.9,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -7236,7 +7236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 753492,
                     COGS: 229500,
                     Profit: 523992,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -7252,7 +7252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1024932,
                     COGS: 432000,
                     Profit: 592932,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -7268,7 +7268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36433.92,
                     COGS: 3426,
                     Profit: 33007.92,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7284,7 +7284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 492970,
                     COGS: 79440,
                     Profit: 413530,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7300,7 +7300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41017.2,
                     COGS: 3885,
                     Profit: 37132.2,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7316,7 +7316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 546477.5,
                     COGS: 97080,
                     Profit: 449397.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7332,7 +7332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 257887.5,
                     COGS: 257400,
                     Profit: 487.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7348,7 +7348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9159.6,
                     COGS: 5355,
                     Profit: 3804.6,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7364,7 +7364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 934704,
                     COGS: 479000,
                     Profit: 455704,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7380,7 +7380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1417836,
                     COGS: 741520,
                     Profit: 676316,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7396,7 +7396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 463177.5,
                     COGS: 327480,
                     Profit: 135697.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7412,7 +7412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5077.5,
                     COGS: 19250,
                     Profit: 14172.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7428,7 +7428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14488.18,
                     COGS: 10065,
                     Profit: 4423.18,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7444,7 +7444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27754.8,
                     COGS: 3165,
                     Profit: 24589.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7460,7 +7460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6699.84,
                     COGS: 3252,
                     Profit: 3447.84,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7476,7 +7476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51573.6,
                     COGS: 15660,
                     Profit: 35913.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7492,7 +7492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 538538,
                     COGS: 771160,
                     Profit: 232622,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7508,7 +7508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 490511,
                     COGS: 748020,
                     Profit: 257509,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7524,7 +7524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 408477.5,
                     COGS: 97080,
                     Profit: 311397.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7540,7 +7540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 144262.5,
                     COGS: 257400,
                     Profit: 113137.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7556,7 +7556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45034.8,
                     COGS: 3165,
                     Profit: 41869.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7572,7 +7572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45842.4,
                     COGS: 5440,
                     Profit: 40402.4,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7588,7 +7588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30603.84,
                     COGS: 3252,
                     Profit: 27351.84,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7604,7 +7604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38345,
                     COGS: 79440,
                     Profit: 41095,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7620,7 +7620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 636516,
                     COGS: 53500,
                     Profit: 583016,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7636,7 +7636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1126111,
                     COGS: 748020,
                     Profit: 378091,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7652,7 +7652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 440927.5,
                     COGS: 327480,
                     Profit: 113447.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7668,7 +7668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 272188,
                     COGS: 69160,
                     Profit: 203028,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7684,7 +7684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 407120,
                     COGS: 504400,
                     Profit: 97280,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7700,7 +7700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1215246,
                     COGS: 64750,
                     Profit: 1150496,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -7716,7 +7716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 636594,
                     COGS: 275250,
                     Profit: 361344,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -7732,7 +7732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 432060,
                     COGS: 273120,
                     Profit: 158940,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -7748,7 +7748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 468188,
                     COGS: 771160,
                     Profit: 302972,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7764,7 +7764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13085.6,
                     COGS: 12360,
                     Profit: 725.6,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7780,7 +7780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46643.6,
                     COGS: 9410,
                     Profit: 37233.6,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7796,7 +7796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 601404,
                     COGS: 479000,
                     Profit: 122404,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7812,7 +7812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 429711.88,
                     COGS: 509220,
                     Profit: 79508.13,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -7828,7 +7828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26472,
                     COGS: 25800,
                     Profit: 672,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -7844,7 +7844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616899,
                     COGS: 172250,
                     Profit: 444649,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7860,7 +7860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43015.08,
                     COGS: 5841,
                     Profit: 37174.08,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -7876,7 +7876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12933.12,
                     COGS: 2724,
                     Profit: 10209.12,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7892,7 +7892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20308.82,
                     COGS: 9790,
                     Profit: 10518.82,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -7908,7 +7908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13727.64,
                     COGS: 5703,
                     Profit: 8024.64,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7924,7 +7924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16132.76,
                     COGS: 2720,
                     Profit: 13412.76,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -7940,7 +7940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1255131.5,
                     COGS: 467220,
                     Profit: 787911.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -7956,7 +7956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 491673.75,
                     COGS: 154440,
                     Profit: 337233.75,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7972,7 +7972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 478352.5,
                     COGS: 204720,
                     Profit: 273632.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7988,7 +7988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 661489.5,
                     COGS: 608625,
                     Profit: 52864.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8004,7 +8004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127722.5,
                     COGS: 212880,
                     Profit: 85157.5,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8020,7 +8020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47915.64,
                     COGS: 5703,
                     Profit: 42212.64,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8036,7 +8036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 904299,
                     COGS: 172250,
                     Profit: 732049,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8052,7 +8052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 448612.5,
                     COGS: 188400,
                     Profit: 260212.5,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8068,7 +8068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16054.98,
                     COGS: 4108.5,
                     Profit: 11946.48,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -8084,7 +8084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553966.25,
                     COGS: 241080,
                     Profit: 312886.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8100,7 +8100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10584.75,
                     COGS: 19450,
                     Profit: 8865.25,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8116,7 +8116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 213173.75,
                     COGS: 154440,
                     Profit: 58733.75,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8132,7 +8132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 286227.5,
                     COGS: 204720,
                     Profit: 81507.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8148,7 +8148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 471841.25,
                     COGS: 241080,
                     Profit: 230761.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8164,7 +8164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322704,
                     COGS: 711000,
                     Profit: 388296,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -8180,7 +8180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9822.24,
                     COGS: 5748,
                     Profit: 4074.24,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8196,7 +8196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207237.5,
                     COGS: 188400,
                     Profit: 18837.5,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8212,7 +8212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 524634,
                     COGS: 468500,
                     Profit: 56134,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -8228,7 +8228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 118909,
                     COGS: 426920,
                     Profit: 308011,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -8244,7 +8244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40299.75,
                     COGS: 19450,
                     Profit: 20849.75,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8260,7 +8260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28681.4,
                     COGS: 8310,
                     Profit: 20371.4,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -8276,7 +8276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27196.4,
                     COGS: 8800,
                     Profit: 18396.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8292,7 +8292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 82409.7,
                     COGS: 38505,
                     Profit: 43904.7,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8308,7 +8308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42631.56,
                     COGS: 7437,
                     Profit: 35194.56,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8324,7 +8324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25121.4,
                     COGS: 20310,
                     Profit: 4811.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8340,7 +8340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3386.4,
                     COGS: 20310,
                     Profit: 16923.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8356,7 +8356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 65978.4,
                     COGS: 22610,
                     Profit: 43368.4,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -8372,7 +8372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42751.2,
                     COGS: 7360,
                     Profit: 35391.2,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8388,7 +8388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7160.72,
                     COGS: 14255,
                     Profit: 7094.28,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8404,7 +8404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 342348,
                     COGS: 505250,
                     Profit: 162902,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8420,7 +8420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 167314,
                     COGS: 71240,
                     Profit: 96074,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8436,7 +8436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 60814.8,
                     COGS: 19670,
                     Profit: 41144.8,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8452,7 +8452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 800592,
                     COGS: 464750,
                     Profit: 335842,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -8468,7 +8468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25094.72,
                     COGS: 14255,
                     Profit: 10839.72,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8484,7 +8484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1313748,
                     COGS: 505250,
                     Profit: 808498,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8500,7 +8500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 148310,
                     COGS: 136560,
                     Profit: 11750,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8516,7 +8516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16911.72,
                     COGS: 21255,
                     Profit: 4343.28,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8532,7 +8532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 162525,
                     COGS: 95400,
                     Profit: 67125,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8548,7 +8548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1329126,
                     COGS: 353625,
                     Profit: 975501,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8564,7 +8564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1123584,
                     COGS: 729500,
                     Profit: 394084,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -8580,7 +8580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 569450,
                     COGS: 897000,
                     Profit: 327550,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -8596,7 +8596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 426685,
                     COGS: 358560,
                     Profit: 68125,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -8612,7 +8612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30109.2,
                     COGS: 2180,
                     Profit: 27929.2,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8628,7 +8628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57100.8,
                     COGS: 20740,
                     Profit: 36360.8,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8644,7 +8644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 66195.2,
                     COGS: 10560,
                     Profit: 55635.2,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8660,7 +8660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 65732.4,
                     COGS: 6710,
                     Profit: 59022.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8676,7 +8676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 48936.6,
                     COGS: 15140,
                     Profit: 33796.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8692,7 +8692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 846664,
                     COGS: 71240,
                     Profit: 775424,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8708,7 +8708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61185,
                     COGS: 136560,
                     Profit: 75375,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8724,7 +8724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17572.8,
                     COGS: 4395,
                     Profit: 13177.8,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8740,7 +8740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 70503.2,
                     COGS: 26460,
                     Profit: 44043.2,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8756,7 +8756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 593222,
                     COGS: 566020,
                     Profit: 27202,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8772,7 +8772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3748.32,
                     COGS: 2598,
                     Profit: 1150.32,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -8788,7 +8788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1446564,
                     COGS: 90740,
                     Profit: 1355824,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8804,7 +8804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1197672,
                     COGS: 566020,
                     Profit: 631652,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8820,7 +8820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40701.6,
                     COGS: 15140,
                     Profit: 25561.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8836,7 +8836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1003940,
                     COGS: 484900,
                     Profit: 519040,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -8852,7 +8852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 499255,
                     COGS: 128880,
                     Profit: 370375,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8868,7 +8868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1424402,
                     COGS: 495820,
                     Profit: 928582,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8884,7 +8884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61442.4,
                     COGS: 6710,
                     Profit: 54732.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8900,7 +8900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 443058,
                     COGS: 462280,
                     Profit: 19222,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -8916,7 +8916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3787.35,
                     COGS: 5795,
                     Profit: 2007.65,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8932,7 +8932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4594.8,
                     COGS: 6860,
                     Profit: 2265.2,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8948,7 +8948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2516.85,
                     COGS: 11745,
                     Profit: 9228.15,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8964,7 +8964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15333.85,
                     COGS: 13445,
                     Profit: 1888.85,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8980,7 +8980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6641.4,
                     COGS: 7293,
                     Profit: 651.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8996,7 +8996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34421.4,
                     COGS: 7293,
                     Profit: 27128.4,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9012,7 +9012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6562.85,
                     COGS: 13445,
                     Profit: 6882.15,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -9028,7 +9028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6746.95,
                     COGS: 8415,
                     Profit: 1668.05,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -9044,7 +9044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4954.2,
                     COGS: 3369,
                     Profit: 1585.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9060,7 +9060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5222.35,
                     COGS: 5795,
                     Profit: 572.65,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9076,7 +9076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49761,
                     COGS: 5595,
                     Profit: 44166,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9092,7 +9092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23042.4,
                     COGS: 3348,
                     Profit: 19694.4,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9108,7 +9108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38117,
                     COGS: 15630,
                     Profit: 22487,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -9124,7 +9124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 129135,
                     COGS: 247750,
                     Profit: 118615,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9140,7 +9140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24501.4,
                     COGS: 5080,
                     Profit: 19421.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9156,7 +9156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15981.75,
                     COGS: 27910,
                     Profit: 11928.25,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -9172,7 +9172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17160.5,
                     COGS: 2850,
                     Profit: 14310.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9188,7 +9188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19611.55,
                     COGS: 12435,
                     Profit: 7176.55,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9204,7 +9204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1099271.25,
                     COGS: 359970,
                     Profit: 739301.25,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9220,7 +9220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 379956.25,
                     COGS: 435240,
                     Profit: 55283.75,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -9236,7 +9236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 823550,
                     COGS: 187200,
                     Profit: 636350,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -9252,7 +9252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12118.8,
                     COGS: 7026,
                     Profit: 5092.8,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -9268,7 +9268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 79200,
                     COGS: 275000,
                     Profit: 195800,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9284,7 +9284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30897,
                     COGS: 13030,
                     Profit: 17867,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9300,7 +9300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 493800,
                     COGS: 359040,
                     Profit: 134760,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -9316,7 +9316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 111593.75,
                     COGS: 286200,
                     Profit: 174606.25,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -9332,7 +9332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 976995,
                     COGS: 401750,
                     Profit: 575245,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -9348,7 +9348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26870.55,
                     COGS: 11635,
                     Profit: 15235.55,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -9364,7 +9364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1289235,
                     COGS: 247750,
                     Profit: 1041485,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9380,7 +9380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 531265,
                     COGS: 156520,
                     Profit: 374745,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9396,7 +9396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30330,
                     COGS: 26200,
                     Profit: 4130,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -9412,7 +9412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1304660,
                     COGS: 319280,
                     Profit: 985380,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9428,7 +9428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 85891,
                     COGS: 13890,
                     Profit: 72001,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9444,7 +9444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 510368.75,
                     COGS: 103320,
                     Profit: 407048.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -9460,7 +9460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 163475,
                     COGS: 84480,
                     Profit: 78995,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9476,7 +9476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3098,
                     COGS: 18020,
                     Profit: 14922,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9492,7 +9492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 64857,
                     COGS: 26630,
                     Profit: 38227,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9508,7 +9508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9059.4,
                     COGS: 10680,
                     Profit: 1620.6,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9524,7 +9524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50658,
                     COGS: 21160,
                     Profit: 29498,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9540,7 +9540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33243.75,
                     COGS: 5550,
                     Profit: 27693.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9556,7 +9556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18254.25,
                     COGS: 28610,
                     Profit: 10355.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9572,7 +9572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29831.25,
                     COGS: 96840,
                     Profit: 67008.75,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9588,7 +9588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 871815,
                     COGS: 156520,
                     Profit: 715295,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9604,7 +9604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45828,
                     COGS: 28320,
                     Profit: 17508,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9620,7 +9620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33181,
                     COGS: 15790,
                     Profit: 17391,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9636,7 +9636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 132868.75,
                     COGS: 103320,
                     Profit: 29548.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -9652,7 +9652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 417975,
                     COGS: 84480,
                     Profit: 333495,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9668,7 +9668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23387,
                     COGS: 10330,
                     Profit: 13057,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9684,7 +9684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45150,
                     COGS: 312500,
                     Profit: 267350,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9700,7 +9700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 65311,
                     COGS: 13890,
                     Profit: 51421,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9716,7 +9716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23935,
                     COGS: 12650,
                     Profit: 11285,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9732,7 +9732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 58383,
                     COGS: 22970,
                     Profit: 35413,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9748,7 +9748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55917,
                     COGS: 26630,
                     Profit: 29287,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9764,7 +9764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16523.5,
                     COGS: 2850,
                     Profit: 13673.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9780,7 +9780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20731.55,
                     COGS: 12435,
                     Profit: 8296.55,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9796,7 +9796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 237125,
                     COGS: 351000,
                     Profit: 113875,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9812,7 +9812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 433440,
                     COGS: 143520,
                     Profit: 289920,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9828,7 +9828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1305010,
                     COGS: 319280,
                     Profit: 985730,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9844,7 +9844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1267350,
                     COGS: 312500,
                     Profit: 954850,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9860,7 +9860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44474.1,
                     COGS: 38010,
                     Profit: 6464.1,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -9876,7 +9876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37999,
                     COGS: 11175,
                     Profit: 26824,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9892,7 +9892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6905.4,
                     COGS: 28440,
                     Profit: 21534.6,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9908,7 +9908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41223.36,
                     COGS: 1686,
                     Profit: 39537.36,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -9924,7 +9924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5184.72,
                     COGS: 6897,
                     Profit: 1712.28,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9940,7 +9940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46398,
                     COGS: 20300,
                     Profit: 26098,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -9956,7 +9956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26167.54,
                     COGS: 1315,
                     Profit: 24852.54,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9972,7 +9972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 266722.5,
                     COGS: 106440,
                     Profit: 160282.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9988,7 +9988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 665070,
                     COGS: 254800,
                     Profit: 410270,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -10004,7 +10004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 732690,
                     COGS: 379600,
                     Profit: 353090,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10020,7 +10020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24323.74,
                     COGS: 7015,
                     Profit: 17308.74,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10036,7 +10036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24499.44,
                     COGS: 8169,
                     Profit: 16330.44,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10052,7 +10052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630084,
                     COGS: 388960,
                     Profit: 241124,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10068,7 +10068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13896.72,
                     COGS: 6897,
                     Profit: 6999.72,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10084,7 +10084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 255983,
                     COGS: 189020,
                     Profit: 66963,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10100,7 +10100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 294985,
                     COGS: 114240,
                     Profit: 180745,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -10116,7 +10116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 124087.5,
                     COGS: 330600,
                     Profit: 206512.5,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -10132,7 +10132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10668,
                     COGS: 15300,
                     Profit: 4632,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10148,7 +10148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1265334,
                     COGS: 388960,
                     Profit: 876374,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10164,7 +10164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3493.84,
                     COGS: 7490,
                     Profit: 3996.16,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10180,7 +10180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1117122,
                     COGS: 305250,
                     Profit: 811872,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10196,7 +10196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 418754,
                     COGS: 539760,
                     Profit: 121006,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10212,7 +10212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57425.4,
                     COGS: 28440,
                     Profit: 28985.4,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10228,7 +10228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29162.84,
                     COGS: 7490,
                     Profit: 21672.84,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10244,7 +10244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 470922,
                     COGS: 305250,
                     Profit: 165672,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10260,7 +10260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36892.4,
                     COGS: 11230,
                     Profit: 25662.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10276,7 +10276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 439152,
                     COGS: 609000,
                     Profit: 169848,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -10292,7 +10292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 255093.75,
                     COGS: 238500,
                     Profit: 16593.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -10308,7 +10308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127841,
                     COGS: 436540,
                     Profit: 308699,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -10324,7 +10324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 99533,
                     COGS: 189020,
                     Profit: 89487,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10340,7 +10340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28103.74,
                     COGS: 7015,
                     Profit: 21088.74,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10356,7 +10356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 302904,
                     COGS: 539760,
                     Profit: 236856,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10372,7 +10372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26551.6,
                     COGS: 17570,
                     Profit: 8981.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10388,7 +10388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20191.8,
                     COGS: 21980,
                     Profit: 1788.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10404,7 +10404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55401.3,
                     COGS: 17430,
                     Profit: 37971.3,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10420,7 +10420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5667.3,
                     COGS: 11530,
                     Profit: 5862.7,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10436,7 +10436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32111.6,
                     COGS: 17570,
                     Profit: 14541.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10452,7 +10452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13698.8,
                     COGS: 10010,
                     Profit: 3688.8,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10468,7 +10468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11564.14,
                     COGS: 6665,
                     Profit: 4899.14,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10484,7 +10484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25347.3,
                     COGS: 11530,
                     Profit: 13817.3,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10500,7 +10500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3445.32,
                     COGS: 2181,
                     Profit: 1264.32,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -10516,7 +10516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45349.44,
                     COGS: 5652,
                     Profit: 39697.44,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10532,7 +10532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71252.4,
                     COGS: 18340,
                     Profit: 52912.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10548,7 +10548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51710.4,
                     COGS: 7020,
                     Profit: 44690.4,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -10564,7 +10564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2628.72,
                     COGS: 7026,
                     Profit: 4397.28,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10580,7 +10580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21229.81,
                     COGS: 5155,
                     Profit: 16074.81,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10596,7 +10596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14604.9,
                     COGS: 12620,
                     Profit: 1984.9,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10612,7 +10612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28024.85,
                     COGS: 5675,
                     Profit: 22349.85,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10628,7 +10628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27549.97,
                     COGS: 2735,
                     Profit: 24814.97,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10644,7 +10644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25285.82,
                     COGS: 7910,
                     Profit: 17375.82,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -10660,7 +10660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27759.66,
                     COGS: 5215.5,
                     Profit: 22544.16,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -10676,7 +10676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18275.4,
                     COGS: 6645,
                     Profit: 11630.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10692,7 +10692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11565.82,
                     COGS: 7910,
                     Profit: 3655.82,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -10708,7 +10708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30754.85,
                     COGS: 5675,
                     Profit: 25079.85,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10724,7 +10724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 392955.5,
                     COGS: 457860,
                     Profit: 64904.5,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -10740,7 +10740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 475092,
                     COGS: 112000,
                     Profit: 363092,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10756,7 +10756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178899,
                     COGS: 545250,
                     Profit: 366351,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10772,7 +10772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23593.6,
                     COGS: 19760,
                     Profit: 3833.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10788,7 +10788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 818799,
                     COGS: 545250,
                     Profit: 273549,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10804,7 +10804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 358000,
                     COGS: 300000,
                     Profit: 58000,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10820,7 +10820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 709458,
                     COGS: 425500,
                     Profit: 283958,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10836,7 +10836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 941292,
                     COGS: 112000,
                     Profit: 829292,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10852,7 +10852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 479261.25,
                     COGS: 421560,
                     Profit: 57701.25,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -10868,7 +10868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56938.95,
                     COGS: 21010,
                     Profit: 35928.95,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10884,7 +10884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8682.45,
                     COGS: 29310,
                     Profit: 20627.55,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10900,7 +10900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2911,
                     COGS: 15350,
                     Profit: 12439,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -10916,7 +10916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 371217,
                     COGS: 280750,
                     Profit: 90467,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10932,7 +10932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 212916,
                     COGS: 351000,
                     Profit: 138084,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10948,7 +10948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37219.08,
                     COGS: 8289,
                     Profit: 28930.08,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10964,7 +10964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2598.75,
                     COGS: 10625,
                     Profit: 8026.25,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -10980,7 +10980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 204861,
                     COGS: 414750,
                     Profit: 209889,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -10996,7 +10996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 77987.4,
                     COGS: 6090,
                     Profit: 71897.4,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11012,7 +11012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 293988.75,
                     COGS: 250440,
                     Profit: 43548.75,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11028,7 +11028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47573.6,
                     COGS: 19760,
                     Profit: 27813.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -11044,7 +11044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61650.6,
                     COGS: 14210,
                     Profit: 47440.6,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11060,7 +11060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 314688,
                     COGS: 343000,
                     Profit: 28312,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11076,7 +11076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17076.8,
                     COGS: 5880,
                     Profit: 11196.8,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11092,7 +11092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43042.62,
                     COGS: 9733.5,
                     Profit: 33309.12,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -11108,7 +11108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 336261,
                     COGS: 239750,
                     Profit: 96511,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -11124,7 +11124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 612213,
                     COGS: 686750,
                     Profit: 74537,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -11140,7 +11140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38231.25,
                     COGS: 197400,
                     Profit: 159168.75,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -11156,7 +11156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23688,
                     COGS: 747760,
                     Profit: 724072,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11172,7 +11172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 462052.5,
                     COGS: 119280,
                     Profit: 342772.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -11188,7 +11188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17474.8,
                     COGS: 11180,
                     Profit: 6294.8,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -11204,7 +11204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 860388,
                     COGS: 343000,
                     Profit: 517388,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11220,7 +11220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10261.72,
                     COGS: 2440,
                     Profit: 7821.72,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -11236,7 +11236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31508.8,
                     COGS: 12820,
                     Profit: 18688.8,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11252,7 +11252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29599.08,
                     COGS: 1285,
                     Profit: 28314.08,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -11268,7 +11268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31488.8,
                     COGS: 12820,
                     Profit: 18668.8,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11284,7 +11284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 365975,
                     COGS: 184800,
                     Profit: 181175,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11300,7 +11300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49992,
                     COGS: 4900,
                     Profit: 45092,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -11316,7 +11316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 551964,
                     COGS: 354120,
                     Profit: 197844,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11332,7 +11332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43288.8,
                     COGS: 25010,
                     Profit: 18278.8,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -11348,7 +11348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 81867.2,
                     COGS: 7080,
                     Profit: 74787.2,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11364,7 +11364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59508,
                     COGS: 6450,
                     Profit: 53058,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -11380,7 +11380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1270212,
                     COGS: 390500,
                     Profit: 879712,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11396,7 +11396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1057608,
                     COGS: 320750,
                     Profit: 736858,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -11412,7 +11412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22981.8,
                     COGS: 7110,
                     Profit: 15871.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11428,7 +11428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 323735,
                     COGS: 133680,
                     Profit: 190055,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -11444,7 +11444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23101.96,
                     COGS: 6295,
                     Profit: 16806.96,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -11460,7 +11460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19091.8,
                     COGS: 5475,
                     Profit: 13616.8,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -11476,7 +11476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57094.4,
                     COGS: 13660,
                     Profit: 43434.4,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11492,7 +11492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1192860,
                     COGS: 615000,
                     Profit: 577860,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11508,7 +11508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7719.32,
                     COGS: 3390,
                     Profit: 4329.32,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11524,7 +11524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20560.12,
                     COGS: 7990,
                     Profit: 12570.12,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11540,7 +11540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12384.96,
                     COGS: 12045,
                     Profit: 339.96,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -11556,7 +11556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78505.6,
                     COGS: 19340,
                     Profit: 59165.6,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11572,7 +11572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29471.2,
                     COGS: 29930,
                     Profit: 458.8,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11588,7 +11588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 918162,
                     COGS: 557960,
                     Profit: 360202,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -11604,7 +11604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27484.24,
                     COGS: 9730,
                     Profit: 17754.24,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11620,7 +11620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553714,
                     COGS: 354120,
                     Profit: 199594,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11636,7 +11636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27085.92,
                     COGS: 1794,
                     Profit: 25291.92,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -11652,7 +11652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22179.08,
                     COGS: 14535,
                     Profit: 7644.08,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11668,7 +11668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14706.72,
                     COGS: 11690,
                     Profit: 3016.72,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11684,7 +11684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 710436,
                     COGS: 96500,
                     Profit: 613936,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -11700,7 +11700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1210560,
                     COGS: 158750,
                     Profit: 1051810,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11716,7 +11716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 911764,
                     COGS: 149370,
                     Profit: 762394,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -11732,7 +11732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26487.72,
                     COGS: 11690,
                     Profit: 14797.72,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11748,7 +11748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 868532,
                     COGS: 99060,
                     Profit: 769472,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11764,7 +11764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 948934,
                     COGS: 109720,
                     Profit: 839214,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11780,7 +11780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 519684,
                     COGS: 533500,
                     Profit: 13816,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11796,7 +11796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174708,
                     COGS: 202000,
                     Profit: 27292,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11812,7 +11812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57147.2,
                     COGS: 7080,
                     Profit: 50067.2,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11828,7 +11828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11595.08,
                     COGS: 14535,
                     Profit: 2939.92,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11844,7 +11844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27134.4,
                     COGS: 13660,
                     Profit: 13474.4,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11860,7 +11860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207060,
                     COGS: 615000,
                     Profit: 407940,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11876,7 +11876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5468,
                     COGS: 15200,
                     Profit: 9732,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -11892,7 +11892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24541.8,
                     COGS: 7110,
                     Profit: 17431.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11908,7 +11908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28188,
                     COGS: 4125,
                     Profit: 24063,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11924,7 +11924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 779460,
                     COGS: 158750,
                     Profit: 620710,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11940,7 +11940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71461.6,
                     COGS: 4365,
                     Profit: 67096.6,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -11956,7 +11956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 292362,
                     COGS: 273500,
                     Profit: 18862,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11972,7 +11972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20651.64,
                     COGS: 1101,
                     Profit: 19550.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -11988,7 +11988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 547432.5,
                     COGS: 950625,
                     Profit: 403192.5,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12004,7 +12004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 409171,
                     COGS: 433160,
                     Profit: 23989,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12020,7 +12020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 495006,
                     COGS: 80500,
                     Profit: 414506,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -12036,7 +12036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12517.32,
                     COGS: 6963,
                     Profit: 5554.32,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12052,7 +12052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 415733.75,
                     COGS: 222840,
                     Profit: 192893.75,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12068,7 +12068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10864.07,
                     COGS: 8055,
                     Profit: 2809.07,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12084,7 +12084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 113033.75,
                     COGS: 335640,
                     Profit: 222606.25,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12100,7 +12100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 208782,
                     COGS: 83500,
                     Profit: 125282,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12116,7 +12116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 276645,
                     COGS: 641250,
                     Profit: 364605,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12132,7 +12132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 875864.5,
                     COGS: 628420,
                     Profit: 247444.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12148,7 +12148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49908.75,
                     COGS: 36750,
                     Profit: 13158.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12164,7 +12164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 855462,
                     COGS: 273500,
                     Profit: 581962,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -12180,7 +12180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25658.55,
                     COGS: 12270,
                     Profit: 13388.55,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12196,7 +12196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49691.64,
                     COGS: 1101,
                     Profit: 48590.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12212,7 +12212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 302352,
                     COGS: 331000,
                     Profit: 28648,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12228,7 +12228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24591,
                     COGS: 5325,
                     Profit: 19266,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12244,7 +12244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76283.75,
                     COGS: 335640,
                     Profit: 259356.25,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12260,7 +12260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56744.25,
                     COGS: 2450,
                     Profit: 54294.25,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12276,7 +12276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322075.5,
                     COGS: 948375,
                     Profit: 626299.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12292,7 +12292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 739679.5,
                     COGS: 339820,
                     Profit: 399859.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12308,7 +12308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 449746.25,
                     COGS: 68040,
                     Profit: 381706.25,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12324,7 +12324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 344762.5,
                     COGS: 253200,
                     Profit: 91562.5,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12340,7 +12340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1148276.5,
                     COGS: 329940,
                     Profit: 818336.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12356,7 +12356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29687.52,
                     COGS: 5868,
                     Profit: 23819.52,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12372,7 +12372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 103707,
                     COGS: 664750,
                     Profit: 561043,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -12388,7 +12388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 418027.75,
                     COGS: 351390,
                     Profit: 66637.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12404,7 +12404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52557.6,
                     COGS: 2640,
                     Profit: 49917.6,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12420,7 +12420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 762891,
                     COGS: 466750,
                     Profit: 296141,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12436,7 +12436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29039.28,
                     COGS: 6702,
                     Profit: 22337.28,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -12452,7 +12452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52538.55,
                     COGS: 12270,
                     Profit: 40268.55,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12468,7 +12468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 221008.75,
                     COGS: 105240,
                     Profit: 115768.75,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12484,7 +12484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 983363.5,
                     COGS: 538460,
                     Profit: 444903.5,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12500,7 +12500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 953326.5,
                     COGS: 329940,
                     Profit: 623386.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12516,7 +12516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18220.5,
                     COGS: 9700,
                     Profit: 8520.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12532,7 +12532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27670.8,
                     COGS: 16940,
                     Profit: 10730.8,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12548,7 +12548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24626.6,
                     COGS: 6630,
                     Profit: 17996.6,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12564,7 +12564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7975.03,
                     COGS: 4095,
                     Profit: 3880.03,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12580,7 +12580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26733.6,
                     COGS: 4740,
                     Profit: 21993.6,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12596,7 +12596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13524.77,
                     COGS: 2605,
                     Profit: 10919.77,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12612,7 +12612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55828.6,
                     COGS: 9730,
                     Profit: 46098.6,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -12628,7 +12628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32271.6,
                     COGS: 10380,
                     Profit: 21891.6,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -12644,7 +12644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20304.2,
                     COGS: 1800,
                     Profit: 18504.2,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12660,7 +12660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10043.64,
                     COGS: 5901,
                     Profit: 4142.64,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -12676,7 +12676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6847.2,
                     COGS: 26280,
                     Profit: 19432.8,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12692,7 +12692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25960.2,
                     COGS: 1800,
                     Profit: 24160.2,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12708,7 +12708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57492.4,
                     COGS: 26820,
                     Profit: 30672.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12724,7 +12724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27636.77,
                     COGS: 2605,
                     Profit: 25031.77,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12740,7 +12740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17191.6,
                     COGS: 10380,
                     Profit: 6811.6,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -12756,7 +12756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35748.82,
                     COGS: 16305,
                     Profit: 19443.82,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12772,7 +12772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30449.52,
                     COGS: 918,
                     Profit: 29531.52,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12788,7 +12788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51100.8,
                     COGS: 1158,
                     Profit: 49942.8,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12804,7 +12804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18467.4,
                     COGS: 11640,
                     Profit: 6827.4,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12820,7 +12820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41980.8,
                     COGS: 1158,
                     Profit: 40822.8,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12836,7 +12836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 156681.25,
                     COGS: 413460,
                     Profit: 256778.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12852,7 +12852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 308475,
                     COGS: 177840,
                     Profit: 130635,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12868,7 +12868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 911645,
                     COGS: 601380,
                     Profit: 310265,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12884,7 +12884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 480325,
                     COGS: 216480,
                     Profit: 263845,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12900,7 +12900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56802,
                     COGS: 20720,
                     Profit: 36082,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12916,7 +12916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54652,
                     COGS: 19540,
                     Profit: 35112,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -12932,7 +12932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 855870,
                     COGS: 147750,
                     Profit: 708120,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12948,7 +12948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51814.5,
                     COGS: 21670,
                     Profit: 30144.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12964,7 +12964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55078,
                     COGS: 2410,
                     Profit: 52668,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12980,7 +12980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5053.5,
                     COGS: 6810,
                     Profit: 1756.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12996,7 +12996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29430,
                     COGS: 5100,
                     Profit: 24330,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -13012,7 +13012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38325,
                     COGS: 7900,
                     Profit: 30425,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -13028,7 +13028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1435735,
                     COGS: 166140,
                     Profit: 1269595,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13044,7 +13044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24425,
                     COGS: 191520,
                     Profit: 167095,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -13060,7 +13060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 645780,
                     COGS: 573500,
                     Profit: 72280,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13076,7 +13076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 82918,
                     COGS: 2410,
                     Profit: 80508,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13092,7 +13092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4378.5,
                     COGS: 13325,
                     Profit: 8946.5,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13108,7 +13108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 251050,
                     COGS: 229920,
                     Profit: 21130,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -13124,7 +13124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 991110,
                     COGS: 213250,
                     Profit: 777860,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13140,7 +13140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 369487.5,
                     COGS: 40920,
                     Profit: 328567.5,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -13156,7 +13156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59233.5,
                     COGS: 6410,
                     Profit: 52823.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13172,7 +13172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 160405,
                     COGS: 729820,
                     Profit: 569415,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13188,7 +13188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 583740,
                     COGS: 108000,
                     Profit: 475740,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -13204,7 +13204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 828480,
                     COGS: 573500,
                     Profit: 254980,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13220,7 +13220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 60304.5,
                     COGS: 21670,
                     Profit: 38634.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13236,7 +13236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 148637.5,
                     COGS: 303480,
                     Profit: 154842.5,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13252,7 +13252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 883750,
                     COGS: 486200,
                     Profit: 397550,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -13268,7 +13268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 181262.5,
                     COGS: 69480,
                     Profit: 111782.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13284,7 +13284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1407350,
                     COGS: 582400,
                     Profit: 824950,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -13300,7 +13300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 699210,
                     COGS: 748250,
                     Profit: 49040,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13316,7 +13316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9959.4,
                     COGS: 10561.5,
                     Profit: 602.1,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -13332,7 +13332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20342,
                     COGS: 20390,
                     Profit: 48,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -13348,7 +13348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8467.2,
                     COGS: 7722,
                     Profit: 745.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13364,7 +13364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1110305,
                     COGS: 183820,
                     Profit: 926485,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -13380,7 +13380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13692,
                     COGS: 20720,
                     Profit: 7028,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13396,7 +13396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 326610,
                     COGS: 213250,
                     Profit: 113360,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13412,7 +13412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28910.64,
                     COGS: 3594,
                     Profit: 25316.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13428,7 +13428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20772.36,
                     COGS: 12660,
                     Profit: 8112.36,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -13444,7 +13444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16790.64,
                     COGS: 3594,
                     Profit: 13196.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13460,7 +13460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37256.4,
                     COGS: 3840,
                     Profit: 33416.4,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13476,7 +13476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13008.96,
                     COGS: 1416,
                     Profit: 11592.96,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13492,7 +13492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12665.17,
                     COGS: 7895,
                     Profit: 4770.17,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13508,7 +13508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37781.4,
                     COGS: 3015,
                     Profit: 34766.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -13524,7 +13524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43725.82,
                     COGS: 31995,
                     Profit: 11730.82,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13540,7 +13540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28824.96,
                     COGS: 1416,
                     Profit: 27408.96,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13556,7 +13556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29159.16,
                     COGS: 5811,
                     Profit: 23348.16,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -13572,7 +13572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 103558,
                     COGS: 205920,
                     Profit: 102362,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13588,7 +13588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 747537,
                     COGS: 702750,
                     Profit: 44787,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13604,7 +13604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174811.25,
                     COGS: 292920,
                     Profit: 118108.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13620,7 +13620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50511,
                     COGS: 15600,
                     Profit: 34911,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -13636,7 +13636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27498.38,
                     COGS: 13530,
                     Profit: 13968.38,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -13652,7 +13652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 747509,
                     COGS: 199160,
                     Profit: 548349,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13668,7 +13668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8937.6,
                     COGS: 29920,
                     Profit: 20982.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13684,7 +13684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4735.95,
                     COGS: 21570,
                     Profit: 16834.05,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13700,7 +13700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 603291,
                     COGS: 218250,
                     Profit: 385041,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13716,7 +13716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46891.6,
                     COGS: 11220,
                     Profit: 35671.6,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13732,7 +13732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 585726.75,
                     COGS: 547170,
                     Profit: 38556.75,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13748,7 +13748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38581.68,
                     COGS: 12078,
                     Profit: 26503.68,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13764,7 +13764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 48410.34,
                     COGS: 7276.5,
                     Profit: 41133.84,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13780,7 +13780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43653.2,
                     COGS: 23940,
                     Profit: 19713.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13796,7 +13796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59861.4,
                     COGS: 19840,
                     Profit: 40021.4,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13812,7 +13812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 385561.25,
                     COGS: 292920,
                     Profit: 92641.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13828,7 +13828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21437.6,
                     COGS: 29920,
                     Profit: 8482.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13844,7 +13844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 514422,
                     COGS: 341500,
                     Profit: 172922,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13860,7 +13860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3089,
                     COGS: 28050,
                     Profit: 24961,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -13876,7 +13876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61574.25,
                     COGS: 6550,
                     Profit: 55024.25,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -13892,7 +13892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 869806,
                     COGS: 89440,
                     Profit: 780366,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13908,7 +13908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12117.84,
                     COGS: 9040,
                     Profit: 3077.84,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13924,7 +13924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13323.12,
                     COGS: 5202,
                     Profit: 8121.12,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13940,7 +13940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 508007.5,
                     COGS: 66480,
                     Profit: 441527.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13956,7 +13956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5683,
                     COGS: 29350,
                     Profit: 23667,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -13972,7 +13972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16231.25,
                     COGS: 379800,
                     Profit: 363568.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13988,7 +13988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 83996.2,
                     COGS: 26290,
                     Profit: 57706.2,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14004,7 +14004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 168296.25,
                     COGS: 171960,
                     Profit: 3663.75,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -14020,7 +14020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 457353.75,
                     COGS: 113640,
                     Profit: 343713.75,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14036,7 +14036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 830956,
                     COGS: 89440,
                     Profit: 741516,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -14052,7 +14052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31570.95,
                     COGS: 21570,
                     Profit: 10000.95,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14068,7 +14068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30864.4,
                     COGS: 1900,
                     Profit: 28964.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14084,7 +14084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1291388,
                     COGS: 230360,
                     Profit: 1061028,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14100,7 +14100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 249510,
                     COGS: 289920,
                     Profit: 40410,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14116,7 +14116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 419410,
                     COGS: 258720,
                     Profit: 160690,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14132,7 +14132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20899.8,
                     COGS: 26890,
                     Profit: 5990.2,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14148,7 +14148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18296.4,
                     COGS: 6770,
                     Profit: 11526.4,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14164,7 +14164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1188672,
                     COGS: 443250,
                     Profit: 745422,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -14180,7 +14180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4792.2,
                     COGS: 12100,
                     Profit: 7307.8,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -14196,7 +14196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5781.44,
                     COGS: 13670,
                     Profit: 7888.56,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14212,7 +14212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33344,
                     COGS: 17150,
                     Profit: 16194,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -14228,7 +14228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1087104,
                     COGS: 296500,
                     Profit: 790604,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -14244,7 +14244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 941580,
                     COGS: 873750,
                     Profit: 67830,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14260,7 +14260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1067388,
                     COGS: 230360,
                     Profit: 837028,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14276,7 +14276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 341910,
                     COGS: 258720,
                     Profit: 83190,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14292,7 +14292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39568,
                     COGS: 9050,
                     Profit: 30518,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14308,7 +14308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17004,
                     COGS: 17150,
                     Profit: 146,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -14324,7 +14324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 406602,
                     COGS: 414440,
                     Profit: 7838,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14340,7 +14340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 75876,
                     COGS: 339750,
                     Profit: 263874,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14356,7 +14356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1086600,
                     COGS: 537500,
                     Profit: 549100,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14372,7 +14372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 232876,
                     COGS: 311220,
                     Profit: 78344,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14388,7 +14388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27696,
                     COGS: 3800,
                     Profit: 23896,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -14404,7 +14404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38480.8,
                     COGS: 12330,
                     Profit: 26150.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14420,7 +14420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1009610,
                     COGS: 362700,
                     Profit: 646910,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14436,7 +14436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1050938,
                     COGS: 256360,
                     Profit: 794578,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14452,7 +14452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39008,
                     COGS: 9050,
                     Profit: 29958,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14468,7 +14468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 48011.04,
                     COGS: 6327,
                     Profit: 41684.04,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -14484,7 +14484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12420.9,
                     COGS: 38745,
                     Profit: 26324.1,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14500,7 +14500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 426384,
                     COGS: 161980,
                     Profit: 264404,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14516,7 +14516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39088,
                     COGS: 256360,
                     Profit: 217272,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14532,7 +14532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 179570,
                     COGS: 286440,
                     Profit: 106870,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14548,7 +14548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1840.8,
                     COGS: 12330,
                     Profit: 10489.2,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14564,7 +14564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 888510,
                     COGS: 70200,
                     Profit: 818310,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14580,7 +14580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8752.94,
                     COGS: 17107.5,
                     Profit: 8354.56,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14596,7 +14596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29021.44,
                     COGS: 13670,
                     Profit: 15351.44,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14612,7 +14612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7908.6,
                     COGS: 25480,
                     Profit: 17571.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -14628,7 +14628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7428.4,
                     COGS: 25215,
                     Profit: 17786.6,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14644,7 +14644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5504.16,
                     COGS: 7983,
                     Profit: 2478.84,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -14660,7 +14660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25465.6,
                     COGS: 15310,
                     Profit: 10155.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14676,7 +14676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20853.56,
                     COGS: 7455,
                     Profit: 13398.56,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14692,7 +14692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78225.6,
                     COGS: 15310,
                     Profit: 62915.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14708,7 +14708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34064.16,
                     COGS: 8283,
                     Profit: 25781.16,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14724,7 +14724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2389.35,
                     COGS: 25670,
                     Profit: 23280.65,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14740,7 +14740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44284.35,
                     COGS: 25670,
                     Profit: 18614.35,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14756,7 +14756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1205053.5,
                     COGS: 239980,
                     Profit: 965073.5,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14772,7 +14772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1356705,
                     COGS: 465400,
                     Profit: 891305,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14788,7 +14788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71910.8,
                     COGS: 4420,
                     Profit: 67490.8,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14804,7 +14804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 726346.25,
                     COGS: 255450,
                     Profit: 470896.25,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14820,7 +14820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19286.82,
                     COGS: 6490,
                     Profit: 12796.82,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14836,7 +14836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30857.76,
                     COGS: 1812,
                     Profit: 29045.76,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14852,7 +14852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18017,
                     COGS: 22550,
                     Profit: 4533,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14868,7 +14868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 64072.6,
                     COGS: 12490,
                     Profit: 51582.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14884,7 +14884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7965.97,
                     COGS: 7192.5,
                     Profit: 773.47,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14900,7 +14900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1241427,
                     COGS: 201750,
                     Profit: 1039677,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14916,7 +14916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50873.4,
                     COGS: 26410,
                     Profit: 24463.4,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14932,7 +14932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 69739.2,
                     COGS: 27080,
                     Profit: 42659.2,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14948,7 +14948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 532294,
                     COGS: 684320,
                     Profit: 152026,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14964,7 +14964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 331526.25,
                     COGS: 189960,
                     Profit: 141566.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14980,7 +14980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33525.24,
                     COGS: 1713,
                     Profit: 31812.24,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14996,7 +14996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24181.64,
                     COGS: 13480,
                     Profit: 10701.64,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -15012,7 +15012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55658.25,
                     COGS: 15650,
                     Profit: 40008.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15028,7 +15028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7232.6,
                     COGS: 12490,
                     Profit: 5257.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15044,7 +15044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1067006.5,
                     COGS: 92820,
                     Profit: 974186.5,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15060,7 +15060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27339.72,
                     COGS: 3039,
                     Profit: 24300.72,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15076,7 +15076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56149.88,
                     COGS: 39975,
                     Profit: 16174.88,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -15092,7 +15092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 663894,
                     COGS: 684320,
                     Profit: 20426,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15108,7 +15108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2900.1,
                     COGS: 5950,
                     Profit: 3049.9,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15124,7 +15124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45725.76,
                     COGS: 1812,
                     Profit: 43913.76,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15140,7 +15140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19383,
                     COGS: 6600,
                     Profit: 12783,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -15156,7 +15156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26396.4,
                     COGS: 1230,
                     Profit: 25166.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15172,7 +15172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 859005,
                     COGS: 651250,
                     Profit: 207755,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15188,7 +15188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44439.72,
                     COGS: 3039,
                     Profit: 41400.72,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15204,7 +15204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 285151.25,
                     COGS: 189960,
                     Profit: 95191.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15220,7 +15220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 63368.25,
                     COGS: 15650,
                     Profit: 47718.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15236,7 +15236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 123041.25,
                     COGS: 199080,
                     Profit: 76038.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -15252,7 +15252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19588.1,
                     COGS: 5950,
                     Profit: 13638.1,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15268,7 +15268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16796.4,
                     COGS: 1230,
                     Profit: 15566.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15284,7 +15284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7618.8,
                     COGS: 5310,
                     Profit: 2308.8,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -15300,7 +15300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14218.8,
                     COGS: 25790,
                     Profit: 11571.2,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -15316,7 +15316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29859.6,
                     COGS: 17430,
                     Profit: 12429.6,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -15332,7 +15332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7808.92,
                     COGS: 14980,
                     Profit: 7171.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15348,7 +15348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17449.6,
                     COGS: 1400,
                     Profit: 16049.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15364,7 +15364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12067.86,
                     COGS: 1465,
                     Profit: 10602.86,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15380,7 +15380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8032.92,
                     COGS: 14980,
                     Profit: 6947.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15396,7 +15396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39016.2,
                     COGS: 2780,
                     Profit: 36236.2,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15412,7 +15412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54781.6,
                     COGS: 24280,
                     Profit: 30501.6,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -15428,7 +15428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 58239.3,
                     COGS: 17670,
                     Profit: 40569.3,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -15444,7 +15444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32915.76,
                     COGS: 4179,
                     Profit: 28736.76,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15460,7 +15460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21285.6,
                     COGS: 1400,
                     Profit: 19885.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15476,7 +15476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16019.76,
                     COGS: 4179,
                     Profit: 11840.76,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15492,7 +15492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39058.8,
                     COGS: 6045,
                     Profit: 33013.8,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -15508,7 +15508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 572658,
                     COGS: 200250,
                     Profit: 372408,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -15524,7 +15524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207597.5,
                     COGS: 122760,
                     Profit: 84837.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -15540,7 +15540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 241368,
                     COGS: 374000,
                     Profit: 132632,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15556,7 +15556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 831480,
                     COGS: 252500,
                     Profit: 578980,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15572,7 +15572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8267.7,
                     COGS: 15130,
                     Profit: 6862.3,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15588,7 +15588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16545,
                     COGS: 23000,
                     Profit: 6455,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15604,7 +15604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 495257.5,
                     COGS: 338520,
                     Profit: 156737.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -15620,7 +15620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 639152.5,
                     COGS: 579150,
                     Profit: 60002.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -15636,7 +15636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1279999,
                     COGS: 311740,
                     Profit: 968259,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -15652,7 +15652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1177750,
                     COGS: 52000,
                     Profit: 1125750,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -15668,7 +15668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15124.76,
                     COGS: 1940,
                     Profit: 13184.76,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -15684,7 +15684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14253.54,
                     COGS: 8635,
                     Profit: 5618.54,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15700,7 +15700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1215,
                     COGS: 23000,
                     Profit: 21785,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15716,7 +15716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5052,
                     COGS: 2600,
                     Profit: 2452,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15732,7 +15732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6048,
                     COGS: 24700,
                     Profit: 18652,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -15748,7 +15748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1919.7,
                     COGS: 17430,
                     Profit: 15510.3,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15764,7 +15764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40476.48,
                     COGS: 8742,
                     Profit: 31734.48,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15780,7 +15780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10798.62,
                     COGS: 8655,
                     Profit: 2143.62,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15796,7 +15796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1375850,
                     COGS: 182000,
                     Profit: 1193850,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15812,7 +15812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30023.04,
                     COGS: 6666,
                     Profit: 23357.04,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15828,7 +15828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 694827,
                     COGS: 306020,
                     Profit: 388807,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15844,7 +15844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 638372,
                     COGS: 499720,
                     Profit: 138652,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15860,7 +15860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 521312.5,
                     COGS: 189000,
                     Profit: 332312.5,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15876,7 +15876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52203.2,
                     COGS: 6060,
                     Profit: 46143.2,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -15892,7 +15892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 297780,
                     COGS: 615000,
                     Profit: 317220,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -15908,7 +15908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 775002,
                     COGS: 67250,
                     Profit: 707752,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15924,7 +15924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1013988,
                     COGS: 634000,
                     Profit: 379988,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15940,7 +15940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27395.06,
                     COGS: 14515,
                     Profit: 12880.06,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -15956,7 +15956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 741678,
                     COGS: 635250,
                     Profit: 106428,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -15972,7 +15972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 764502,
                     COGS: 67250,
                     Profit: 697252,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15988,7 +15988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 311568,
                     COGS: 374000,
                     Profit: 62432,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16004,7 +16004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1168080,
                     COGS: 252500,
                     Profit: 915580,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16020,7 +16020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 62881,
                     COGS: 333060,
                     Profit: 270179,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -16036,7 +16036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1140504,
                     COGS: 222000,
                     Profit: 918504,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16052,7 +16052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 481105,
                     COGS: 341280,
                     Profit: 139825,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -16068,7 +16068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28182,
                     COGS: 7425,
                     Profit: 20757,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16084,7 +16084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12899.7,
                     COGS: 17430,
                     Profit: 4530.3,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16100,7 +16100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12492.48,
                     COGS: 8742,
                     Profit: 3750.48,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16116,7 +16116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6220.62,
                     COGS: 8655,
                     Profit: 2434.38,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16132,7 +16132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8583.54,
                     COGS: 8635,
                     Profit: 51.46,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16148,7 +16148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15153,
                     COGS: 18700,
                     Profit: 3547,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16164,7 +16164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 153362.5,
                     COGS: 140880,
                     Profit: 12482.5,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16180,7 +16180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 218243.75,
                     COGS: 332040,
                     Profit: 113796.25,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16196,7 +16196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 221781.25,
                     COGS: 130200,
                     Profit: 91581.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16212,7 +16212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 839130,
                     COGS: 136500,
                     Profit: 702630,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16228,7 +16228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23126,
                     COGS: 11580,
                     Profit: 11546,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16244,7 +16244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32758.5,
                     COGS: 16140,
                     Profit: 16618.5,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -16260,7 +16260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11569.25,
                     COGS: 12675,
                     Profit: 1105.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -16276,7 +16276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 560472.5,
                     COGS: 741260,
                     Profit: 180787.5,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -16292,7 +16292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9977.25,
                     COGS: 25590,
                     Profit: 15612.75,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16308,7 +16308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20439,
                     COGS: 2670,
                     Profit: 17769,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16324,7 +16324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 293281.25,
                     COGS: 130200,
                     Profit: 163081.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16340,7 +16340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23501.25,
                     COGS: 11750,
                     Profit: 11751.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16356,7 +16356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1090932.5,
                     COGS: 521820,
                     Profit: 569112.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16372,7 +16372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 499922.5,
                     COGS: 559260,
                     Profit: 59337.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16388,7 +16388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37090.8,
                     COGS: 2742,
                     Profit: 34348.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16404,7 +16404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21221,
                     COGS: 2930,
                     Profit: 18291,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16420,7 +16420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32436,
                     COGS: 1500,
                     Profit: 30936,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16436,7 +16436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11236.5,
                     COGS: 28260,
                     Profit: 17023.5,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -16452,7 +16452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 382568.75,
                     COGS: 79560,
                     Profit: 303008.75,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -16468,7 +16468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1180770,
                     COGS: 643500,
                     Profit: 537270,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16484,7 +16484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 191912.5,
                     COGS: 292560,
                     Profit: 100647.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -16500,7 +16500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34114.8,
                     COGS: 2742,
                     Profit: 31372.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16516,7 +16516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78763.5,
                     COGS: 8655,
                     Profit: 70108.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -16532,7 +16532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30468,
                     COGS: 4920,
                     Profit: 25548,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -16548,7 +16548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32139,
                     COGS: 2670,
                     Profit: 29469,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16564,7 +16564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 881.25,
                     COGS: 11750,
                     Profit: 10868.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16580,7 +16580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 396737.5,
                     COGS: 354480,
                     Profit: 42257.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16596,7 +16596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 252900,
                     COGS: 66240,
                     Profit: 186660,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -16612,7 +16612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46141,
                     COGS: 2930,
                     Profit: 43211,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16628,7 +16628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 457725,
                     COGS: 618750,
                     Profit: 161025,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16644,7 +16644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 169530,
                     COGS: 136500,
                     Profit: 33030,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16660,7 +16660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23910.6,
                     COGS: 6840,
                     Profit: 17070.6,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -16676,7 +16676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21787.85,
                     COGS: 3615,
                     Profit: 18172.85,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -16692,7 +16692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2665.2,
                     COGS: 5418,
                     Profit: 2752.8,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/src/PivotSalesData.ts b/samples/grids/pivot-grid/aggregate-units-sold/src/PivotSalesData.ts
index b4f51a3736..29196f5db4 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/src/PivotSalesData.ts
+++ b/samples/grids/pivot-grid/aggregate-units-sold/src/PivotSalesData.ts
@@ -36,7 +36,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26440,
                     COGS: 16185,
                     Profit: 11255,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -52,7 +52,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27440,
                     COGS: 16185,
                     Profit: 11255,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -68,7 +68,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55240,
                     COGS: 13210,
                     Profit: 42030,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -84,7 +84,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21960,
                     COGS: 21780,
                     Profit: 180,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -100,7 +100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10785,
                     COGS: 8880,
                     Profit: 1905,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -116,7 +116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 53640,
                     COGS: 24700,
                     Profit: 28940,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -132,7 +132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1547700,
                     COGS: 393380,
                     Profit: 1154320,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -148,7 +148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54735,
                     COGS: 9210,
                     Profit: 45525,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -164,7 +164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50064,
                     COGS: 7554,
                     Profit: 42510,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -180,7 +180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76820,
                     COGS: 18990,
                     Profit: 57830,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -196,7 +196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44712,
                     COGS: 4635,
                     Profit: 40077,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -212,7 +212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39375,
                     COGS: 24700,
                     Profit: 14675,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -228,7 +228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 244750,
                     COGS: 319860,
                     Profit: 75110,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -244,7 +244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 981300,
                     COGS: 239500,
                     Profit: 741800,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -260,7 +260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14637,
                     COGS: 10730,
                     Profit: 3907,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -276,7 +276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42375,
                     COGS: 6150,
                     Profit: 36225,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -292,7 +292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50260,
                     COGS: 2920,
                     Profit: 47340,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -308,7 +308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13245,
                     COGS: 9740,
                     Profit: 3505,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -324,7 +324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25044,
                     COGS: 7554,
                     Profit: 17490,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -340,7 +340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 897050,
                     COGS: 261560,
                     Profit: 635490,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -356,7 +356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34152,
                     COGS: 1101,
                     Profit: 33051,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -372,7 +372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6979,
                     COGS: 4415,
                     Profit: 2564,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -388,7 +388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34350,
                     COGS: 24720,
                     Profit: 9630,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -404,7 +404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14931,
                     COGS: 5715,
                     Profit: 9216,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -420,7 +420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 72340,
                     COGS: 18170,
                     Profit: 54170,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -436,7 +436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 443100,
                     COGS: 393380,
                     Profit: 49720,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -452,7 +452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6258,
                     COGS: 7465,
                     Profit: 1207,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -468,7 +468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 340625,
                     COGS: 216480,
                     Profit: 124145,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -484,7 +484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36732,
                     COGS: 6483,
                     Profit: 30249,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -500,7 +500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1385300,
                     COGS: 261560,
                     Profit: 1123740,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -516,7 +516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47040,
                     COGS: 4635,
                     Profit: 42405,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -532,7 +532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422625,
                     COGS: 338520,
                     Profit: 84105,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -548,7 +548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1292100,
                     COGS: 500250,
                     Profit: 791850,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -564,7 +564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10536,
                     COGS: 8514,
                     Profit: 2022,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -580,7 +580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7440,
                     COGS: 21780,
                     Profit: 14340,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -596,7 +596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50505,
                     COGS: 8880,
                     Profit: 41625,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -612,7 +612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616500,
                     COGS: 537750,
                     Profit: 78750,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -628,7 +628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 80820,
                     COGS: 18170,
                     Profit: 62650,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -644,7 +644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1132950,
                     COGS: 715000,
                     Profit: 417950,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -660,7 +660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7560,
                     COGS: 5859,
                     Profit: 1701,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -676,7 +676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 526250,
                     COGS: 506340,
                     Profit: 19910,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -692,7 +692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22540,
                     COGS: 18990,
                     Profit: 3550,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -708,7 +708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24066,
                     COGS: 8430,
                     Profit: 15636,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -724,7 +724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24180,
                     COGS: 6423,
                     Profit: 17757,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -740,7 +740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17738,
                     COGS: 5715,
                     Profit: 12023,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -756,7 +756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20760,
                     COGS: 6150,
                     Profit: 14610,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -772,7 +772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24650.85,
                     COGS: 19725,
                     Profit: 4925.85,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -788,7 +788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27000.6,
                     COGS: 22960,
                     Profit: 4040.6,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -804,7 +804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19492.9,
                     COGS: 5150,
                     Profit: 14342.9,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -820,7 +820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3154.27,
                     COGS: 3195,
                     Profit: 40.73,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -836,7 +836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26402.18,
                     COGS: 6630,
                     Profit: 19772.18,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -852,7 +852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8753.04,
                     COGS: 5574,
                     Profit: 3179.04,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -868,7 +868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 353115,
                     COGS: 314600,
                     Profit: 38515,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -884,7 +884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14354.97,
                     COGS: 12645,
                     Profit: 1709.97,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -900,7 +900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51618.6,
                     COGS: 4335,
                     Profit: 47283.6,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -916,7 +916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49767.48,
                     COGS: 8013,
                     Profit: 41754.48,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -932,7 +932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1302710.5,
                     COGS: 363220,
                     Profit: 939490.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -948,7 +948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 662357.5,
                     COGS: 560300,
                     Profit: 102057.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -964,7 +964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40797.9,
                     COGS: 22140,
                     Profit: 18657.9,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -980,7 +980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 442797,
                     COGS: 575250,
                     Profit: 132453,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -996,7 +996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 75164.9,
                     COGS: 13755,
                     Profit: 61409.9,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -1012,7 +1012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7655.9,
                     COGS: 9150,
                     Profit: 1494.1,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -1028,7 +1028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35292.9,
                     COGS: 15140,
                     Profit: 20152.9,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -1044,7 +1044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10787.52,
                     COGS: 22462.5,
                     Profit: 11674.98,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1060,7 +1060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422341.25,
                     COGS: 87240,
                     Profit: 335101.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1076,7 +1076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 105516.25,
                     COGS: 94440,
                     Profit: 11076.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1092,7 +1092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 345596.25,
                     COGS: 218760,
                     Profit: 126836.25,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -1108,7 +1108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40147.95,
                     COGS: 7470,
                     Profit: 32677.95,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -1124,7 +1124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1216185,
                     COGS: 726250,
                     Profit: 489935,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1140,7 +1140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 978057.5,
                     COGS: 560300,
                     Profit: 417757.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1156,7 +1156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 85107.2,
                     COGS: 38640,
                     Profit: 46467.2,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1172,7 +1172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19966.66,
                     COGS: 1810,
                     Profit: 18156.66,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1188,7 +1188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174721.25,
                     COGS: 110760,
                     Profit: 63961.25,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -1204,7 +1204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8836.59,
                     COGS: 1315,
                     Profit: 7521.59,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1220,7 +1220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1358897.75,
                     COGS: 245310,
                     Profit: 1113587.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1236,7 +1236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 382591.25,
                     COGS: 87240,
                     Profit: 295351.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1252,7 +1252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 271641.25,
                     COGS: 94440,
                     Profit: 177201.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1268,7 +1268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 403842,
                     COGS: 246500,
                     Profit: 177201.25,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1284,7 +1284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630010.5,
                     COGS: 363220,
                     Profit: 266790.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1300,7 +1300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 184695,
                     COGS: 209280,
                     Profit: 24585,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1316,7 +1316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 181018.75,
                     COGS: 89100,
                     Profit: 91918.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1332,7 +1332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2269.2,
                     COGS: 3885,
                     Profit: 1615.8,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1348,7 +1348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178136,
                     COGS: 741520,
                     Profit: 563384,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1364,7 +1364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38785.92,
                     COGS: 3426,
                     Profit: 35359.92,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1380,7 +1380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14813.6,
                     COGS: 15660,
                     Profit: 846.4,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1396,7 +1396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13454.4,
                     COGS: 2070,
                     Profit: 11384.4,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1412,7 +1412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17186.1,
                     COGS: 23630,
                     Profit: 6443.9,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -1428,7 +1428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 753492,
                     COGS: 229500,
                     Profit: 523992,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1444,7 +1444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1024932,
                     COGS: 432000,
                     Profit: 592932,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1460,7 +1460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36433.92,
                     COGS: 3426,
                     Profit: 33007.92,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1476,7 +1476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 492970,
                     COGS: 79440,
                     Profit: 413530,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1492,7 +1492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41017.2,
                     COGS: 3885,
                     Profit: 37132.2,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1508,7 +1508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 934704,
                     COGS: 479000,
                     Profit: 455704,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1524,7 +1524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1417836,
                     COGS: 741520,
                     Profit: 676316,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1540,7 +1540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 463177.5,
                     COGS: 327480,
                     Profit: 135697.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1556,7 +1556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27754.8,
                     COGS: 3165,
                     Profit: 24589.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1572,7 +1572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6699.84,
                     COGS: 3252,
                     Profit: 3447.84,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1588,7 +1588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51573.6,
                     COGS: 15660,
                     Profit: 35913.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1604,7 +1604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 490511,
                     COGS: 748020,
                     Profit: 257509,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1620,7 +1620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45034.8,
                     COGS: 3165,
                     Profit: 41869.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1636,7 +1636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30603.84,
                     COGS: 3252,
                     Profit: 27351.84,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1652,7 +1652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38345,
                     COGS: 79440,
                     Profit: 41095,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1668,7 +1668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1126111,
                     COGS: 748020,
                     Profit: 378091,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -1684,7 +1684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 440927.5,
                     COGS: 327480,
                     Profit: 113447.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1700,7 +1700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1215246,
                     COGS: 64750,
                     Profit: 1150496,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1716,7 +1716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 636594,
                     COGS: 275250,
                     Profit: 361344,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1732,7 +1732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 432060,
                     COGS: 273120,
                     Profit: 158940,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -1748,7 +1748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13085.6,
                     COGS: 12360,
                     Profit: 725.6,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1764,7 +1764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46643.6,
                     COGS: 9410,
                     Profit: 37233.6,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -1780,7 +1780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 601404,
                     COGS: 479000,
                     Profit: 122404,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1796,7 +1796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 429711.88,
                     COGS: 509220,
                     Profit: 79508.13,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1812,7 +1812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26472,
                     COGS: 25800,
                     Profit: 672,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -1828,7 +1828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616899,
                     COGS: 172250,
                     Profit: 444649,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1844,7 +1844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43015.08,
                     COGS: 5841,
                     Profit: 37174.08,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -1860,7 +1860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20308.82,
                     COGS: 9790,
                     Profit: 10518.82,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -1876,7 +1876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13727.64,
                     COGS: 5703,
                     Profit: 8024.64,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1892,7 +1892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16132.76,
                     COGS: 2720,
                     Profit: 13412.76,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -1908,7 +1908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 491673.75,
                     COGS: 154440,
                     Profit: 337233.75,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1924,7 +1924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 478352.5,
                     COGS: 204720,
                     Profit: 273632.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -1940,7 +1940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 661489.5,
                     COGS: 608625,
                     Profit: 52864.5,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -1956,7 +1956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127722.5,
                     COGS: 212880,
                     Profit: 85157.5,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -1972,7 +1972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47915.64,
                     COGS: 5703,
                     Profit: 42212.64,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -1988,7 +1988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 904299,
                     COGS: 172250,
                     Profit: 732049,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2004,7 +2004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 448612.5,
                     COGS: 188400,
                     Profit: 260212.5,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2020,7 +2020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16054.98,
                     COGS: 4108.5,
                     Profit: 11946.48,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2036,7 +2036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553966.25,
                     COGS: 241080,
                     Profit: 312886.25,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2052,7 +2052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 213173.75,
                     COGS: 154440,
                     Profit: 58733.75,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2068,7 +2068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 286227.5,
                     COGS: 204720,
                     Profit: 81507.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2084,7 +2084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 471841.25,
                     COGS: 241080,
                     Profit: 230761.25,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2100,7 +2100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322704,
                     COGS: 711000,
                     Profit: 388296,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2116,7 +2116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9822.24,
                     COGS: 5748,
                     Profit: 4074.24,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2132,7 +2132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207237.5,
                     COGS: 188400,
                     Profit: 18837.5,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2148,7 +2148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 524634,
                     COGS: 468500,
                     Profit: 56134,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2164,7 +2164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 118909,
                     COGS: 426920,
                     Profit: 308011,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2180,7 +2180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28681.4,
                     COGS: 8310,
                     Profit: 20371.4,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2196,7 +2196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 82409.7,
                     COGS: 38505,
                     Profit: 43904.7,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2212,7 +2212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42631.56,
                     COGS: 7437,
                     Profit: 35194.56,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2228,7 +2228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25121.4,
                     COGS: 20310,
                     Profit: 4811.4,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2244,7 +2244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3386.4,
                     COGS: 20310,
                     Profit: 16923.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2260,7 +2260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 342348,
                     COGS: 505250,
                     Profit: 162902,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2276,7 +2276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 167314,
                     COGS: 71240,
                     Profit: 96074,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2292,7 +2292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 60814.8,
                     COGS: 19670,
                     Profit: 41144.8,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2308,7 +2308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 800592,
                     COGS: 464750,
                     Profit: 335842,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2324,7 +2324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1313748,
                     COGS: 505250,
                     Profit: 808498,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2340,7 +2340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 148310,
                     COGS: 136560,
                     Profit: 11750,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2356,7 +2356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16911.72,
                     COGS: 21255,
                     Profit: 4343.28,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2372,7 +2372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 162525,
                     COGS: 95400,
                     Profit: 67125,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2388,7 +2388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1329126,
                     COGS: 353625,
                     Profit: 975501,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2404,7 +2404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1123584,
                     COGS: 729500,
                     Profit: 394084,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2420,7 +2420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 569450,
                     COGS: 897000,
                     Profit: 327550,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2436,7 +2436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 426685,
                     COGS: 358560,
                     Profit: 68125,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2452,7 +2452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30109.2,
                     COGS: 2180,
                     Profit: 27929.2,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2468,7 +2468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57100.8,
                     COGS: 20740,
                     Profit: 36360.8,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2484,7 +2484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 66195.2,
                     COGS: 10560,
                     Profit: 55635.2,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2500,7 +2500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 846664,
                     COGS: 71240,
                     Profit: 775424,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2516,7 +2516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61185,
                     COGS: 136560,
                     Profit: 75375,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2532,7 +2532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17572.8,
                     COGS: 4395,
                     Profit: 13177.8,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2548,7 +2548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 593222,
                     COGS: 566020,
                     Profit: 27202,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2564,7 +2564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3748.32,
                     COGS: 2598,
                     Profit: 1150.32,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2580,7 +2580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1197672,
                     COGS: 566020,
                     Profit: 631652,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2596,7 +2596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1003940,
                     COGS: 484900,
                     Profit: 519040,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2612,7 +2612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 499255,
                     COGS: 128880,
                     Profit: 370375,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2628,7 +2628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1424402,
                     COGS: 495820,
                     Profit: 928582,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -2644,7 +2644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4594.8,
                     COGS: 6860,
                     Profit: 2265.2,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2660,7 +2660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15333.85,
                     COGS: 13445,
                     Profit: 1888.85,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2676,7 +2676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6641.4,
                     COGS: 7293,
                     Profit: 651.6,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2692,7 +2692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34421.4,
                     COGS: 7293,
                     Profit: 27128.4,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2708,7 +2708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6562.85,
                     COGS: 13445,
                     Profit: 6882.15,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -2724,7 +2724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6746.95,
                     COGS: 8415,
                     Profit: 1668.05,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2740,7 +2740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4954.2,
                     COGS: 3369,
                     Profit: 1585.2,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -2756,7 +2756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49761,
                     COGS: 5595,
                     Profit: 44166,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2772,7 +2772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23042.4,
                     COGS: 3348,
                     Profit: 19694.4,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2788,7 +2788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38117,
                     COGS: 15630,
                     Profit: 22487,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2804,7 +2804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 129135,
                     COGS: 247750,
                     Profit: 118615,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -2820,7 +2820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15981.75,
                     COGS: 27910,
                     Profit: 11928.25,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -2836,7 +2836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17160.5,
                     COGS: 2850,
                     Profit: 14310.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2852,7 +2852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19611.55,
                     COGS: 12435,
                     Profit: 7176.55,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -2868,7 +2868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1099271.25,
                     COGS: 359970,
                     Profit: 739301.25,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -2884,7 +2884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 379956.25,
                     COGS: 435240,
                     Profit: 55283.75,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -2900,7 +2900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12118.8,
                     COGS: 7026,
                     Profit: 5092.8,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -2916,7 +2916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30897,
                     COGS: 13030,
                     Profit: 17867,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -2932,7 +2932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 493800,
                     COGS: 359040,
                     Profit: 134760,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2948,7 +2948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 111593.75,
                     COGS: 286200,
                     Profit: 174606.25,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -2964,7 +2964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 976995,
                     COGS: 401750,
                     Profit: 575245,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -2980,7 +2980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26870.55,
                     COGS: 11635,
                     Profit: 15235.55,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -2996,7 +2996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1289235,
                     COGS: 247750,
                     Profit: 1041485,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3012,7 +3012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 531265,
                     COGS: 156520,
                     Profit: 374745,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3028,7 +3028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30330,
                     COGS: 26200,
                     Profit: 4130,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -3044,7 +3044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 510368.75,
                     COGS: 103320,
                     Profit: 407048.75,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3060,7 +3060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 64857,
                     COGS: 26630,
                     Profit: 38227,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3076,7 +3076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33243.75,
                     COGS: 5550,
                     Profit: 27693.75,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3092,7 +3092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18254.25,
                     COGS: 28610,
                     Profit: 10355.75,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3108,7 +3108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29831.25,
                     COGS: 96840,
                     Profit: 67008.75,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3124,7 +3124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 871815,
                     COGS: 156520,
                     Profit: 715295,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3140,7 +3140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45828,
                     COGS: 28320,
                     Profit: 17508,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3156,7 +3156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33181,
                     COGS: 15790,
                     Profit: 17391,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3172,7 +3172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 132868.75,
                     COGS: 103320,
                     Profit: 29548.75,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3188,7 +3188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45150,
                     COGS: 312500,
                     Profit: 267350,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3204,7 +3204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55917,
                     COGS: 26630,
                     Profit: 29287,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3220,7 +3220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16523.5,
                     COGS: 2850,
                     Profit: 13673.5,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3236,7 +3236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20731.55,
                     COGS: 12435,
                     Profit: 8296.55,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3252,7 +3252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 237125,
                     COGS: 351000,
                     Profit: 113875,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3268,7 +3268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 433440,
                     COGS: 143520,
                     Profit: 289920,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3284,7 +3284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1267350,
                     COGS: 312500,
                     Profit: 954850,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3300,7 +3300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44474.1,
                     COGS: 38010,
                     Profit: 6464.1,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -3316,7 +3316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37999,
                     COGS: 11175,
                     Profit: 26824,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3332,7 +3332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6905.4,
                     COGS: 28440,
                     Profit: 21534.6,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3348,7 +3348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41223.36,
                     COGS: 1686,
                     Profit: 39537.36,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -3364,7 +3364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46398,
                     COGS: 20300,
                     Profit: 26098,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3380,7 +3380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 665070,
                     COGS: 254800,
                     Profit: 410270,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -3396,7 +3396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 732690,
                     COGS: 379600,
                     Profit: 353090,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3412,7 +3412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24499.44,
                     COGS: 8169,
                     Profit: 16330.44,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3428,7 +3428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630084,
                     COGS: 388960,
                     Profit: 241124,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3444,7 +3444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 294985,
                     COGS: 114240,
                     Profit: 180745,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3460,7 +3460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 124087.5,
                     COGS: 330600,
                     Profit: 206512.5,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3476,7 +3476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10668,
                     COGS: 15300,
                     Profit: 4632,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3492,7 +3492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1265334,
                     COGS: 388960,
                     Profit: 876374,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3508,7 +3508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3493.84,
                     COGS: 7490,
                     Profit: 3996.16,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3524,7 +3524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57425.4,
                     COGS: 28440,
                     Profit: 28985.4,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3540,7 +3540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29162.84,
                     COGS: 7490,
                     Profit: 21672.84,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3556,7 +3556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 255093.75,
                     COGS: 238500,
                     Profit: 16593.75,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3572,7 +3572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127841,
                     COGS: 436540,
                     Profit: 308699,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -3588,7 +3588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20191.8,
                     COGS: 21980,
                     Profit: 1788.2,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3604,7 +3604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55401.3,
                     COGS: 17430,
                     Profit: 37971.3,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3620,7 +3620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5667.3,
                     COGS: 11530,
                     Profit: 5862.7,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3636,7 +3636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13698.8,
                     COGS: 10010,
                     Profit: 3688.8,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3652,7 +3652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11564.14,
                     COGS: 6665,
                     Profit: 4899.14,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3668,7 +3668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25347.3,
                     COGS: 11530,
                     Profit: 13817.3,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3684,7 +3684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3445.32,
                     COGS: 2181,
                     Profit: 1264.32,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -3700,7 +3700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45349.44,
                     COGS: 5652,
                     Profit: 39697.44,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -3716,7 +3716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51710.4,
                     COGS: 7020,
                     Profit: 44690.4,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -3732,7 +3732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2628.72,
                     COGS: 7026,
                     Profit: 4397.28,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3748,7 +3748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14604.9,
                     COGS: 12620,
                     Profit: 1984.9,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3764,7 +3764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28024.85,
                     COGS: 5675,
                     Profit: 22349.85,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3780,7 +3780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27549.97,
                     COGS: 2735,
                     Profit: 24814.97,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -3796,7 +3796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25285.82,
                     COGS: 7910,
                     Profit: 17375.82,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3812,7 +3812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27759.66,
                     COGS: 5215.5,
                     Profit: 22544.16,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -3828,7 +3828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11565.82,
                     COGS: 7910,
                     Profit: 3655.82,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -3844,7 +3844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30754.85,
                     COGS: 5675,
                     Profit: 25079.85,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3860,7 +3860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 392955.5,
                     COGS: 457860,
                     Profit: 64904.5,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -3876,7 +3876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 475092,
                     COGS: 112000,
                     Profit: 363092,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3892,7 +3892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178899,
                     COGS: 545250,
                     Profit: 366351,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3908,7 +3908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23593.6,
                     COGS: 19760,
                     Profit: 3833.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3924,7 +3924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 818799,
                     COGS: 545250,
                     Profit: 273549,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -3940,7 +3940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 709458,
                     COGS: 425500,
                     Profit: 283958,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -3956,7 +3956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 941292,
                     COGS: 112000,
                     Profit: 829292,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -3972,7 +3972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 479261.25,
                     COGS: 421560,
                     Profit: 57701.25,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -3988,7 +3988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56938.95,
                     COGS: 21010,
                     Profit: 35928.95,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4004,7 +4004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2911,
                     COGS: 15350,
                     Profit: 12439,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4020,7 +4020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 204861,
                     COGS: 414750,
                     Profit: 209889,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -4036,7 +4036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 77987.4,
                     COGS: 6090,
                     Profit: 71897.4,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4052,7 +4052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 293988.75,
                     COGS: 250440,
                     Profit: 43548.75,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4068,7 +4068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47573.6,
                     COGS: 19760,
                     Profit: 27813.6,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -4084,7 +4084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 314688,
                     COGS: 343000,
                     Profit: 28312,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4100,7 +4100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43042.62,
                     COGS: 9733.5,
                     Profit: 33309.12,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -4116,7 +4116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 336261,
                     COGS: 239750,
                     Profit: 96511,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -4132,7 +4132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 612213,
                     COGS: 686750,
                     Profit: 74537,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -4148,7 +4148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38231.25,
                     COGS: 197400,
                     Profit: 159168.75,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4164,7 +4164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23688,
                     COGS: 747760,
                     Profit: 724072,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4180,7 +4180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17474.8,
                     COGS: 11180,
                     Profit: 6294.8,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4196,7 +4196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 860388,
                     COGS: 343000,
                     Profit: 517388,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4212,7 +4212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10261.72,
                     COGS: 2440,
                     Profit: 7821.72,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -4228,7 +4228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31508.8,
                     COGS: 12820,
                     Profit: 18688.8,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4244,7 +4244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29599.08,
                     COGS: 1285,
                     Profit: 28314.08,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4260,7 +4260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31488.8,
                     COGS: 12820,
                     Profit: 18668.8,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4276,7 +4276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 365975,
                     COGS: 184800,
                     Profit: 181175,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4292,7 +4292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49992,
                     COGS: 4900,
                     Profit: 45092,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4308,7 +4308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 551964,
                     COGS: 354120,
                     Profit: 197844,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4324,7 +4324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43288.8,
                     COGS: 25010,
                     Profit: 18278.8,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -4340,7 +4340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 81867.2,
                     COGS: 7080,
                     Profit: 74787.2,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4356,7 +4356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59508,
                     COGS: 6450,
                     Profit: 53058,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -4372,7 +4372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1270212,
                     COGS: 390500,
                     Profit: 879712,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4388,7 +4388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22981.8,
                     COGS: 7110,
                     Profit: 15871.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4404,7 +4404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 323735,
                     COGS: 133680,
                     Profit: 190055,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -4420,7 +4420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23101.96,
                     COGS: 6295,
                     Profit: 16806.96,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4436,7 +4436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19091.8,
                     COGS: 5475,
                     Profit: 13616.8,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4452,7 +4452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57094.4,
                     COGS: 13660,
                     Profit: 43434.4,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4468,7 +4468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1192860,
                     COGS: 615000,
                     Profit: 577860,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4484,7 +4484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7719.32,
                     COGS: 3390,
                     Profit: 4329.32,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4500,7 +4500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20560.12,
                     COGS: 7990,
                     Profit: 12570.12,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4516,7 +4516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78505.6,
                     COGS: 19340,
                     Profit: 59165.6,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4532,7 +4532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29471.2,
                     COGS: 29930,
                     Profit: 458.8,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4548,7 +4548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553714,
                     COGS: 354120,
                     Profit: 199594,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4564,7 +4564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27085.92,
                     COGS: 1794,
                     Profit: 25291.92,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -4580,7 +4580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22179.08,
                     COGS: 14535,
                     Profit: 7644.08,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4596,7 +4596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14706.72,
                     COGS: 11690,
                     Profit: 3016.72,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4612,7 +4612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1210560,
                     COGS: 158750,
                     Profit: 1051810,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4628,7 +4628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 911764,
                     COGS: 149370,
                     Profit: 762394,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4644,7 +4644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26487.72,
                     COGS: 11690,
                     Profit: 14797.72,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4660,7 +4660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 868532,
                     COGS: 99060,
                     Profit: 769472,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4676,7 +4676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 948934,
                     COGS: 109720,
                     Profit: 839214,
-                    Date: `2020-08-01`,
+                    Date: `08/01/2020`,
                     MonthName: `August`,
                     Year: 2020
                 }),
@@ -4692,7 +4692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 519684,
                     COGS: 533500,
                     Profit: 13816,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -4708,7 +4708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57147.2,
                     COGS: 7080,
                     Profit: 50067.2,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4724,7 +4724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11595.08,
                     COGS: 14535,
                     Profit: 2939.92,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4740,7 +4740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27134.4,
                     COGS: 13660,
                     Profit: 13474.4,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4756,7 +4756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207060,
                     COGS: 615000,
                     Profit: 407940,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4772,7 +4772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5468,
                     COGS: 15200,
                     Profit: 9732,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4788,7 +4788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24541.8,
                     COGS: 7110,
                     Profit: 17431.8,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4804,7 +4804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 779460,
                     COGS: 158750,
                     Profit: 620710,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4820,7 +4820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71461.6,
                     COGS: 4365,
                     Profit: 67096.6,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -4836,7 +4836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 292362,
                     COGS: 273500,
                     Profit: 18862,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4852,7 +4852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 547432.5,
                     COGS: 950625,
                     Profit: 403192.5,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4868,7 +4868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 409171,
                     COGS: 433160,
                     Profit: 23989,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -4884,7 +4884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12517.32,
                     COGS: 6963,
                     Profit: 5554.32,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -4900,7 +4900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 113033.75,
                     COGS: 335640,
                     Profit: 222606.25,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -4916,7 +4916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 276645,
                     COGS: 641250,
                     Profit: 364605,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -4932,7 +4932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 875864.5,
                     COGS: 628420,
                     Profit: 247444.5,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -4948,7 +4948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49908.75,
                     COGS: 36750,
                     Profit: 13158.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -4964,7 +4964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 855462,
                     COGS: 273500,
                     Profit: 581962,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -4980,7 +4980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25658.55,
                     COGS: 12270,
                     Profit: 13388.55,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -4996,7 +4996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 302352,
                     COGS: 331000,
                     Profit: 28648,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -5012,7 +5012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76283.75,
                     COGS: 335640,
                     Profit: 259356.25,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -5028,7 +5028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56744.25,
                     COGS: 2450,
                     Profit: 54294.25,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -5044,7 +5044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322075.5,
                     COGS: 948375,
                     Profit: 626299.5,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5060,7 +5060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 739679.5,
                     COGS: 339820,
                     Profit: 399859.5,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5076,7 +5076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 449746.25,
                     COGS: 68040,
                     Profit: 381706.25,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5092,7 +5092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 344762.5,
                     COGS: 253200,
                     Profit: 91562.5,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5108,7 +5108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1148276.5,
                     COGS: 329940,
                     Profit: 818336.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5124,7 +5124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29687.52,
                     COGS: 5868,
                     Profit: 23819.52,
-                    Date: `2020-01-01`,
+                    Date: `01/01/2020`,
                     MonthName: `January`,
                     Year: 2020
                 }),
@@ -5140,7 +5140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 103707,
                     COGS: 664750,
                     Profit: 561043,
-                    Date: `2020-02-01`,
+                    Date: `02/01/2020`,
                     MonthName: `February`,
                     Year: 2020
                 }),
@@ -5156,7 +5156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 418027.75,
                     COGS: 351390,
                     Profit: 66637.75,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -5172,7 +5172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52557.6,
                     COGS: 2640,
                     Profit: 49917.6,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -5188,7 +5188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 762891,
                     COGS: 466750,
                     Profit: 296141,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5204,7 +5204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52538.55,
                     COGS: 12270,
                     Profit: 40268.55,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5220,7 +5220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 221008.75,
                     COGS: 105240,
                     Profit: 115768.75,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -5236,7 +5236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 983363.5,
                     COGS: 538460,
                     Profit: 444903.5,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5252,7 +5252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 953326.5,
                     COGS: 329940,
                     Profit: 623386.5,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5268,7 +5268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27670.8,
                     COGS: 16940,
                     Profit: 10730.8,
-                    Date: `2020-11-01`,
+                    Date: `11/01/2020`,
                     MonthName: `November`,
                     Year: 2020
                 }),
@@ -5284,7 +5284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24626.6,
                     COGS: 6630,
                     Profit: 17996.6,
-                    Date: `2020-05-01`,
+                    Date: `05/01/2020`,
                     MonthName: `May`,
                     Year: 2020
                 }),
@@ -5300,7 +5300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7975.03,
                     COGS: 4095,
                     Profit: 3880.03,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5316,7 +5316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26733.6,
                     COGS: 4740,
                     Profit: 21993.6,
-                    Date: `2020-09-01`,
+                    Date: `09/01/2020`,
                     MonthName: `September`,
                     Year: 2020
                 }),
@@ -5332,7 +5332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13524.77,
                     COGS: 2605,
                     Profit: 10919.77,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -5348,7 +5348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55828.6,
                     COGS: 9730,
                     Profit: 46098.6,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -5364,7 +5364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32271.6,
                     COGS: 10380,
                     Profit: 21891.6,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -5380,7 +5380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20304.2,
                     COGS: 1800,
                     Profit: 18504.2,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5396,7 +5396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10043.64,
                     COGS: 5901,
                     Profit: 4142.64,
-                    Date: `2020-03-01`,
+                    Date: `03/01/2020`,
                     MonthName: `March`,
                     Year: 2020
                 }),
@@ -5412,7 +5412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6847.2,
                     COGS: 26280,
                     Profit: 19432.8,
-                    Date: `2020-04-01`,
+                    Date: `04/01/2020`,
                     MonthName: `April`,
                     Year: 2020
                 }),
@@ -5428,7 +5428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25960.2,
                     COGS: 1800,
                     Profit: 24160.2,
-                    Date: `2020-10-01`,
+                    Date: `10/01/2020`,
                     MonthName: `October`,
                     Year: 2020
                 }),
@@ -5444,7 +5444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27636.77,
                     COGS: 2605,
                     Profit: 25031.77,
-                    Date: `2020-12-01`,
+                    Date: `12/01/2020`,
                     MonthName: `December`,
                     Year: 2020
                 }),
@@ -5460,7 +5460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17191.6,
                     COGS: 10380,
                     Profit: 6811.6,
-                    Date: `2020-06-01`,
+                    Date: `06/01/2020`,
                     MonthName: `June`,
                     Year: 2020
                 }),
@@ -5476,7 +5476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35748.82,
                     COGS: 16305,
                     Profit: 19443.82,
-                    Date: `2020-07-01`,
+                    Date: `07/01/2020`,
                     MonthName: `July`,
                     Year: 2020
                 }),
@@ -5492,7 +5492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27440,
                     COGS: 16185,
                     Profit: 11255,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -5508,7 +5508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55240,
                     COGS: 13210,
                     Profit: 42030,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -5524,7 +5524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21960,
                     COGS: 21780,
                     Profit: 180,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5540,7 +5540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10785,
                     COGS: 8880,
                     Profit: 1905,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5556,7 +5556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 53640,
                     COGS: 24700,
                     Profit: 28940,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5572,7 +5572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1547700,
                     COGS: 393380,
                     Profit: 1154320,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -5588,7 +5588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54735,
                     COGS: 9210,
                     Profit: 45525,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -5604,7 +5604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50064,
                     COGS: 7554,
                     Profit: 42510,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5620,7 +5620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76820,
                     COGS: 18990,
                     Profit: 57830,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5636,7 +5636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44712,
                     COGS: 4635,
                     Profit: 40077,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5652,7 +5652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39375,
                     COGS: 24700,
                     Profit: 14675,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5668,7 +5668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 244750,
                     COGS: 319860,
                     Profit: 75110,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -5684,7 +5684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 981300,
                     COGS: 239500,
                     Profit: 741800,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -5700,7 +5700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14637,
                     COGS: 10730,
                     Profit: 3907,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -5716,7 +5716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 316250,
                     COGS: 41400,
                     Profit: 274850,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -5732,7 +5732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42375,
                     COGS: 6150,
                     Profit: 36225,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -5748,7 +5748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50260,
                     COGS: 2920,
                     Profit: 47340,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -5764,7 +5764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13245,
                     COGS: 9740,
                     Profit: 3505,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -5780,7 +5780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25044,
                     COGS: 7554,
                     Profit: 17490,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5796,7 +5796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 897050,
                     COGS: 261560,
                     Profit: 635490,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -5812,7 +5812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34152,
                     COGS: 1101,
                     Profit: 33051,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -5828,7 +5828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6979,
                     COGS: 4415,
                     Profit: 2564,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -5844,7 +5844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51315,
                     COGS: 5490,
                     Profit: 45825,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -5860,7 +5860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1050000,
                     COGS: 5490,
                     Profit: 1044510,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -5876,7 +5876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 687300,
                     COGS: 197000,
                     Profit: 490300,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -5892,7 +5892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34350,
                     COGS: 24720,
                     Profit: 9630,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -5908,7 +5908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14931,
                     COGS: 5715,
                     Profit: 9216,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -5924,7 +5924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1216250,
                     COGS: 448500,
                     Profit: 767750,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -5940,7 +5940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44232,
                     COGS: 2736,
                     Profit: 41496,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -5956,7 +5956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49785,
                     COGS: 21520,
                     Profit: 28265,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -5972,7 +5972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 72340,
                     COGS: 18170,
                     Profit: 54170,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -5988,7 +5988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 443100,
                     COGS: 393380,
                     Profit: 49720,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6004,7 +6004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6258,
                     COGS: 7465,
                     Profit: 1207,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -6020,7 +6020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 340625,
                     COGS: 216480,
                     Profit: 124145,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6036,7 +6036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36732,
                     COGS: 6483,
                     Profit: 30249,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6052,7 +6052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1385300,
                     COGS: 261560,
                     Profit: 1123740,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6068,7 +6068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47040,
                     COGS: 4635,
                     Profit: 42405,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6084,7 +6084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422625,
                     COGS: 338520,
                     Profit: 84105,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6100,7 +6100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 136750,
                     COGS: 41400,
                     Profit: 95350,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6116,7 +6116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1292100,
                     COGS: 500250,
                     Profit: 791850,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6132,7 +6132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10536,
                     COGS: 8514,
                     Profit: 2022,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6148,7 +6148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7440,
                     COGS: 21780,
                     Profit: 14340,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6164,7 +6164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50505,
                     COGS: 8880,
                     Profit: 41625,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6180,7 +6180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1358000,
                     COGS: 397020,
                     Profit: 960980,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -6196,7 +6196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616500,
                     COGS: 537750,
                     Profit: 78750,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6212,7 +6212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 80820,
                     COGS: 18170,
                     Profit: 62650,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6228,7 +6228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1132950,
                     COGS: 715000,
                     Profit: 417950,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6244,7 +6244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7560,
                     COGS: 5859,
                     Profit: 1701,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6260,7 +6260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 526250,
                     COGS: 506340,
                     Profit: 19910,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6276,7 +6276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22540,
                     COGS: 18990,
                     Profit: 3550,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6292,7 +6292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24066,
                     COGS: 8430,
                     Profit: 15636,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6308,7 +6308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24180,
                     COGS: 6423,
                     Profit: 17757,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6324,7 +6324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17738,
                     COGS: 5715,
                     Profit: 12023,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -6340,7 +6340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20760,
                     COGS: 6150,
                     Profit: 14610,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6356,7 +6356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24650.85,
                     COGS: 19725,
                     Profit: 4925.85,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -6372,7 +6372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27000.6,
                     COGS: 22960,
                     Profit: 4040.6,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6388,7 +6388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19492.9,
                     COGS: 5150,
                     Profit: 14342.9,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -6404,7 +6404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3154.27,
                     COGS: 3195,
                     Profit: 40.73,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -6420,7 +6420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26402.18,
                     COGS: 6630,
                     Profit: 19772.18,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6436,7 +6436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8753.04,
                     COGS: 5574,
                     Profit: 3179.04,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6452,7 +6452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 353115,
                     COGS: 314600,
                     Profit: 38515,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6468,7 +6468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14354.97,
                     COGS: 12645,
                     Profit: 1709.97,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6484,7 +6484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51618.6,
                     COGS: 4335,
                     Profit: 47283.6,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6500,7 +6500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 331337.5,
                     COGS: 39600,
                     Profit: 291737.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -6516,7 +6516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49767.48,
                     COGS: 8013,
                     Profit: 41754.48,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6532,7 +6532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20008.08,
                     COGS: 2298,
                     Profit: 17710.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6548,7 +6548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 470118,
                     COGS: 123500,
                     Profit: 346618,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6564,7 +6564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1302710.5,
                     COGS: 363220,
                     Profit: 939490.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -6580,7 +6580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 662357.5,
                     COGS: 560300,
                     Profit: 102057.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6596,7 +6596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40797.9,
                     COGS: 22140,
                     Profit: 18657.9,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6612,7 +6612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 442797,
                     COGS: 575250,
                     Profit: 132453,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6628,7 +6628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 75164.9,
                     COGS: 13755,
                     Profit: 61409.9,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6644,7 +6644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7655.9,
                     COGS: 9150,
                     Profit: 1494.1,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6660,7 +6660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 509406,
                     COGS: 624500,
                     Profit: 115094,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -6676,7 +6676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52046.25,
                     COGS: 79560,
                     Profit: 27513.75,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6692,7 +6692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35292.9,
                     COGS: 15140,
                     Profit: 20152.9,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -6708,7 +6708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10787.52,
                     COGS: 22462.5,
                     Profit: 11674.98,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6724,7 +6724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 422341.25,
                     COGS: 87240,
                     Profit: 335101.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6740,7 +6740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 105516.25,
                     COGS: 94440,
                     Profit: 11076.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6756,7 +6756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 345596.25,
                     COGS: 218760,
                     Profit: 126836.25,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -6772,7 +6772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40147.95,
                     COGS: 7470,
                     Profit: 32677.95,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6788,7 +6788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52624.08,
                     COGS: 2298,
                     Profit: 50326.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6804,7 +6804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1216185,
                     COGS: 726250,
                     Profit: 489935,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -6820,7 +6820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 978057.5,
                     COGS: 560300,
                     Profit: 417757.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -6836,7 +6836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 85107.2,
                     COGS: 38640,
                     Profit: 46467.2,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6852,7 +6852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19966.66,
                     COGS: 1810,
                     Profit: 18156.66,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -6868,7 +6868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174721.25,
                     COGS: 110760,
                     Profit: 63961.25,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -6884,7 +6884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 480421.25,
                     COGS: 79560,
                     Profit: 400861.25,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -6900,7 +6900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19845.56,
                     COGS: 10460,
                     Profit: 9385.56,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -6916,7 +6916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8836.59,
                     COGS: 1315,
                     Profit: 7521.59,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -6932,7 +6932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1358897.75,
                     COGS: 245310,
                     Profit: 1113587.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -6948,7 +6948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 382591.25,
                     COGS: 87240,
                     Profit: 295351.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6964,7 +6964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 271641.25,
                     COGS: 94440,
                     Profit: 177201.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -6980,7 +6980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 403842,
                     COGS: 246500,
                     Profit: 157342,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -6996,7 +6996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 762018,
                     COGS: 123500,
                     Profit: 638518,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7012,7 +7012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630010.5,
                     COGS: 363220,
                     Profit: 266790.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7028,7 +7028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 184695,
                     COGS: 209280,
                     Profit: 24585,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7044,7 +7044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13609.32,
                     COGS: 5967,
                     Profit: 7642.32,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -7060,7 +7060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 62651.85,
                     COGS: 3210,
                     Profit: 59441.85,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7076,7 +7076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 181018.75,
                     COGS: 89100,
                     Profit: 91918.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -7092,7 +7092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2269.2,
                     COGS: 3885,
                     Profit: 1615.8,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7108,7 +7108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1228416,
                     COGS: 53500,
                     Profit: 1174916,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7124,7 +7124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18319.7,
                     COGS: 10725,
                     Profit: 7594.7,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7140,7 +7140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178136,
                     COGS: 741520,
                     Profit: 563384,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7156,7 +7156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38785.92,
                     COGS: 3426,
                     Profit: 35359.92,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7172,7 +7172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14813.6,
                     COGS: 15660,
                     Profit: 846.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7188,7 +7188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13454.4,
                     COGS: 2070,
                     Profit: 11384.4,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7204,7 +7204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 474100,
                     COGS: 199200,
                     Profit: 274900,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7220,7 +7220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17186.1,
                     COGS: 23630,
                     Profit: 6443.9,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -7236,7 +7236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 753492,
                     COGS: 229500,
                     Profit: 523992,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -7252,7 +7252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1024932,
                     COGS: 432000,
                     Profit: 592932,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -7268,7 +7268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36433.92,
                     COGS: 3426,
                     Profit: 33007.92,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7284,7 +7284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 492970,
                     COGS: 79440,
                     Profit: 413530,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7300,7 +7300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41017.2,
                     COGS: 3885,
                     Profit: 37132.2,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7316,7 +7316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 546477.5,
                     COGS: 97080,
                     Profit: 449397.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7332,7 +7332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 257887.5,
                     COGS: 257400,
                     Profit: 487.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7348,7 +7348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9159.6,
                     COGS: 5355,
                     Profit: 3804.6,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -7364,7 +7364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 934704,
                     COGS: 479000,
                     Profit: 455704,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7380,7 +7380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1417836,
                     COGS: 741520,
                     Profit: 676316,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7396,7 +7396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 463177.5,
                     COGS: 327480,
                     Profit: 135697.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7412,7 +7412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5077.5,
                     COGS: 19250,
                     Profit: 14172.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7428,7 +7428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14488.18,
                     COGS: 10065,
                     Profit: 4423.18,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7444,7 +7444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27754.8,
                     COGS: 3165,
                     Profit: 24589.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7460,7 +7460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6699.84,
                     COGS: 3252,
                     Profit: 3447.84,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7476,7 +7476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51573.6,
                     COGS: 15660,
                     Profit: 35913.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7492,7 +7492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 538538,
                     COGS: 771160,
                     Profit: 232622,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7508,7 +7508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 490511,
                     COGS: 748020,
                     Profit: 257509,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7524,7 +7524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 408477.5,
                     COGS: 97080,
                     Profit: 311397.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7540,7 +7540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 144262.5,
                     COGS: 257400,
                     Profit: 113137.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7556,7 +7556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45034.8,
                     COGS: 3165,
                     Profit: 41869.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7572,7 +7572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45842.4,
                     COGS: 5440,
                     Profit: 40402.4,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7588,7 +7588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30603.84,
                     COGS: 3252,
                     Profit: 27351.84,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7604,7 +7604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38345,
                     COGS: 79440,
                     Profit: 41095,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7620,7 +7620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 636516,
                     COGS: 53500,
                     Profit: 583016,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7636,7 +7636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1126111,
                     COGS: 748020,
                     Profit: 378091,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -7652,7 +7652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 440927.5,
                     COGS: 327480,
                     Profit: 113447.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7668,7 +7668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 272188,
                     COGS: 69160,
                     Profit: 203028,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7684,7 +7684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 407120,
                     COGS: 504400,
                     Profit: 97280,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7700,7 +7700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1215246,
                     COGS: 64750,
                     Profit: 1150496,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -7716,7 +7716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 636594,
                     COGS: 275250,
                     Profit: 361344,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -7732,7 +7732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 432060,
                     COGS: 273120,
                     Profit: 158940,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -7748,7 +7748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 468188,
                     COGS: 771160,
                     Profit: 302972,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -7764,7 +7764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13085.6,
                     COGS: 12360,
                     Profit: 725.6,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7780,7 +7780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46643.6,
                     COGS: 9410,
                     Profit: 37233.6,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -7796,7 +7796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 601404,
                     COGS: 479000,
                     Profit: 122404,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7812,7 +7812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 429711.88,
                     COGS: 509220,
                     Profit: 79508.13,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -7828,7 +7828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26472,
                     COGS: 25800,
                     Profit: 672,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -7844,7 +7844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 616899,
                     COGS: 172250,
                     Profit: 444649,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7860,7 +7860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43015.08,
                     COGS: 5841,
                     Profit: 37174.08,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -7876,7 +7876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12933.12,
                     COGS: 2724,
                     Profit: 10209.12,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -7892,7 +7892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20308.82,
                     COGS: 9790,
                     Profit: 10518.82,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -7908,7 +7908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13727.64,
                     COGS: 5703,
                     Profit: 8024.64,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -7924,7 +7924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16132.76,
                     COGS: 2720,
                     Profit: 13412.76,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -7940,7 +7940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1255131.5,
                     COGS: 467220,
                     Profit: 787911.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -7956,7 +7956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 491673.75,
                     COGS: 154440,
                     Profit: 337233.75,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7972,7 +7972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 478352.5,
                     COGS: 204720,
                     Profit: 273632.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -7988,7 +7988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 661489.5,
                     COGS: 608625,
                     Profit: 52864.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8004,7 +8004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127722.5,
                     COGS: 212880,
                     Profit: 85157.5,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8020,7 +8020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47915.64,
                     COGS: 5703,
                     Profit: 42212.64,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8036,7 +8036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 904299,
                     COGS: 172250,
                     Profit: 732049,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8052,7 +8052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 448612.5,
                     COGS: 188400,
                     Profit: 260212.5,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8068,7 +8068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16054.98,
                     COGS: 4108.5,
                     Profit: 11946.48,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -8084,7 +8084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553966.25,
                     COGS: 241080,
                     Profit: 312886.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8100,7 +8100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10584.75,
                     COGS: 19450,
                     Profit: 8865.25,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8116,7 +8116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 213173.75,
                     COGS: 154440,
                     Profit: 58733.75,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8132,7 +8132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 286227.5,
                     COGS: 204720,
                     Profit: 81507.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8148,7 +8148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 471841.25,
                     COGS: 241080,
                     Profit: 230761.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8164,7 +8164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322704,
                     COGS: 711000,
                     Profit: 388296,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -8180,7 +8180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9822.24,
                     COGS: 5748,
                     Profit: 4074.24,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8196,7 +8196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207237.5,
                     COGS: 188400,
                     Profit: 18837.5,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -8212,7 +8212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 524634,
                     COGS: 468500,
                     Profit: 56134,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -8228,7 +8228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 118909,
                     COGS: 426920,
                     Profit: 308011,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -8244,7 +8244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40299.75,
                     COGS: 19450,
                     Profit: 20849.75,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8260,7 +8260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28681.4,
                     COGS: 8310,
                     Profit: 20371.4,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -8276,7 +8276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27196.4,
                     COGS: 8800,
                     Profit: 18396.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8292,7 +8292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 82409.7,
                     COGS: 38505,
                     Profit: 43904.7,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8308,7 +8308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42631.56,
                     COGS: 7437,
                     Profit: 35194.56,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8324,7 +8324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25121.4,
                     COGS: 20310,
                     Profit: 4811.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8340,7 +8340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3386.4,
                     COGS: 20310,
                     Profit: 16923.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8356,7 +8356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 65978.4,
                     COGS: 22610,
                     Profit: 43368.4,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -8372,7 +8372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 42751.2,
                     COGS: 7360,
                     Profit: 35391.2,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8388,7 +8388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7160.72,
                     COGS: 14255,
                     Profit: 7094.28,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8404,7 +8404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 342348,
                     COGS: 505250,
                     Profit: 162902,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8420,7 +8420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 167314,
                     COGS: 71240,
                     Profit: 96074,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8436,7 +8436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 60814.8,
                     COGS: 19670,
                     Profit: 41144.8,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8452,7 +8452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 800592,
                     COGS: 464750,
                     Profit: 335842,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -8468,7 +8468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25094.72,
                     COGS: 14255,
                     Profit: 10839.72,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8484,7 +8484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1313748,
                     COGS: 505250,
                     Profit: 808498,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8500,7 +8500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 148310,
                     COGS: 136560,
                     Profit: 11750,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8516,7 +8516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16911.72,
                     COGS: 21255,
                     Profit: 4343.28,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8532,7 +8532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 162525,
                     COGS: 95400,
                     Profit: 67125,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8548,7 +8548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1329126,
                     COGS: 353625,
                     Profit: 975501,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8564,7 +8564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1123584,
                     COGS: 729500,
                     Profit: 394084,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -8580,7 +8580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 569450,
                     COGS: 897000,
                     Profit: 327550,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -8596,7 +8596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 426685,
                     COGS: 358560,
                     Profit: 68125,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -8612,7 +8612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30109.2,
                     COGS: 2180,
                     Profit: 27929.2,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8628,7 +8628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57100.8,
                     COGS: 20740,
                     Profit: 36360.8,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8644,7 +8644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 66195.2,
                     COGS: 10560,
                     Profit: 55635.2,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8660,7 +8660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 65732.4,
                     COGS: 6710,
                     Profit: 59022.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8676,7 +8676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 48936.6,
                     COGS: 15140,
                     Profit: 33796.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8692,7 +8692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 846664,
                     COGS: 71240,
                     Profit: 775424,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8708,7 +8708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61185,
                     COGS: 136560,
                     Profit: 75375,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8724,7 +8724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17572.8,
                     COGS: 4395,
                     Profit: 13177.8,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -8740,7 +8740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 70503.2,
                     COGS: 26460,
                     Profit: 44043.2,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8756,7 +8756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 593222,
                     COGS: 566020,
                     Profit: 27202,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8772,7 +8772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3748.32,
                     COGS: 2598,
                     Profit: 1150.32,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -8788,7 +8788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1446564,
                     COGS: 90740,
                     Profit: 1355824,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8804,7 +8804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1197672,
                     COGS: 566020,
                     Profit: 631652,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8820,7 +8820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40701.6,
                     COGS: 15140,
                     Profit: 25561.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8836,7 +8836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1003940,
                     COGS: 484900,
                     Profit: 519040,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -8852,7 +8852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 499255,
                     COGS: 128880,
                     Profit: 370375,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -8868,7 +8868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1424402,
                     COGS: 495820,
                     Profit: 928582,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -8884,7 +8884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61442.4,
                     COGS: 6710,
                     Profit: 54732.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8900,7 +8900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 443058,
                     COGS: 462280,
                     Profit: 19222,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -8916,7 +8916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3787.35,
                     COGS: 5795,
                     Profit: 2007.65,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -8932,7 +8932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4594.8,
                     COGS: 6860,
                     Profit: 2265.2,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -8948,7 +8948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2516.85,
                     COGS: 11745,
                     Profit: 9228.15,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -8964,7 +8964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15333.85,
                     COGS: 13445,
                     Profit: 1888.85,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -8980,7 +8980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6641.4,
                     COGS: 7293,
                     Profit: 651.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -8996,7 +8996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34421.4,
                     COGS: 7293,
                     Profit: 27128.4,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9012,7 +9012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6562.85,
                     COGS: 13445,
                     Profit: 6882.15,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -9028,7 +9028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6746.95,
                     COGS: 8415,
                     Profit: 1668.05,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -9044,7 +9044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4954.2,
                     COGS: 3369,
                     Profit: 1585.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9060,7 +9060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5222.35,
                     COGS: 5795,
                     Profit: 572.65,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9076,7 +9076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49761,
                     COGS: 5595,
                     Profit: 44166,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9092,7 +9092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23042.4,
                     COGS: 3348,
                     Profit: 19694.4,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9108,7 +9108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38117,
                     COGS: 15630,
                     Profit: 22487,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -9124,7 +9124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 129135,
                     COGS: 247750,
                     Profit: 118615,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9140,7 +9140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24501.4,
                     COGS: 5080,
                     Profit: 19421.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9156,7 +9156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15981.75,
                     COGS: 27910,
                     Profit: 11928.25,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -9172,7 +9172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17160.5,
                     COGS: 2850,
                     Profit: 14310.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9188,7 +9188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19611.55,
                     COGS: 12435,
                     Profit: 7176.55,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9204,7 +9204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1099271.25,
                     COGS: 359970,
                     Profit: 739301.25,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9220,7 +9220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 379956.25,
                     COGS: 435240,
                     Profit: 55283.75,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -9236,7 +9236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 823550,
                     COGS: 187200,
                     Profit: 636350,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -9252,7 +9252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12118.8,
                     COGS: 7026,
                     Profit: 5092.8,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -9268,7 +9268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 79200,
                     COGS: 275000,
                     Profit: 195800,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9284,7 +9284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30897,
                     COGS: 13030,
                     Profit: 17867,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9300,7 +9300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 493800,
                     COGS: 359040,
                     Profit: 134760,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -9316,7 +9316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 111593.75,
                     COGS: 286200,
                     Profit: 174606.25,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -9332,7 +9332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 976995,
                     COGS: 401750,
                     Profit: 575245,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -9348,7 +9348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26870.55,
                     COGS: 11635,
                     Profit: 15235.55,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -9364,7 +9364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1289235,
                     COGS: 247750,
                     Profit: 1041485,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9380,7 +9380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 531265,
                     COGS: 156520,
                     Profit: 374745,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9396,7 +9396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30330,
                     COGS: 26200,
                     Profit: 4130,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -9412,7 +9412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1304660,
                     COGS: 319280,
                     Profit: 985380,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9428,7 +9428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 85891,
                     COGS: 13890,
                     Profit: 72001,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9444,7 +9444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 510368.75,
                     COGS: 103320,
                     Profit: 407048.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -9460,7 +9460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 163475,
                     COGS: 84480,
                     Profit: 78995,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9476,7 +9476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3098,
                     COGS: 18020,
                     Profit: 14922,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9492,7 +9492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 64857,
                     COGS: 26630,
                     Profit: 38227,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9508,7 +9508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9059.4,
                     COGS: 10680,
                     Profit: 1620.6,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9524,7 +9524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50658,
                     COGS: 21160,
                     Profit: 29498,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9540,7 +9540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33243.75,
                     COGS: 5550,
                     Profit: 27693.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9556,7 +9556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18254.25,
                     COGS: 28610,
                     Profit: 10355.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9572,7 +9572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29831.25,
                     COGS: 96840,
                     Profit: 67008.75,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9588,7 +9588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 871815,
                     COGS: 156520,
                     Profit: 715295,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9604,7 +9604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45828,
                     COGS: 28320,
                     Profit: 17508,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9620,7 +9620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33181,
                     COGS: 15790,
                     Profit: 17391,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9636,7 +9636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 132868.75,
                     COGS: 103320,
                     Profit: 29548.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -9652,7 +9652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 417975,
                     COGS: 84480,
                     Profit: 333495,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9668,7 +9668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23387,
                     COGS: 10330,
                     Profit: 13057,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9684,7 +9684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45150,
                     COGS: 312500,
                     Profit: 267350,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9700,7 +9700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 65311,
                     COGS: 13890,
                     Profit: 51421,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9716,7 +9716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23935,
                     COGS: 12650,
                     Profit: 11285,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9732,7 +9732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 58383,
                     COGS: 22970,
                     Profit: 35413,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9748,7 +9748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55917,
                     COGS: 26630,
                     Profit: 29287,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9764,7 +9764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16523.5,
                     COGS: 2850,
                     Profit: 13673.5,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9780,7 +9780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20731.55,
                     COGS: 12435,
                     Profit: 8296.55,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9796,7 +9796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 237125,
                     COGS: 351000,
                     Profit: 113875,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -9812,7 +9812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 433440,
                     COGS: 143520,
                     Profit: 289920,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -9828,7 +9828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1305010,
                     COGS: 319280,
                     Profit: 985730,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9844,7 +9844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1267350,
                     COGS: 312500,
                     Profit: 954850,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -9860,7 +9860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44474.1,
                     COGS: 38010,
                     Profit: 6464.1,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -9876,7 +9876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37999,
                     COGS: 11175,
                     Profit: 26824,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -9892,7 +9892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6905.4,
                     COGS: 28440,
                     Profit: 21534.6,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -9908,7 +9908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41223.36,
                     COGS: 1686,
                     Profit: 39537.36,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -9924,7 +9924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5184.72,
                     COGS: 6897,
                     Profit: 1712.28,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -9940,7 +9940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46398,
                     COGS: 20300,
                     Profit: 26098,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -9956,7 +9956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26167.54,
                     COGS: 1315,
                     Profit: 24852.54,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -9972,7 +9972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 266722.5,
                     COGS: 106440,
                     Profit: 160282.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -9988,7 +9988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 665070,
                     COGS: 254800,
                     Profit: 410270,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -10004,7 +10004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 732690,
                     COGS: 379600,
                     Profit: 353090,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10020,7 +10020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24323.74,
                     COGS: 7015,
                     Profit: 17308.74,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10036,7 +10036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24499.44,
                     COGS: 8169,
                     Profit: 16330.44,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10052,7 +10052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 630084,
                     COGS: 388960,
                     Profit: 241124,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10068,7 +10068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13896.72,
                     COGS: 6897,
                     Profit: 6999.72,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10084,7 +10084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 255983,
                     COGS: 189020,
                     Profit: 66963,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10100,7 +10100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 294985,
                     COGS: 114240,
                     Profit: 180745,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -10116,7 +10116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 124087.5,
                     COGS: 330600,
                     Profit: 206512.5,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -10132,7 +10132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10668,
                     COGS: 15300,
                     Profit: 4632,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10148,7 +10148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1265334,
                     COGS: 388960,
                     Profit: 876374,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10164,7 +10164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3493.84,
                     COGS: 7490,
                     Profit: 3996.16,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10180,7 +10180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1117122,
                     COGS: 305250,
                     Profit: 811872,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10196,7 +10196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 418754,
                     COGS: 539760,
                     Profit: 121006,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10212,7 +10212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57425.4,
                     COGS: 28440,
                     Profit: 28985.4,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10228,7 +10228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29162.84,
                     COGS: 7490,
                     Profit: 21672.84,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10244,7 +10244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 470922,
                     COGS: 305250,
                     Profit: 165672,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10260,7 +10260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 36892.4,
                     COGS: 11230,
                     Profit: 25662.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10276,7 +10276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 439152,
                     COGS: 609000,
                     Profit: 169848,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -10292,7 +10292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 255093.75,
                     COGS: 238500,
                     Profit: 16593.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -10308,7 +10308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 127841,
                     COGS: 436540,
                     Profit: 308699,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -10324,7 +10324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 99533,
                     COGS: 189020,
                     Profit: 89487,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10340,7 +10340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28103.74,
                     COGS: 7015,
                     Profit: 21088.74,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10356,7 +10356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 302904,
                     COGS: 539760,
                     Profit: 236856,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10372,7 +10372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26551.6,
                     COGS: 17570,
                     Profit: 8981.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10388,7 +10388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20191.8,
                     COGS: 21980,
                     Profit: 1788.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10404,7 +10404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55401.3,
                     COGS: 17430,
                     Profit: 37971.3,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10420,7 +10420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5667.3,
                     COGS: 11530,
                     Profit: 5862.7,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10436,7 +10436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32111.6,
                     COGS: 17570,
                     Profit: 14541.6,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -10452,7 +10452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13698.8,
                     COGS: 10010,
                     Profit: 3688.8,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10468,7 +10468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11564.14,
                     COGS: 6665,
                     Profit: 4899.14,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10484,7 +10484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25347.3,
                     COGS: 11530,
                     Profit: 13817.3,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10500,7 +10500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3445.32,
                     COGS: 2181,
                     Profit: 1264.32,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -10516,7 +10516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45349.44,
                     COGS: 5652,
                     Profit: 39697.44,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10532,7 +10532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71252.4,
                     COGS: 18340,
                     Profit: 52912.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10548,7 +10548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51710.4,
                     COGS: 7020,
                     Profit: 44690.4,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -10564,7 +10564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2628.72,
                     COGS: 7026,
                     Profit: 4397.28,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10580,7 +10580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21229.81,
                     COGS: 5155,
                     Profit: 16074.81,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10596,7 +10596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14604.9,
                     COGS: 12620,
                     Profit: 1984.9,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10612,7 +10612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28024.85,
                     COGS: 5675,
                     Profit: 22349.85,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10628,7 +10628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27549.97,
                     COGS: 2735,
                     Profit: 24814.97,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -10644,7 +10644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25285.82,
                     COGS: 7910,
                     Profit: 17375.82,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -10660,7 +10660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27759.66,
                     COGS: 5215.5,
                     Profit: 22544.16,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -10676,7 +10676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18275.4,
                     COGS: 6645,
                     Profit: 11630.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10692,7 +10692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11565.82,
                     COGS: 7910,
                     Profit: 3655.82,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -10708,7 +10708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30754.85,
                     COGS: 5675,
                     Profit: 25079.85,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10724,7 +10724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 392955.5,
                     COGS: 457860,
                     Profit: 64904.5,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -10740,7 +10740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 475092,
                     COGS: 112000,
                     Profit: 363092,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10756,7 +10756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 178899,
                     COGS: 545250,
                     Profit: 366351,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10772,7 +10772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23593.6,
                     COGS: 19760,
                     Profit: 3833.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10788,7 +10788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 818799,
                     COGS: 545250,
                     Profit: 273549,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -10804,7 +10804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 358000,
                     COGS: 300000,
                     Profit: 58000,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10820,7 +10820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 709458,
                     COGS: 425500,
                     Profit: 283958,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -10836,7 +10836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 941292,
                     COGS: 112000,
                     Profit: 829292,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -10852,7 +10852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 479261.25,
                     COGS: 421560,
                     Profit: 57701.25,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -10868,7 +10868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56938.95,
                     COGS: 21010,
                     Profit: 35928.95,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -10884,7 +10884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8682.45,
                     COGS: 29310,
                     Profit: 20627.55,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10900,7 +10900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2911,
                     COGS: 15350,
                     Profit: 12439,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -10916,7 +10916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 371217,
                     COGS: 280750,
                     Profit: 90467,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -10932,7 +10932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 212916,
                     COGS: 351000,
                     Profit: 138084,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10948,7 +10948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37219.08,
                     COGS: 8289,
                     Profit: 28930.08,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -10964,7 +10964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2598.75,
                     COGS: 10625,
                     Profit: 8026.25,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -10980,7 +10980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 204861,
                     COGS: 414750,
                     Profit: 209889,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -10996,7 +10996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 77987.4,
                     COGS: 6090,
                     Profit: 71897.4,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11012,7 +11012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 293988.75,
                     COGS: 250440,
                     Profit: 43548.75,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11028,7 +11028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 47573.6,
                     COGS: 19760,
                     Profit: 27813.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -11044,7 +11044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61650.6,
                     COGS: 14210,
                     Profit: 47440.6,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11060,7 +11060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 314688,
                     COGS: 343000,
                     Profit: 28312,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11076,7 +11076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17076.8,
                     COGS: 5880,
                     Profit: 11196.8,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11092,7 +11092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43042.62,
                     COGS: 9733.5,
                     Profit: 33309.12,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -11108,7 +11108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 336261,
                     COGS: 239750,
                     Profit: 96511,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -11124,7 +11124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 612213,
                     COGS: 686750,
                     Profit: 74537,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -11140,7 +11140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38231.25,
                     COGS: 197400,
                     Profit: 159168.75,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -11156,7 +11156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23688,
                     COGS: 747760,
                     Profit: 724072,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11172,7 +11172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 462052.5,
                     COGS: 119280,
                     Profit: 342772.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -11188,7 +11188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17474.8,
                     COGS: 11180,
                     Profit: 6294.8,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -11204,7 +11204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 860388,
                     COGS: 343000,
                     Profit: 517388,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11220,7 +11220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10261.72,
                     COGS: 2440,
                     Profit: 7821.72,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -11236,7 +11236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31508.8,
                     COGS: 12820,
                     Profit: 18688.8,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11252,7 +11252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29599.08,
                     COGS: 1285,
                     Profit: 28314.08,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -11268,7 +11268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31488.8,
                     COGS: 12820,
                     Profit: 18668.8,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11284,7 +11284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 365975,
                     COGS: 184800,
                     Profit: 181175,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11300,7 +11300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49992,
                     COGS: 4900,
                     Profit: 45092,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -11316,7 +11316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 551964,
                     COGS: 354120,
                     Profit: 197844,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11332,7 +11332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43288.8,
                     COGS: 25010,
                     Profit: 18278.8,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -11348,7 +11348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 81867.2,
                     COGS: 7080,
                     Profit: 74787.2,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11364,7 +11364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59508,
                     COGS: 6450,
                     Profit: 53058,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -11380,7 +11380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1270212,
                     COGS: 390500,
                     Profit: 879712,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11396,7 +11396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1057608,
                     COGS: 320750,
                     Profit: 736858,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -11412,7 +11412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22981.8,
                     COGS: 7110,
                     Profit: 15871.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11428,7 +11428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 323735,
                     COGS: 133680,
                     Profit: 190055,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -11444,7 +11444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23101.96,
                     COGS: 6295,
                     Profit: 16806.96,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -11460,7 +11460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19091.8,
                     COGS: 5475,
                     Profit: 13616.8,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -11476,7 +11476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57094.4,
                     COGS: 13660,
                     Profit: 43434.4,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11492,7 +11492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1192860,
                     COGS: 615000,
                     Profit: 577860,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11508,7 +11508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7719.32,
                     COGS: 3390,
                     Profit: 4329.32,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11524,7 +11524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20560.12,
                     COGS: 7990,
                     Profit: 12570.12,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11540,7 +11540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12384.96,
                     COGS: 12045,
                     Profit: 339.96,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -11556,7 +11556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78505.6,
                     COGS: 19340,
                     Profit: 59165.6,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11572,7 +11572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29471.2,
                     COGS: 29930,
                     Profit: 458.8,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11588,7 +11588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 918162,
                     COGS: 557960,
                     Profit: 360202,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -11604,7 +11604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27484.24,
                     COGS: 9730,
                     Profit: 17754.24,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11620,7 +11620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 553714,
                     COGS: 354120,
                     Profit: 199594,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11636,7 +11636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27085.92,
                     COGS: 1794,
                     Profit: 25291.92,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -11652,7 +11652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 22179.08,
                     COGS: 14535,
                     Profit: 7644.08,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11668,7 +11668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14706.72,
                     COGS: 11690,
                     Profit: 3016.72,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11684,7 +11684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 710436,
                     COGS: 96500,
                     Profit: 613936,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -11700,7 +11700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1210560,
                     COGS: 158750,
                     Profit: 1051810,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11716,7 +11716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 911764,
                     COGS: 149370,
                     Profit: 762394,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -11732,7 +11732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26487.72,
                     COGS: 11690,
                     Profit: 14797.72,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11748,7 +11748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 868532,
                     COGS: 99060,
                     Profit: 769472,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11764,7 +11764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 948934,
                     COGS: 109720,
                     Profit: 839214,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -11780,7 +11780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 519684,
                     COGS: 533500,
                     Profit: 13816,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -11796,7 +11796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174708,
                     COGS: 202000,
                     Profit: 27292,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11812,7 +11812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57147.2,
                     COGS: 7080,
                     Profit: 50067.2,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11828,7 +11828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11595.08,
                     COGS: 14535,
                     Profit: 2939.92,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11844,7 +11844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27134.4,
                     COGS: 13660,
                     Profit: 13474.4,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11860,7 +11860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207060,
                     COGS: 615000,
                     Profit: 407940,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11876,7 +11876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5468,
                     COGS: 15200,
                     Profit: 9732,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -11892,7 +11892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24541.8,
                     COGS: 7110,
                     Profit: 17431.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11908,7 +11908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28188,
                     COGS: 4125,
                     Profit: 24063,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -11924,7 +11924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 779460,
                     COGS: 158750,
                     Profit: 620710,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -11940,7 +11940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71461.6,
                     COGS: 4365,
                     Profit: 67096.6,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -11956,7 +11956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 292362,
                     COGS: 273500,
                     Profit: 18862,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -11972,7 +11972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20651.64,
                     COGS: 1101,
                     Profit: 19550.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -11988,7 +11988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 547432.5,
                     COGS: 950625,
                     Profit: 403192.5,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12004,7 +12004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 409171,
                     COGS: 433160,
                     Profit: 23989,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12020,7 +12020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 495006,
                     COGS: 80500,
                     Profit: 414506,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -12036,7 +12036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12517.32,
                     COGS: 6963,
                     Profit: 5554.32,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12052,7 +12052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 415733.75,
                     COGS: 222840,
                     Profit: 192893.75,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12068,7 +12068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10864.07,
                     COGS: 8055,
                     Profit: 2809.07,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12084,7 +12084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 113033.75,
                     COGS: 335640,
                     Profit: 222606.25,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12100,7 +12100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 208782,
                     COGS: 83500,
                     Profit: 125282,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12116,7 +12116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 276645,
                     COGS: 641250,
                     Profit: 364605,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12132,7 +12132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 875864.5,
                     COGS: 628420,
                     Profit: 247444.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12148,7 +12148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49908.75,
                     COGS: 36750,
                     Profit: 13158.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12164,7 +12164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 855462,
                     COGS: 273500,
                     Profit: 581962,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -12180,7 +12180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25658.55,
                     COGS: 12270,
                     Profit: 13388.55,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12196,7 +12196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 49691.64,
                     COGS: 1101,
                     Profit: 48590.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12212,7 +12212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 302352,
                     COGS: 331000,
                     Profit: 28648,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12228,7 +12228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24591,
                     COGS: 5325,
                     Profit: 19266,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12244,7 +12244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 76283.75,
                     COGS: 335640,
                     Profit: 259356.25,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12260,7 +12260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56744.25,
                     COGS: 2450,
                     Profit: 54294.25,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12276,7 +12276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 322075.5,
                     COGS: 948375,
                     Profit: 626299.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12292,7 +12292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 739679.5,
                     COGS: 339820,
                     Profit: 399859.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12308,7 +12308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 449746.25,
                     COGS: 68040,
                     Profit: 381706.25,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12324,7 +12324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 344762.5,
                     COGS: 253200,
                     Profit: 91562.5,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12340,7 +12340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1148276.5,
                     COGS: 329940,
                     Profit: 818336.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12356,7 +12356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29687.52,
                     COGS: 5868,
                     Profit: 23819.52,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12372,7 +12372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 103707,
                     COGS: 664750,
                     Profit: 561043,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -12388,7 +12388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 418027.75,
                     COGS: 351390,
                     Profit: 66637.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12404,7 +12404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52557.6,
                     COGS: 2640,
                     Profit: 49917.6,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12420,7 +12420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 762891,
                     COGS: 466750,
                     Profit: 296141,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12436,7 +12436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29039.28,
                     COGS: 6702,
                     Profit: 22337.28,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -12452,7 +12452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52538.55,
                     COGS: 12270,
                     Profit: 40268.55,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12468,7 +12468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 221008.75,
                     COGS: 105240,
                     Profit: 115768.75,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12484,7 +12484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 983363.5,
                     COGS: 538460,
                     Profit: 444903.5,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12500,7 +12500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 953326.5,
                     COGS: 329940,
                     Profit: 623386.5,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12516,7 +12516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18220.5,
                     COGS: 9700,
                     Profit: 8520.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12532,7 +12532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27670.8,
                     COGS: 16940,
                     Profit: 10730.8,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -12548,7 +12548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24626.6,
                     COGS: 6630,
                     Profit: 17996.6,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12564,7 +12564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7975.03,
                     COGS: 4095,
                     Profit: 3880.03,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12580,7 +12580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26733.6,
                     COGS: 4740,
                     Profit: 21993.6,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12596,7 +12596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13524.77,
                     COGS: 2605,
                     Profit: 10919.77,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12612,7 +12612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55828.6,
                     COGS: 9730,
                     Profit: 46098.6,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -12628,7 +12628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32271.6,
                     COGS: 10380,
                     Profit: 21891.6,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -12644,7 +12644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20304.2,
                     COGS: 1800,
                     Profit: 18504.2,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12660,7 +12660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10043.64,
                     COGS: 5901,
                     Profit: 4142.64,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -12676,7 +12676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6847.2,
                     COGS: 26280,
                     Profit: 19432.8,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12692,7 +12692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25960.2,
                     COGS: 1800,
                     Profit: 24160.2,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12708,7 +12708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 57492.4,
                     COGS: 26820,
                     Profit: 30672.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12724,7 +12724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27636.77,
                     COGS: 2605,
                     Profit: 25031.77,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12740,7 +12740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17191.6,
                     COGS: 10380,
                     Profit: 6811.6,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -12756,7 +12756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 35748.82,
                     COGS: 16305,
                     Profit: 19443.82,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -12772,7 +12772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30449.52,
                     COGS: 918,
                     Profit: 29531.52,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12788,7 +12788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51100.8,
                     COGS: 1158,
                     Profit: 49942.8,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12804,7 +12804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18467.4,
                     COGS: 11640,
                     Profit: 6827.4,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -12820,7 +12820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 41980.8,
                     COGS: 1158,
                     Profit: 40822.8,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12836,7 +12836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 156681.25,
                     COGS: 413460,
                     Profit: 256778.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -12852,7 +12852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 308475,
                     COGS: 177840,
                     Profit: 130635,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -12868,7 +12868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 911645,
                     COGS: 601380,
                     Profit: 310265,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12884,7 +12884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 480325,
                     COGS: 216480,
                     Profit: 263845,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -12900,7 +12900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56802,
                     COGS: 20720,
                     Profit: 36082,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -12916,7 +12916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54652,
                     COGS: 19540,
                     Profit: 35112,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -12932,7 +12932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 855870,
                     COGS: 147750,
                     Profit: 708120,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -12948,7 +12948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 51814.5,
                     COGS: 21670,
                     Profit: 30144.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -12964,7 +12964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55078,
                     COGS: 2410,
                     Profit: 52668,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -12980,7 +12980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5053.5,
                     COGS: 6810,
                     Profit: 1756.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -12996,7 +12996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29430,
                     COGS: 5100,
                     Profit: 24330,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -13012,7 +13012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38325,
                     COGS: 7900,
                     Profit: 30425,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -13028,7 +13028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1435735,
                     COGS: 166140,
                     Profit: 1269595,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13044,7 +13044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24425,
                     COGS: 191520,
                     Profit: 167095,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -13060,7 +13060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 645780,
                     COGS: 573500,
                     Profit: 72280,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13076,7 +13076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 82918,
                     COGS: 2410,
                     Profit: 80508,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13092,7 +13092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4378.5,
                     COGS: 13325,
                     Profit: 8946.5,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13108,7 +13108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 251050,
                     COGS: 229920,
                     Profit: 21130,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -13124,7 +13124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 991110,
                     COGS: 213250,
                     Profit: 777860,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13140,7 +13140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 369487.5,
                     COGS: 40920,
                     Profit: 328567.5,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -13156,7 +13156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59233.5,
                     COGS: 6410,
                     Profit: 52823.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13172,7 +13172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 160405,
                     COGS: 729820,
                     Profit: 569415,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13188,7 +13188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 583740,
                     COGS: 108000,
                     Profit: 475740,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -13204,7 +13204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 828480,
                     COGS: 573500,
                     Profit: 254980,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13220,7 +13220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 60304.5,
                     COGS: 21670,
                     Profit: 38634.5,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13236,7 +13236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 148637.5,
                     COGS: 303480,
                     Profit: 154842.5,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13252,7 +13252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 883750,
                     COGS: 486200,
                     Profit: 397550,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -13268,7 +13268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 181262.5,
                     COGS: 69480,
                     Profit: 111782.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13284,7 +13284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1407350,
                     COGS: 582400,
                     Profit: 824950,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -13300,7 +13300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 699210,
                     COGS: 748250,
                     Profit: 49040,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13316,7 +13316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9959.4,
                     COGS: 10561.5,
                     Profit: 602.1,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -13332,7 +13332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20342,
                     COGS: 20390,
                     Profit: 48,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -13348,7 +13348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8467.2,
                     COGS: 7722,
                     Profit: 745.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13364,7 +13364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1110305,
                     COGS: 183820,
                     Profit: 926485,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -13380,7 +13380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13692,
                     COGS: 20720,
                     Profit: 7028,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13396,7 +13396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 326610,
                     COGS: 213250,
                     Profit: 113360,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13412,7 +13412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28910.64,
                     COGS: 3594,
                     Profit: 25316.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13428,7 +13428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20772.36,
                     COGS: 12660,
                     Profit: 8112.36,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -13444,7 +13444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16790.64,
                     COGS: 3594,
                     Profit: 13196.64,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13460,7 +13460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37256.4,
                     COGS: 3840,
                     Profit: 33416.4,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13476,7 +13476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13008.96,
                     COGS: 1416,
                     Profit: 11592.96,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13492,7 +13492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12665.17,
                     COGS: 7895,
                     Profit: 4770.17,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13508,7 +13508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37781.4,
                     COGS: 3015,
                     Profit: 34766.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -13524,7 +13524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43725.82,
                     COGS: 31995,
                     Profit: 11730.82,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13540,7 +13540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28824.96,
                     COGS: 1416,
                     Profit: 27408.96,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13556,7 +13556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29159.16,
                     COGS: 5811,
                     Profit: 23348.16,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -13572,7 +13572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 103558,
                     COGS: 205920,
                     Profit: 102362,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13588,7 +13588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 747537,
                     COGS: 702750,
                     Profit: 44787,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13604,7 +13604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 174811.25,
                     COGS: 292920,
                     Profit: 118108.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13620,7 +13620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50511,
                     COGS: 15600,
                     Profit: 34911,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -13636,7 +13636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27498.38,
                     COGS: 13530,
                     Profit: 13968.38,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -13652,7 +13652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 747509,
                     COGS: 199160,
                     Profit: 548349,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13668,7 +13668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8937.6,
                     COGS: 29920,
                     Profit: 20982.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13684,7 +13684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4735.95,
                     COGS: 21570,
                     Profit: 16834.05,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -13700,7 +13700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 603291,
                     COGS: 218250,
                     Profit: 385041,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13716,7 +13716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46891.6,
                     COGS: 11220,
                     Profit: 35671.6,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -13732,7 +13732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 585726.75,
                     COGS: 547170,
                     Profit: 38556.75,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13748,7 +13748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38581.68,
                     COGS: 12078,
                     Profit: 26503.68,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13764,7 +13764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 48410.34,
                     COGS: 7276.5,
                     Profit: 41133.84,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -13780,7 +13780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 43653.2,
                     COGS: 23940,
                     Profit: 19713.2,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13796,7 +13796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 59861.4,
                     COGS: 19840,
                     Profit: 40021.4,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -13812,7 +13812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 385561.25,
                     COGS: 292920,
                     Profit: 92641.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -13828,7 +13828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21437.6,
                     COGS: 29920,
                     Profit: 8482.4,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13844,7 +13844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 514422,
                     COGS: 341500,
                     Profit: 172922,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13860,7 +13860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 3089,
                     COGS: 28050,
                     Profit: 24961,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -13876,7 +13876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 61574.25,
                     COGS: 6550,
                     Profit: 55024.25,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -13892,7 +13892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 869806,
                     COGS: 89440,
                     Profit: 780366,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -13908,7 +13908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12117.84,
                     COGS: 9040,
                     Profit: 3077.84,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -13924,7 +13924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 13323.12,
                     COGS: 5202,
                     Profit: 8121.12,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13940,7 +13940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 508007.5,
                     COGS: 66480,
                     Profit: 441527.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13956,7 +13956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5683,
                     COGS: 29350,
                     Profit: 23667,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -13972,7 +13972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16231.25,
                     COGS: 379800,
                     Profit: 363568.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -13988,7 +13988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 83996.2,
                     COGS: 26290,
                     Profit: 57706.2,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14004,7 +14004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 168296.25,
                     COGS: 171960,
                     Profit: 3663.75,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -14020,7 +14020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 457353.75,
                     COGS: 113640,
                     Profit: 343713.75,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14036,7 +14036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 830956,
                     COGS: 89440,
                     Profit: 741516,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -14052,7 +14052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 31570.95,
                     COGS: 21570,
                     Profit: 10000.95,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14068,7 +14068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30864.4,
                     COGS: 1900,
                     Profit: 28964.4,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14084,7 +14084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1291388,
                     COGS: 230360,
                     Profit: 1061028,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14100,7 +14100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 249510,
                     COGS: 289920,
                     Profit: 40410,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14116,7 +14116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 419410,
                     COGS: 258720,
                     Profit: 160690,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14132,7 +14132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20899.8,
                     COGS: 26890,
                     Profit: 5990.2,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14148,7 +14148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18296.4,
                     COGS: 6770,
                     Profit: 11526.4,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14164,7 +14164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1188672,
                     COGS: 443250,
                     Profit: 745422,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -14180,7 +14180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 4792.2,
                     COGS: 12100,
                     Profit: 7307.8,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -14196,7 +14196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5781.44,
                     COGS: 13670,
                     Profit: 7888.56,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14212,7 +14212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33344,
                     COGS: 17150,
                     Profit: 16194,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -14228,7 +14228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1087104,
                     COGS: 296500,
                     Profit: 790604,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -14244,7 +14244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 941580,
                     COGS: 873750,
                     Profit: 67830,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14260,7 +14260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1067388,
                     COGS: 230360,
                     Profit: 837028,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14276,7 +14276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 341910,
                     COGS: 258720,
                     Profit: 83190,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14292,7 +14292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39568,
                     COGS: 9050,
                     Profit: 30518,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14308,7 +14308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17004,
                     COGS: 17150,
                     Profit: 146,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -14324,7 +14324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 406602,
                     COGS: 414440,
                     Profit: 7838,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14340,7 +14340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 75876,
                     COGS: 339750,
                     Profit: 263874,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14356,7 +14356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1086600,
                     COGS: 537500,
                     Profit: 549100,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14372,7 +14372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 232876,
                     COGS: 311220,
                     Profit: 78344,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14388,7 +14388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27696,
                     COGS: 3800,
                     Profit: 23896,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -14404,7 +14404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 38480.8,
                     COGS: 12330,
                     Profit: 26150.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14420,7 +14420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1009610,
                     COGS: 362700,
                     Profit: 646910,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14436,7 +14436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1050938,
                     COGS: 256360,
                     Profit: 794578,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14452,7 +14452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39008,
                     COGS: 9050,
                     Profit: 29958,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14468,7 +14468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 48011.04,
                     COGS: 6327,
                     Profit: 41684.04,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -14484,7 +14484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12420.9,
                     COGS: 38745,
                     Profit: 26324.1,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14500,7 +14500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 426384,
                     COGS: 161980,
                     Profit: 264404,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14516,7 +14516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39088,
                     COGS: 256360,
                     Profit: 217272,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14532,7 +14532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 179570,
                     COGS: 286440,
                     Profit: 106870,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -14548,7 +14548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1840.8,
                     COGS: 12330,
                     Profit: 10489.2,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14564,7 +14564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 888510,
                     COGS: 70200,
                     Profit: 818310,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14580,7 +14580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8752.94,
                     COGS: 17107.5,
                     Profit: 8354.56,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14596,7 +14596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29021.44,
                     COGS: 13670,
                     Profit: 15351.44,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14612,7 +14612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7908.6,
                     COGS: 25480,
                     Profit: 17571.4,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -14628,7 +14628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7428.4,
                     COGS: 25215,
                     Profit: 17786.6,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14644,7 +14644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5504.16,
                     COGS: 7983,
                     Profit: 2478.84,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -14660,7 +14660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 25465.6,
                     COGS: 15310,
                     Profit: 10155.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14676,7 +14676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20853.56,
                     COGS: 7455,
                     Profit: 13398.56,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14692,7 +14692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78225.6,
                     COGS: 15310,
                     Profit: 62915.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -14708,7 +14708,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34064.16,
                     COGS: 8283,
                     Profit: 25781.16,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14724,7 +14724,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2389.35,
                     COGS: 25670,
                     Profit: 23280.65,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14740,7 +14740,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44284.35,
                     COGS: 25670,
                     Profit: 18614.35,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14756,7 +14756,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1205053.5,
                     COGS: 239980,
                     Profit: 965073.5,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14772,7 +14772,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1356705,
                     COGS: 465400,
                     Profit: 891305,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -14788,7 +14788,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 71910.8,
                     COGS: 4420,
                     Profit: 67490.8,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -14804,7 +14804,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 726346.25,
                     COGS: 255450,
                     Profit: 470896.25,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14820,7 +14820,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19286.82,
                     COGS: 6490,
                     Profit: 12796.82,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14836,7 +14836,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30857.76,
                     COGS: 1812,
                     Profit: 29045.76,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14852,7 +14852,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 18017,
                     COGS: 22550,
                     Profit: 4533,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14868,7 +14868,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 64072.6,
                     COGS: 12490,
                     Profit: 51582.6,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -14884,7 +14884,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7965.97,
                     COGS: 7192.5,
                     Profit: 773.47,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14900,7 +14900,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1241427,
                     COGS: 201750,
                     Profit: 1039677,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -14916,7 +14916,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 50873.4,
                     COGS: 26410,
                     Profit: 24463.4,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14932,7 +14932,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 69739.2,
                     COGS: 27080,
                     Profit: 42659.2,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -14948,7 +14948,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 532294,
                     COGS: 684320,
                     Profit: 152026,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14964,7 +14964,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 331526.25,
                     COGS: 189960,
                     Profit: 141566.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -14980,7 +14980,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 33525.24,
                     COGS: 1713,
                     Profit: 31812.24,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -14996,7 +14996,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 24181.64,
                     COGS: 13480,
                     Profit: 10701.64,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -15012,7 +15012,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 55658.25,
                     COGS: 15650,
                     Profit: 40008.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15028,7 +15028,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7232.6,
                     COGS: 12490,
                     Profit: 5257.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15044,7 +15044,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1067006.5,
                     COGS: 92820,
                     Profit: 974186.5,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15060,7 +15060,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27339.72,
                     COGS: 3039,
                     Profit: 24300.72,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15076,7 +15076,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 56149.88,
                     COGS: 39975,
                     Profit: 16174.88,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -15092,7 +15092,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 663894,
                     COGS: 684320,
                     Profit: 20426,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15108,7 +15108,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2900.1,
                     COGS: 5950,
                     Profit: 3049.9,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15124,7 +15124,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 45725.76,
                     COGS: 1812,
                     Profit: 43913.76,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15140,7 +15140,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19383,
                     COGS: 6600,
                     Profit: 12783,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -15156,7 +15156,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 26396.4,
                     COGS: 1230,
                     Profit: 25166.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15172,7 +15172,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 859005,
                     COGS: 651250,
                     Profit: 207755,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15188,7 +15188,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 44439.72,
                     COGS: 3039,
                     Profit: 41400.72,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15204,7 +15204,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 285151.25,
                     COGS: 189960,
                     Profit: 95191.25,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15220,7 +15220,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 63368.25,
                     COGS: 15650,
                     Profit: 47718.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15236,7 +15236,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 123041.25,
                     COGS: 199080,
                     Profit: 76038.75,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -15252,7 +15252,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 19588.1,
                     COGS: 5950,
                     Profit: 13638.1,
-                    Date: `2019-06-01`,
+                    Date: `06/01/2019`,
                     MonthName: `June`,
                     Year: 2019
                 }),
@@ -15268,7 +15268,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16796.4,
                     COGS: 1230,
                     Profit: 15566.4,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15284,7 +15284,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7618.8,
                     COGS: 5310,
                     Profit: 2308.8,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -15300,7 +15300,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14218.8,
                     COGS: 25790,
                     Profit: 11571.2,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -15316,7 +15316,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 29859.6,
                     COGS: 17430,
                     Profit: 12429.6,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -15332,7 +15332,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 7808.92,
                     COGS: 14980,
                     Profit: 7171.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15348,7 +15348,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 17449.6,
                     COGS: 1400,
                     Profit: 16049.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15364,7 +15364,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12067.86,
                     COGS: 1465,
                     Profit: 10602.86,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15380,7 +15380,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8032.92,
                     COGS: 14980,
                     Profit: 6947.08,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15396,7 +15396,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39016.2,
                     COGS: 2780,
                     Profit: 36236.2,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15412,7 +15412,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 54781.6,
                     COGS: 24280,
                     Profit: 30501.6,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -15428,7 +15428,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 58239.3,
                     COGS: 17670,
                     Profit: 40569.3,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -15444,7 +15444,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32915.76,
                     COGS: 4179,
                     Profit: 28736.76,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15460,7 +15460,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21285.6,
                     COGS: 1400,
                     Profit: 19885.6,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15476,7 +15476,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16019.76,
                     COGS: 4179,
                     Profit: 11840.76,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15492,7 +15492,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 39058.8,
                     COGS: 6045,
                     Profit: 33013.8,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -15508,7 +15508,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 572658,
                     COGS: 200250,
                     Profit: 372408,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -15524,7 +15524,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 207597.5,
                     COGS: 122760,
                     Profit: 84837.5,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -15540,7 +15540,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 241368,
                     COGS: 374000,
                     Profit: 132632,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15556,7 +15556,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 831480,
                     COGS: 252500,
                     Profit: 578980,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15572,7 +15572,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8267.7,
                     COGS: 15130,
                     Profit: 6862.3,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15588,7 +15588,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 16545,
                     COGS: 23000,
                     Profit: 6455,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15604,7 +15604,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 495257.5,
                     COGS: 338520,
                     Profit: 156737.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -15620,7 +15620,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 639152.5,
                     COGS: 579150,
                     Profit: 60002.5,
-                    Date: `2019-01-01`,
+                    Date: `01/01/2019`,
                     MonthName: `January`,
                     Year: 2019
                 }),
@@ -15636,7 +15636,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1279999,
                     COGS: 311740,
                     Profit: 968259,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -15652,7 +15652,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1177750,
                     COGS: 52000,
                     Profit: 1125750,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -15668,7 +15668,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15124.76,
                     COGS: 1940,
                     Profit: 13184.76,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -15684,7 +15684,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 14253.54,
                     COGS: 8635,
                     Profit: 5618.54,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15700,7 +15700,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1215,
                     COGS: 23000,
                     Profit: 21785,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -15716,7 +15716,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 5052,
                     COGS: 2600,
                     Profit: 2452,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15732,7 +15732,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6048,
                     COGS: 24700,
                     Profit: 18652,
-                    Date: `2018-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2018
                 }),
@@ -15748,7 +15748,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1919.7,
                     COGS: 17430,
                     Profit: 15510.3,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15764,7 +15764,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 40476.48,
                     COGS: 8742,
                     Profit: 31734.48,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15780,7 +15780,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 10798.62,
                     COGS: 8655,
                     Profit: 2143.62,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -15796,7 +15796,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1375850,
                     COGS: 182000,
                     Profit: 1193850,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15812,7 +15812,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30023.04,
                     COGS: 6666,
                     Profit: 23357.04,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15828,7 +15828,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 694827,
                     COGS: 306020,
                     Profit: 388807,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -15844,7 +15844,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 638372,
                     COGS: 499720,
                     Profit: 138652,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15860,7 +15860,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 521312.5,
                     COGS: 189000,
                     Profit: 332312.5,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -15876,7 +15876,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 52203.2,
                     COGS: 6060,
                     Profit: 46143.2,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -15892,7 +15892,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 297780,
                     COGS: 615000,
                     Profit: 317220,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -15908,7 +15908,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 775002,
                     COGS: 67250,
                     Profit: 707752,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15924,7 +15924,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1013988,
                     COGS: 634000,
                     Profit: 379988,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -15940,7 +15940,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 27395.06,
                     COGS: 14515,
                     Profit: 12880.06,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -15956,7 +15956,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 741678,
                     COGS: 635250,
                     Profit: 106428,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -15972,7 +15972,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 764502,
                     COGS: 67250,
                     Profit: 697252,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -15988,7 +15988,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 311568,
                     COGS: 374000,
                     Profit: 62432,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16004,7 +16004,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1168080,
                     COGS: 252500,
                     Profit: 915580,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16020,7 +16020,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 62881,
                     COGS: 333060,
                     Profit: 270179,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -16036,7 +16036,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1140504,
                     COGS: 222000,
                     Profit: 918504,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16052,7 +16052,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 481105,
                     COGS: 341280,
                     Profit: 139825,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -16068,7 +16068,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 28182,
                     COGS: 7425,
                     Profit: 20757,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16084,7 +16084,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12899.7,
                     COGS: 17430,
                     Profit: 4530.3,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16100,7 +16100,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 12492.48,
                     COGS: 8742,
                     Profit: 3750.48,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16116,7 +16116,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 6220.62,
                     COGS: 8655,
                     Profit: 2434.38,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16132,7 +16132,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 8583.54,
                     COGS: 8635,
                     Profit: 51.46,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16148,7 +16148,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 15153,
                     COGS: 18700,
                     Profit: 3547,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16164,7 +16164,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 153362.5,
                     COGS: 140880,
                     Profit: 12482.5,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16180,7 +16180,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 218243.75,
                     COGS: 332040,
                     Profit: 113796.25,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16196,7 +16196,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 221781.25,
                     COGS: 130200,
                     Profit: 91581.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16212,7 +16212,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 839130,
                     COGS: 136500,
                     Profit: 702630,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16228,7 +16228,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23126,
                     COGS: 11580,
                     Profit: 11546,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16244,7 +16244,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32758.5,
                     COGS: 16140,
                     Profit: 16618.5,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -16260,7 +16260,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11569.25,
                     COGS: 12675,
                     Profit: 1105.75,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -16276,7 +16276,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 560472.5,
                     COGS: 741260,
                     Profit: 180787.5,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -16292,7 +16292,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 9977.25,
                     COGS: 25590,
                     Profit: 15612.75,
-                    Date: `2019-08-01`,
+                    Date: `08/01/2019`,
                     MonthName: `August`,
                     Year: 2019
                 }),
@@ -16308,7 +16308,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 20439,
                     COGS: 2670,
                     Profit: 17769,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16324,7 +16324,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 293281.25,
                     COGS: 130200,
                     Profit: 163081.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16340,7 +16340,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23501.25,
                     COGS: 11750,
                     Profit: 11751.25,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16356,7 +16356,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1090932.5,
                     COGS: 521820,
                     Profit: 569112.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16372,7 +16372,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 499922.5,
                     COGS: 559260,
                     Profit: 59337.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16388,7 +16388,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 37090.8,
                     COGS: 2742,
                     Profit: 34348.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16404,7 +16404,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21221,
                     COGS: 2930,
                     Profit: 18291,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16420,7 +16420,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32436,
                     COGS: 1500,
                     Profit: 30936,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16436,7 +16436,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 11236.5,
                     COGS: 28260,
                     Profit: 17023.5,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
@@ -16452,7 +16452,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 382568.75,
                     COGS: 79560,
                     Profit: 303008.75,
-                    Date: `2019-09-01`,
+                    Date: `09/01/2019`,
                     MonthName: `September`,
                     Year: 2019
                 }),
@@ -16468,7 +16468,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 1180770,
                     COGS: 643500,
                     Profit: 537270,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16484,7 +16484,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 191912.5,
                     COGS: 292560,
                     Profit: 100647.5,
-                    Date: `2018-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2018
                 }),
@@ -16500,7 +16500,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 34114.8,
                     COGS: 2742,
                     Profit: 31372.8,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16516,7 +16516,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 78763.5,
                     COGS: 8655,
                     Profit: 70108.5,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -16532,7 +16532,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 30468,
                     COGS: 4920,
                     Profit: 25548,
-                    Date: `2019-07-01`,
+                    Date: `07/01/2019`,
                     MonthName: `July`,
                     Year: 2019
                 }),
@@ -16548,7 +16548,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 32139,
                     COGS: 2670,
                     Profit: 29469,
-                    Date: `2018-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2018
                 }),
@@ -16564,7 +16564,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 881.25,
                     COGS: 11750,
                     Profit: 10868.75,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16580,7 +16580,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 396737.5,
                     COGS: 354480,
                     Profit: 42257.5,
-                    Date: `2018-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2018
                 }),
@@ -16596,7 +16596,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 252900,
                     COGS: 66240,
                     Profit: 186660,
-                    Date: `2019-11-01`,
+                    Date: `11/01/2019`,
                     MonthName: `November`,
                     Year: 2019
                 }),
@@ -16612,7 +16612,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 46141,
                     COGS: 2930,
                     Profit: 43211,
-                    Date: `2019-12-01`,
+                    Date: `12/01/2019`,
                     MonthName: `December`,
                     Year: 2019
                 }),
@@ -16628,7 +16628,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 457725,
                     COGS: 618750,
                     Profit: 161025,
-                    Date: `2019-03-01`,
+                    Date: `03/01/2019`,
                     MonthName: `March`,
                     Year: 2019
                 }),
@@ -16644,7 +16644,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 169530,
                     COGS: 136500,
                     Profit: 33030,
-                    Date: `2019-10-01`,
+                    Date: `10/01/2019`,
                     MonthName: `October`,
                     Year: 2019
                 }),
@@ -16660,7 +16660,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 23910.6,
                     COGS: 6840,
                     Profit: 17070.6,
-                    Date: `2019-02-01`,
+                    Date: `02/01/2019`,
                     MonthName: `February`,
                     Year: 2019
                 }),
@@ -16676,7 +16676,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 21787.85,
                     COGS: 3615,
                     Profit: 18172.85,
-                    Date: `2019-04-01`,
+                    Date: `04/01/2019`,
                     MonthName: `April`,
                     Year: 2019
                 }),
@@ -16692,7 +16692,7 @@ export class PivotSalesData extends Array<PivotSalesDataItem> {
                     Sales: 2665.2,
                     COGS: 5418,
                     Profit: 2752.8,
-                    Date: `2019-05-01`,
+                    Date: `05/01/2019`,
                     MonthName: `May`,
                     Year: 2019
                 }),
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/pivot-grid/features/src/PivotDataFlat.ts b/samples/grids/pivot-grid/features/src/PivotDataFlat.ts
index d302d2f295..0bcecd8e45 100644
--- a/samples/grids/pivot-grid/features/src/PivotDataFlat.ts
+++ b/samples/grids/pivot-grid/features/src/PivotDataFlat.ts
@@ -24,7 +24,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 12.8,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Seattle`,
-                    Date: `2007-01-01T00:00:00`,
+                    Date: `01/01/2007`,
                     Value: 94.4,
                     NumberOfUnits: 282
                 }),
@@ -34,7 +34,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 49.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Sofia`,
-                    Date: `2007-01-05T00:00:00`,
+                    Date: `01/05/2007`,
                     Value: 70.8,
                     NumberOfUnits: 296
                 }),
@@ -44,7 +44,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 3.6,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-01-06T00:00:00`,
+                    Date: `01/06/2007`,
                     Value: 35.8,
                     NumberOfUnits: 68
                 }),
@@ -54,7 +54,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 85.6,
                     SellerName: `David Haley`,
                     SellerCity: `London`,
-                    Date: `2007-01-07T00:00:00`,
+                    Date: `01/07/2007`,
                     Value: 41.4,
                     NumberOfUnits: 293
                 }),
@@ -64,7 +64,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 18.2,
                     SellerName: `John Smith`,
                     SellerCity: `Seattle`,
-                    Date: `2007-01-08T00:00:00`,
+                    Date: `01/08/2007`,
                     Value: 60.6,
                     NumberOfUnits: 240
                 }),
@@ -74,7 +74,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 68.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-01-12T00:00:00`,
+                    Date: `01/12/2007`,
                     Value: 38,
                     NumberOfUnits: 456
                 }),
@@ -84,7 +84,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `Sofia`,
-                    Date: `2007-02-09T00:00:00`,
+                    Date: `02/09/2007`,
                     Value: 89.2,
                     NumberOfUnits: 492
                 }),
@@ -94,7 +94,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-02-16T00:00:00`,
+                    Date: `02/16/2007`,
                     Value: 2,
                     NumberOfUnits: 78
                 }),
@@ -104,7 +104,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73.2,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-02-17T00:00:00`,
+                    Date: `02/17/2007`,
                     Value: 4.6,
                     NumberOfUnits: 150
                 }),
@@ -114,7 +114,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73.6,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `London`,
-                    Date: `2007-02-19T00:00:00`,
+                    Date: `02/19/2007`,
                     Value: 36.2,
                     NumberOfUnits: 262
                 }),
@@ -124,7 +124,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Sofia`,
-                    Date: `2007-02-21T00:00:00`,
+                    Date: `02/21/2007`,
                     Value: 18.8,
                     NumberOfUnits: 125
                 }),
@@ -134,7 +134,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 51.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Sofia`,
-                    Date: `2007-03-04T00:00:00`,
+                    Date: `03/04/2007`,
                     Value: 11.6,
                     NumberOfUnits: 42
                 }),
@@ -144,7 +144,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 27.6,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-03-04T00:00:00`,
+                    Date: `03/04/2007`,
                     Value: 41.4,
                     NumberOfUnits: 282
                 }),
@@ -154,7 +154,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 22.4,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Berlin`,
-                    Date: `2007-03-17T00:00:00`,
+                    Date: `03/17/2007`,
                     Value: 59.8,
                     NumberOfUnits: 305
                 }),
@@ -164,7 +164,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 85.4,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-03-23T00:00:00`,
+                    Date: `03/23/2007`,
                     Value: 31.4,
                     NumberOfUnits: 265
                 }),
@@ -174,7 +174,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.8,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-03-25T00:00:00`,
+                    Date: `03/25/2007`,
                     Value: 90.4,
                     NumberOfUnits: 350
                 }),
@@ -184,7 +184,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 64.6,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-03-27T00:00:00`,
+                    Date: `03/27/2007`,
                     Value: 95.4,
                     NumberOfUnits: 82
                 }),
@@ -194,7 +194,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50,
                     SellerName: `Harry Tyler`,
                     SellerCity: `New York`,
-                    Date: `2007-04-02T00:00:00`,
+                    Date: `04/02/2007`,
                     Value: 1.4,
                     NumberOfUnits: 67
                 }),
@@ -204,7 +204,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.4,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-04-04T00:00:00`,
+                    Date: `04/04/2007`,
                     Value: 25.4,
                     NumberOfUnits: 370
                 }),
@@ -214,7 +214,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Berlin`,
-                    Date: `2007-04-12T00:00:00`,
+                    Date: `04/12/2007`,
                     Value: 46.4,
                     NumberOfUnits: 228
                 }),
@@ -224,7 +224,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 44.8,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-04-15T00:00:00`,
+                    Date: `04/15/2007`,
                     Value: 82.2,
                     NumberOfUnits: 272
                 }),
@@ -234,7 +234,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 44.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Berlin`,
-                    Date: `2007-04-18T00:00:00`,
+                    Date: `04/18/2007`,
                     Value: 84,
                     NumberOfUnits: 227
                 }),
@@ -244,7 +244,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.4,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-04-18T00:00:00`,
+                    Date: `04/18/2007`,
                     Value: 94.4,
                     NumberOfUnits: 248
                 }),
@@ -254,7 +254,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 36.6,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-04-21T00:00:00`,
+                    Date: `04/21/2007`,
                     Value: 45.8,
                     NumberOfUnits: 414
                 }),
@@ -264,7 +264,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 75.8,
                     SellerName: `Walter Pang`,
                     SellerCity: `London`,
-                    Date: `2007-04-25T00:00:00`,
+                    Date: `04/25/2007`,
                     Value: 97.6,
                     NumberOfUnits: 43
                 }),
@@ -274,7 +274,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-04-26T00:00:00`,
+                    Date: `04/26/2007`,
                     Value: 21,
                     NumberOfUnits: 71
                 }),
@@ -284,7 +284,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 40.2,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `New York`,
-                    Date: `2007-05-14T00:00:00`,
+                    Date: `05/14/2007`,
                     Value: 72,
                     NumberOfUnits: 321
                 }),
@@ -294,7 +294,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 49.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `London`,
-                    Date: `2007-05-17T00:00:00`,
+                    Date: `05/17/2007`,
                     Value: 49.6,
                     NumberOfUnits: 329
                 }),
@@ -304,7 +304,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 56.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2007-05-17T00:00:00`,
+                    Date: `05/17/2007`,
                     Value: 72.8,
                     NumberOfUnits: 88
                 }),
@@ -314,7 +314,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 67.2,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `New York`,
-                    Date: `2007-05-26T00:00:00`,
+                    Date: `05/26/2007`,
                     Value: 56.2,
                     NumberOfUnits: 366
                 }),
@@ -324,7 +324,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.6,
                     SellerName: `Walter Pang`,
                     SellerCity: `Sofia`,
-                    Date: `2007-06-02T00:00:00`,
+                    Date: `06/02/2007`,
                     Value: 81.4,
                     NumberOfUnits: 450
                 }),
@@ -334,7 +334,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 89.4,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Seattle`,
-                    Date: `2007-06-06T00:00:00`,
+                    Date: `06/06/2007`,
                     Value: 19,
                     NumberOfUnits: 475
                 }),
@@ -344,7 +344,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 33.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2007-06-11T00:00:00`,
+                    Date: `06/11/2007`,
                     Value: 55,
                     NumberOfUnits: 195
                 }),
@@ -354,7 +354,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 54.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Sofia`,
-                    Date: `2007-06-17T00:00:00`,
+                    Date: `06/17/2007`,
                     Value: 71.6,
                     NumberOfUnits: 458
                 }),
@@ -364,7 +364,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 18.4,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Sofia`,
-                    Date: `2007-07-04T00:00:00`,
+                    Date: `07/04/2007`,
                     Value: 24.2,
                     NumberOfUnits: 7
                 }),
@@ -374,7 +374,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.2,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `New York`,
-                    Date: `2007-07-08T00:00:00`,
+                    Date: `07/08/2007`,
                     Value: 57.6,
                     NumberOfUnits: 158
                 }),
@@ -384,7 +384,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 23,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-07-09T00:00:00`,
+                    Date: `07/09/2007`,
                     Value: 58.8,
                     NumberOfUnits: 34
                 }),
@@ -394,7 +394,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52.8,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2007-07-10T00:00:00`,
+                    Date: `07/10/2007`,
                     Value: 32.4,
                     NumberOfUnits: 412
                 }),
@@ -404,7 +404,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 62.2,
                     SellerName: `John Smith`,
                     SellerCity: `Sofia`,
-                    Date: `2007-07-15T00:00:00`,
+                    Date: `07/15/2007`,
                     Value: 85,
                     NumberOfUnits: 10
                 }),
@@ -414,7 +414,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 10.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `New York`,
-                    Date: `2007-07-16T00:00:00`,
+                    Date: `07/16/2007`,
                     Value: 52.2,
                     NumberOfUnits: 466
                 }),
@@ -424,7 +424,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 4.8,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `London`,
-                    Date: `2007-07-20T00:00:00`,
+                    Date: `07/20/2007`,
                     Value: 34.2,
                     NumberOfUnits: 248
                 }),
@@ -434,7 +434,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 43.8,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-07-24T00:00:00`,
+                    Date: `07/24/2007`,
                     Value: 45.6,
                     NumberOfUnits: 307
                 }),
@@ -444,7 +444,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 76.4,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2007-07-26T00:00:00`,
+                    Date: `07/26/2007`,
                     Value: 26.2,
                     NumberOfUnits: 445
                 }),
@@ -454,7 +454,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `New York`,
-                    Date: `2007-08-01T00:00:00`,
+                    Date: `08/01/2007`,
                     Value: 89.2,
                     NumberOfUnits: 480
                 }),
@@ -464,7 +464,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 68.6,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Berlin`,
-                    Date: `2007-08-02T00:00:00`,
+                    Date: `08/02/2007`,
                     Value: 38.2,
                     NumberOfUnits: 390
                 }),
@@ -474,7 +474,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-08-05T00:00:00`,
+                    Date: `08/05/2007`,
                     Value: 23.2,
                     NumberOfUnits: 388
                 }),
@@ -484,7 +484,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 45,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Seattle`,
-                    Date: `2007-08-19T00:00:00`,
+                    Date: `08/19/2007`,
                     Value: 23.4,
                     NumberOfUnits: 37
                 }),
@@ -494,7 +494,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 93.6,
                     SellerName: `John Smith`,
                     SellerCity: `New York`,
-                    Date: `2007-08-24T00:00:00`,
+                    Date: `08/24/2007`,
                     Value: 17.4,
                     NumberOfUnits: 237
                 }),
@@ -504,7 +504,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.4,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2007-08-26T00:00:00`,
+                    Date: `08/26/2007`,
                     Value: 54.6,
                     NumberOfUnits: 396
                 }),
@@ -514,7 +514,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 72.4,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-08-26T00:00:00`,
+                    Date: `08/26/2007`,
                     Value: 61,
                     NumberOfUnits: 3
                 }),
@@ -524,7 +524,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.6,
                     SellerName: `Russell Shorter`,
                     SellerCity: `New York`,
-                    Date: `2007-09-02T00:00:00`,
+                    Date: `09/02/2007`,
                     Value: 85.2,
                     NumberOfUnits: 330
                 }),
@@ -534,7 +534,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65.4,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2007-09-04T00:00:00`,
+                    Date: `09/04/2007`,
                     Value: 51.2,
                     NumberOfUnits: 143
                 }),
@@ -544,7 +544,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 30.6,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Seattle`,
-                    Date: `2007-09-05T00:00:00`,
+                    Date: `09/05/2007`,
                     Value: 55.2,
                     NumberOfUnits: 318
                 }),
@@ -554,7 +554,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.6,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Seattle`,
-                    Date: `2007-09-06T00:00:00`,
+                    Date: `09/06/2007`,
                     Value: 41.8,
                     NumberOfUnits: 393
                 }),
@@ -564,7 +564,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Seattle`,
-                    Date: `2007-09-10T00:00:00`,
+                    Date: `09/10/2007`,
                     Value: 9.2,
                     NumberOfUnits: 129
                 }),
@@ -574,7 +574,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 38,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2007-09-17T00:00:00`,
+                    Date: `09/17/2007`,
                     Value: 25.6,
                     NumberOfUnits: 426
                 }),
@@ -584,7 +584,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 2.6,
                     SellerName: `Harry Tyler`,
                     SellerCity: `London`,
-                    Date: `2007-09-18T00:00:00`,
+                    Date: `09/18/2007`,
                     Value: 36.4,
                     NumberOfUnits: 217
                 }),
@@ -594,7 +594,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 77.6,
                     SellerName: `John Smith`,
                     SellerCity: `New York`,
-                    Date: `2007-09-20T00:00:00`,
+                    Date: `09/20/2007`,
                     Value: 28,
                     NumberOfUnits: 152
                 }),
@@ -604,7 +604,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 97.2,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Seattle`,
-                    Date: `2007-09-25T00:00:00`,
+                    Date: `09/25/2007`,
                     Value: 21.8,
                     NumberOfUnits: 452
                 }),
@@ -614,7 +614,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 19.8,
                     SellerName: `Carl Costello`,
                     SellerCity: `Seattle`,
-                    Date: `2007-10-02T00:00:00`,
+                    Date: `10/02/2007`,
                     Value: 98.4,
                     NumberOfUnits: 499
                 }),
@@ -624,7 +624,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 32.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Seattle`,
-                    Date: `2007-10-06T00:00:00`,
+                    Date: `10/06/2007`,
                     Value: 79.6,
                     NumberOfUnits: 169
                 }),
@@ -634,7 +634,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 22,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Berlin`,
-                    Date: `2007-10-14T00:00:00`,
+                    Date: `10/14/2007`,
                     Value: 69.6,
                     NumberOfUnits: 386
                 }),
@@ -644,7 +644,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.6,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Sofia`,
-                    Date: `2007-10-14T00:00:00`,
+                    Date: `10/14/2007`,
                     Value: 27.8,
                     NumberOfUnits: 454
                 }),
@@ -654,7 +654,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `New York`,
-                    Date: `2007-10-25T00:00:00`,
+                    Date: `10/25/2007`,
                     Value: 82.2,
                     NumberOfUnits: 334
                 }),
@@ -664,7 +664,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.2,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Tokyo`,
-                    Date: `2007-10-26T00:00:00`,
+                    Date: `10/26/2007`,
                     Value: 54.4,
                     NumberOfUnits: 107
                 }),
@@ -674,7 +674,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Sofia`,
-                    Date: `2007-11-07T00:00:00`,
+                    Date: `11/07/2007`,
                     Value: 86.2,
                     NumberOfUnits: 275
                 }),
@@ -684,7 +684,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 64.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `London`,
-                    Date: `2007-11-09T00:00:00`,
+                    Date: `11/09/2007`,
                     Value: 37.8,
                     NumberOfUnits: 241
                 }),
@@ -694,7 +694,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 1.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `London`,
-                    Date: `2007-11-11T00:00:00`,
+                    Date: `11/11/2007`,
                     Value: 75.2,
                     NumberOfUnits: 177
                 }),
@@ -704,7 +704,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.8,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Sofia`,
-                    Date: `2007-11-13T00:00:00`,
+                    Date: `11/13/2007`,
                     Value: 58.6,
                     NumberOfUnits: 494
                 }),
@@ -714,7 +714,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.6,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Mellvile`,
-                    Date: `2007-11-19T00:00:00`,
+                    Date: `11/19/2007`,
                     Value: 40.8,
                     NumberOfUnits: 451
                 }),
@@ -724,7 +724,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 5.2,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-01-01T00:00:00`,
+                    Date: `01/01/2008`,
                     Value: 91.8,
                     NumberOfUnits: 125
                 }),
@@ -734,7 +734,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 53.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `London`,
-                    Date: `2008-01-02T00:00:00`,
+                    Date: `01/02/2008`,
                     Value: 31,
                     NumberOfUnits: 103
                 }),
@@ -744,7 +744,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `New York`,
-                    Date: `2008-01-03T00:00:00`,
+                    Date: `01/03/2008`,
                     Value: 43,
                     NumberOfUnits: 224
                 }),
@@ -754,7 +754,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-01-07T00:00:00`,
+                    Date: `01/07/2008`,
                     Value: 47.6,
                     NumberOfUnits: 498
                 }),
@@ -764,7 +764,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.8,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2008-01-08T00:00:00`,
+                    Date: `01/08/2008`,
                     Value: 15.6,
                     NumberOfUnits: 142
                 }),
@@ -774,7 +774,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 95.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Berlin`,
-                    Date: `2008-01-21T00:00:00`,
+                    Date: `01/21/2008`,
                     Value: 87.2,
                     NumberOfUnits: 487
                 }),
@@ -784,7 +784,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.8,
                     SellerName: `David Haley`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-01-27T00:00:00`,
+                    Date: `01/27/2008`,
                     Value: 14.6,
                     NumberOfUnits: 331
                 }),
@@ -794,7 +794,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 30,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2008-02-03T00:00:00`,
+                    Date: `02/03/2008`,
                     Value: 99.2,
                     NumberOfUnits: 418
                 }),
@@ -804,7 +804,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.8,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `New York`,
-                    Date: `2008-02-04T00:00:00`,
+                    Date: `02/04/2008`,
                     Value: 61,
                     NumberOfUnits: 214
                 }),
@@ -814,7 +814,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 40.4,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-02-05T00:00:00`,
+                    Date: `02/05/2008`,
                     Value: 81.8,
                     NumberOfUnits: 229
                 }),
@@ -824,7 +824,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `London`,
-                    Date: `2008-02-05T00:00:00`,
+                    Date: `02/05/2008`,
                     Value: 54.4,
                     NumberOfUnits: 16
                 }),
@@ -834,7 +834,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Sofia`,
-                    Date: `2008-02-08T00:00:00`,
+                    Date: `02/08/2008`,
                     Value: 18,
                     NumberOfUnits: 216
                 }),
@@ -844,7 +844,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 0.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Sofia`,
-                    Date: `2008-02-09T00:00:00`,
+                    Date: `02/09/2008`,
                     Value: 85,
                     NumberOfUnits: 486
                 }),
@@ -854,7 +854,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-02-13T00:00:00`,
+                    Date: `02/13/2008`,
                     Value: 45.2,
                     NumberOfUnits: 172
                 }),
@@ -864,7 +864,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 20.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `New York`,
-                    Date: `2008-02-21T00:00:00`,
+                    Date: `02/21/2008`,
                     Value: 60.6,
                     NumberOfUnits: 102
                 }),
@@ -874,7 +874,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 70.8,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Seattle`,
-                    Date: `2008-02-24T00:00:00`,
+                    Date: `02/24/2008`,
                     Value: 43,
                     NumberOfUnits: 36
                 }),
@@ -884,7 +884,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 53.4,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-02-25T00:00:00`,
+                    Date: `02/25/2008`,
                     Value: 11,
                     NumberOfUnits: 71
                 }),
@@ -894,7 +894,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 25,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-02-25T00:00:00`,
+                    Date: `02/25/2008`,
                     Value: 17,
                     NumberOfUnits: 53
                 }),
@@ -904,7 +904,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 64.6,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-02-25T00:00:00`,
+                    Date: `02/25/2008`,
                     Value: 99,
                     NumberOfUnits: 104
                 }),
@@ -914,7 +914,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.6,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-02-26T00:00:00`,
+                    Date: `02/26/2008`,
                     Value: 96.2,
                     NumberOfUnits: 294
                 }),
@@ -924,7 +924,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.2,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Sofia`,
-                    Date: `2008-03-03T00:00:00`,
+                    Date: `03/03/2008`,
                     Value: 93.8,
                     NumberOfUnits: 454
                 }),
@@ -934,7 +934,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Berlin`,
-                    Date: `2008-03-05T00:00:00`,
+                    Date: `03/05/2008`,
                     Value: 82.8,
                     NumberOfUnits: 492
                 }),
@@ -944,7 +944,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `New York`,
-                    Date: `2008-03-08T00:00:00`,
+                    Date: `03/08/2008`,
                     Value: 0.8,
                     NumberOfUnits: 132
                 }),
@@ -954,7 +954,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 24.8,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `New York`,
-                    Date: `2008-03-09T00:00:00`,
+                    Date: `03/09/2008`,
                     Value: 88.6,
                     NumberOfUnits: 225
                 }),
@@ -964,7 +964,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65.6,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-03-10T00:00:00`,
+                    Date: `03/10/2008`,
                     Value: 69.2,
                     NumberOfUnits: 422
                 }),
@@ -974,7 +974,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 70.6,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2008-03-12T00:00:00`,
+                    Date: `03/12/2008`,
                     Value: 97.2,
                     NumberOfUnits: 303
                 }),
@@ -984,7 +984,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65.2,
                     SellerName: `Carl Costello`,
                     SellerCity: `London`,
-                    Date: `2008-03-13T00:00:00`,
+                    Date: `03/13/2008`,
                     Value: 46.4,
                     NumberOfUnits: 319
                 }),
@@ -994,7 +994,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.6,
                     SellerName: `Harold Garvin`,
                     SellerCity: `London`,
-                    Date: `2008-03-14T00:00:00`,
+                    Date: `03/14/2008`,
                     Value: 48.6,
                     NumberOfUnits: 262
                 }),
@@ -1004,7 +1004,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Berlin`,
-                    Date: `2008-03-23T00:00:00`,
+                    Date: `03/23/2008`,
                     Value: 91.8,
                     NumberOfUnits: 345
                 }),
@@ -1014,7 +1014,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 88.4,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-04-03T00:00:00`,
+                    Date: `04/03/2008`,
                     Value: 87.4,
                     NumberOfUnits: 407
                 }),
@@ -1024,7 +1024,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `Berlin`,
-                    Date: `2008-04-04T00:00:00`,
+                    Date: `04/04/2008`,
                     Value: 15.2,
                     NumberOfUnits: 121
                 }),
@@ -1034,7 +1034,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 30.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2008-04-06T00:00:00`,
+                    Date: `04/06/2008`,
                     Value: 44.4,
                     NumberOfUnits: 30
                 }),
@@ -1044,7 +1044,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 88.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Berlin`,
-                    Date: `2008-04-11T00:00:00`,
+                    Date: `04/11/2008`,
                     Value: 25.4,
                     NumberOfUnits: 293
                 }),
@@ -1054,7 +1054,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.6,
                     SellerName: `David Haley`,
                     SellerCity: `Sofia`,
-                    Date: `2008-04-12T00:00:00`,
+                    Date: `04/12/2008`,
                     Value: 55.2,
                     NumberOfUnits: 271
                 }),
@@ -1064,7 +1064,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 95.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Sofia`,
-                    Date: `2008-04-18T00:00:00`,
+                    Date: `04/18/2008`,
                     Value: 25.8,
                     NumberOfUnits: 107
                 }),
@@ -1074,7 +1074,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.8,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-04-18T00:00:00`,
+                    Date: `04/18/2008`,
                     Value: 54.6,
                     NumberOfUnits: 87
                 }),
@@ -1084,7 +1084,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.8,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-04-23T00:00:00`,
+                    Date: `04/23/2008`,
                     Value: 79,
                     NumberOfUnits: 319
                 }),
@@ -1094,7 +1094,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37.2,
                     SellerName: `Lydia Burson`,
                     SellerCity: `New York`,
-                    Date: `2008-04-24T00:00:00`,
+                    Date: `04/24/2008`,
                     Value: 21.6,
                     NumberOfUnits: 346
                 }),
@@ -1104,7 +1104,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.4,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2008-05-07T00:00:00`,
+                    Date: `05/07/2008`,
                     Value: 77.8,
                     NumberOfUnits: 382
                 }),
@@ -1114,7 +1114,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `New York`,
-                    Date: `2008-05-11T00:00:00`,
+                    Date: `05/11/2008`,
                     Value: 35.4,
                     NumberOfUnits: 334
                 }),
@@ -1124,7 +1124,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 26.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-05-13T00:00:00`,
+                    Date: `05/13/2008`,
                     Value: 28.8,
                     NumberOfUnits: 176
                 }),
@@ -1134,7 +1134,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Berlin`,
-                    Date: `2008-05-19T00:00:00`,
+                    Date: `05/19/2008`,
                     Value: 8.4,
                     NumberOfUnits: 125
                 }),
@@ -1144,7 +1144,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-05-19T00:00:00`,
+                    Date: `05/19/2008`,
                     Value: 15,
                     NumberOfUnits: 458
                 }),
@@ -1154,7 +1154,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Berlin`,
-                    Date: `2008-05-25T00:00:00`,
+                    Date: `05/25/2008`,
                     Value: 68.6,
                     NumberOfUnits: 331
                 }),
@@ -1164,7 +1164,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.6,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-05-27T00:00:00`,
+                    Date: `05/27/2008`,
                     Value: 71,
                     NumberOfUnits: 39
                 }),
@@ -1174,7 +1174,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37.6,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `London`,
-                    Date: `2008-06-06T00:00:00`,
+                    Date: `06/06/2008`,
                     Value: 97.2,
                     NumberOfUnits: 238
                 }),
@@ -1184,7 +1184,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47,
                     SellerName: `Walter Pang`,
                     SellerCity: `London`,
-                    Date: `2008-06-07T00:00:00`,
+                    Date: `06/07/2008`,
                     Value: 5.8,
                     NumberOfUnits: 84
                 }),
@@ -1194,7 +1194,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.2,
                     SellerName: `Mark Slater`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-06-08T00:00:00`,
+                    Date: `06/08/2008`,
                     Value: 24.8,
                     NumberOfUnits: 363
                 }),
@@ -1204,7 +1204,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 43.6,
                     SellerName: `Harry Tyler`,
                     SellerCity: `New York`,
-                    Date: `2008-06-08T00:00:00`,
+                    Date: `06/08/2008`,
                     Value: 59,
                     NumberOfUnits: 479
                 }),
@@ -1214,7 +1214,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 56.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Sofia`,
-                    Date: `2008-06-11T00:00:00`,
+                    Date: `06/11/2008`,
                     Value: 87.6,
                     NumberOfUnits: 404
                 }),
@@ -1224,7 +1224,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 81.8,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2008-06-18T00:00:00`,
+                    Date: `06/18/2008`,
                     Value: 80.4,
                     NumberOfUnits: 478
                 }),
@@ -1234,7 +1234,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 90.2,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Sofia`,
-                    Date: `2008-06-19T00:00:00`,
+                    Date: `06/19/2008`,
                     Value: 2.4,
                     NumberOfUnits: 285
                 }),
@@ -1244,7 +1244,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Sofia`,
-                    Date: `2008-06-22T00:00:00`,
+                    Date: `06/22/2008`,
                     Value: 82.6,
                     NumberOfUnits: 15
                 }),
@@ -1254,7 +1254,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 30.8,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Berlin`,
-                    Date: `2008-06-26T00:00:00`,
+                    Date: `06/26/2008`,
                     Value: 77.8,
                     NumberOfUnits: 245
                 }),
@@ -1264,7 +1264,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.4,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-07-01T00:00:00`,
+                    Date: `07/01/2008`,
                     Value: 8.2,
                     NumberOfUnits: 376
                 }),
@@ -1274,7 +1274,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73.4,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `New York`,
-                    Date: `2008-07-02T00:00:00`,
+                    Date: `07/02/2008`,
                     Value: 48.6,
                     NumberOfUnits: 40
                 }),
@@ -1284,7 +1284,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 43.6,
                     SellerName: `Larry Lieb`,
                     SellerCity: `London`,
-                    Date: `2008-07-10T00:00:00`,
+                    Date: `07/10/2008`,
                     Value: 38,
                     NumberOfUnits: 112
                 }),
@@ -1294,7 +1294,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.4,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `New York`,
-                    Date: `2008-07-15T00:00:00`,
+                    Date: `07/15/2008`,
                     Value: 9.8,
                     NumberOfUnits: 224
                 }),
@@ -1304,7 +1304,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 71.4,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-07-16T00:00:00`,
+                    Date: `07/16/2008`,
                     Value: 66.4,
                     NumberOfUnits: 145
                 }),
@@ -1314,7 +1314,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.6,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-07-21T00:00:00`,
+                    Date: `07/21/2008`,
                     Value: 46.6,
                     NumberOfUnits: 272
                 }),
@@ -1324,7 +1324,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50.8,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `London`,
-                    Date: `2008-07-27T00:00:00`,
+                    Date: `07/27/2008`,
                     Value: 90.2,
                     NumberOfUnits: 278
                 }),
@@ -1334,7 +1334,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 12.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2008-07-27T00:00:00`,
+                    Date: `07/27/2008`,
                     Value: 89.2,
                     NumberOfUnits: 253
                 }),
@@ -1344,7 +1344,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `New York`,
-                    Date: `2008-08-01T00:00:00`,
+                    Date: `08/01/2008`,
                     Value: 28.4,
                     NumberOfUnits: 255
                 }),
@@ -1354,7 +1354,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17.2,
                     SellerName: `David Haley`,
                     SellerCity: `Seattle`,
-                    Date: `2008-08-02T00:00:00`,
+                    Date: `08/02/2008`,
                     Value: 0.6,
                     NumberOfUnits: 46
                 }),
@@ -1364,7 +1364,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 22.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Tokyo`,
-                    Date: `2008-08-08T00:00:00`,
+                    Date: `08/08/2008`,
                     Value: 58.6,
                     NumberOfUnits: 279
                 }),
@@ -1374,7 +1374,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 63,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Sofia`,
-                    Date: `2008-08-08T00:00:00`,
+                    Date: `08/08/2008`,
                     Value: 91.8,
                     NumberOfUnits: 89
                 }),
@@ -1384,7 +1384,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 83.8,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Sofia`,
-                    Date: `2008-08-14T00:00:00`,
+                    Date: `08/14/2008`,
                     Value: 52.6,
                     NumberOfUnits: 17
                 }),
@@ -1394,7 +1394,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.2,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Sofia`,
-                    Date: `2008-08-21T00:00:00`,
+                    Date: `08/21/2008`,
                     Value: 54,
                     NumberOfUnits: 470
                 }),
@@ -1404,7 +1404,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-08-25T00:00:00`,
+                    Date: `08/25/2008`,
                     Value: 1.8,
                     NumberOfUnits: 195
                 }),
@@ -1414,7 +1414,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 86.8,
                     SellerName: `Lydia Burson`,
                     SellerCity: `New York`,
-                    Date: `2008-08-27T00:00:00`,
+                    Date: `08/27/2008`,
                     Value: 23.8,
                     NumberOfUnits: 173
                 }),
@@ -1424,7 +1424,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `New York`,
-                    Date: `2008-09-01T00:00:00`,
+                    Date: `09/01/2008`,
                     Value: 51.2,
                     NumberOfUnits: 472
                 }),
@@ -1434,7 +1434,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 25.8,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2008-09-06T00:00:00`,
+                    Date: `09/06/2008`,
                     Value: 88.4,
                     NumberOfUnits: 148
                 }),
@@ -1444,7 +1444,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 23.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-09-06T00:00:00`,
+                    Date: `09/06/2008`,
                     Value: 94.6,
                     NumberOfUnits: 314
                 }),
@@ -1454,7 +1454,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 83.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2008-09-07T00:00:00`,
+                    Date: `09/07/2008`,
                     Value: 66.8,
                     NumberOfUnits: 431
                 }),
@@ -1464,7 +1464,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 84.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-09-07T00:00:00`,
+                    Date: `09/07/2008`,
                     Value: 27.6,
                     NumberOfUnits: 347
                 }),
@@ -1474,7 +1474,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.4,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Berlin`,
-                    Date: `2008-09-11T00:00:00`,
+                    Date: `09/11/2008`,
                     Value: 2.8,
                     NumberOfUnits: 27
                 }),
@@ -1484,7 +1484,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Berlin`,
-                    Date: `2008-09-12T00:00:00`,
+                    Date: `09/12/2008`,
                     Value: 12,
                     NumberOfUnits: 5
                 }),
@@ -1494,7 +1494,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50.8,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-09-19T00:00:00`,
+                    Date: `09/19/2008`,
                     Value: 16.6,
                     NumberOfUnits: 191
                 }),
@@ -1504,7 +1504,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80,
                     SellerName: `Bryan Culver`,
                     SellerCity: `New York`,
-                    Date: `2008-09-25T00:00:00`,
+                    Date: `09/25/2008`,
                     Value: 84.4,
                     NumberOfUnits: 421
                 }),
@@ -1514,7 +1514,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 62.2,
                     SellerName: `Carl Costello`,
                     SellerCity: `Seattle`,
-                    Date: `2008-10-03T00:00:00`,
+                    Date: `10/03/2008`,
                     Value: 29,
                     NumberOfUnits: 297
                 }),
@@ -1524,7 +1524,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.2,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `New York`,
-                    Date: `2008-10-04T00:00:00`,
+                    Date: `10/04/2008`,
                     Value: 15.8,
                     NumberOfUnits: 128
                 }),
@@ -1534,7 +1534,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-10-13T00:00:00`,
+                    Date: `10/13/2008`,
                     Value: 37.4,
                     NumberOfUnits: 210
                 }),
@@ -1544,7 +1544,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.8,
                     SellerName: `Russell Shorter`,
                     SellerCity: `London`,
-                    Date: `2008-10-14T00:00:00`,
+                    Date: `10/14/2008`,
                     Value: 27,
                     NumberOfUnits: 315
                 }),
@@ -1554,7 +1554,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `New York`,
-                    Date: `2008-10-19T00:00:00`,
+                    Date: `10/19/2008`,
                     Value: 69.8,
                     NumberOfUnits: 489
                 }),
@@ -1564,7 +1564,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 84.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-10-21T00:00:00`,
+                    Date: `10/21/2008`,
                     Value: 61.4,
                     NumberOfUnits: 47
                 }),
@@ -1574,7 +1574,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 25.6,
                     SellerName: `John Smith`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-10-22T00:00:00`,
+                    Date: `10/22/2008`,
                     Value: 69.4,
                     NumberOfUnits: 92
                 }),
@@ -1584,7 +1584,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 24,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-11-01T00:00:00`,
+                    Date: `11/01/2008`,
                     Value: 81.2,
                     NumberOfUnits: 30
                 }),
@@ -1594,7 +1594,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 53.6,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Berlin`,
-                    Date: `2008-11-01T00:00:00`,
+                    Date: `11/01/2008`,
                     Value: 15,
                     NumberOfUnits: 132
                 }),
@@ -1604,7 +1604,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 68.2,
                     SellerName: `Bryan Culver`,
                     SellerCity: `London`,
-                    Date: `2008-11-10T00:00:00`,
+                    Date: `11/10/2008`,
                     Value: 6.2,
                     NumberOfUnits: 368
                 }),
@@ -1614,7 +1614,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 60,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `New York`,
-                    Date: `2008-11-11T00:00:00`,
+                    Date: `11/11/2008`,
                     Value: 39.2,
                     NumberOfUnits: 482
                 }),
@@ -1624,7 +1624,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 5.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Mellvile`,
-                    Date: `2008-11-11T00:00:00`,
+                    Date: `11/11/2008`,
                     Value: 48.8,
                     NumberOfUnits: 22
                 }),
@@ -1634,7 +1634,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `London`,
-                    Date: `2008-11-20T00:00:00`,
+                    Date: `11/20/2008`,
                     Value: 87.2,
                     NumberOfUnits: 159
                 }),
@@ -1644,7 +1644,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 59.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Berlin`,
-                    Date: `2008-11-25T00:00:00`,
+                    Date: `11/25/2008`,
                     Value: 88.6,
                     NumberOfUnits: 52
                 }),
@@ -1654,7 +1654,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-01-05T00:00:00`,
+                    Date: `01/05/2009`,
                     Value: 79.8,
                     NumberOfUnits: 194
                 }),
@@ -1664,7 +1664,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 12.8,
                     SellerName: `David Haley`,
                     SellerCity: `Berlin`,
-                    Date: `2009-01-08T00:00:00`,
+                    Date: `01/08/2009`,
                     Value: 43,
                     NumberOfUnits: 100
                 }),
@@ -1674,7 +1674,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 38,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Berlin`,
-                    Date: `2009-01-10T00:00:00`,
+                    Date: `01/10/2009`,
                     Value: 48.4,
                     NumberOfUnits: 252
                 }),
@@ -1684,7 +1684,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-01-13T00:00:00`,
+                    Date: `01/13/2009`,
                     Value: 68.6,
                     NumberOfUnits: 116
                 }),
@@ -1694,7 +1694,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 91,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `London`,
-                    Date: `2009-01-14T00:00:00`,
+                    Date: `01/14/2009`,
                     Value: 27.6,
                     NumberOfUnits: 259
                 }),
@@ -1704,7 +1704,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 100,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2009-01-19T00:00:00`,
+                    Date: `01/19/2009`,
                     Value: 56.8,
                     NumberOfUnits: 217
                 }),
@@ -1714,7 +1714,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 43.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Seattle`,
-                    Date: `2009-01-22T00:00:00`,
+                    Date: `01/22/2009`,
                     Value: 36.6,
                     NumberOfUnits: 48
                 }),
@@ -1724,7 +1724,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 0.8,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `New York`,
-                    Date: `2009-02-02T00:00:00`,
+                    Date: `02/02/2009`,
                     Value: 71.4,
                     NumberOfUnits: 445
                 }),
@@ -1734,7 +1734,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 60.6,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-02-03T00:00:00`,
+                    Date: `02/03/2009`,
                     Value: 44.6,
                     NumberOfUnits: 90
                 }),
@@ -1744,7 +1744,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Sofia`,
-                    Date: `2009-02-07T00:00:00`,
+                    Date: `02/07/2009`,
                     Value: 36.2,
                     NumberOfUnits: 453
                 }),
@@ -1754,7 +1754,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 44.2,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-02-07T00:00:00`,
+                    Date: `02/07/2009`,
                     Value: 85.6,
                     NumberOfUnits: 450
                 }),
@@ -1764,7 +1764,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.4,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Sofia`,
-                    Date: `2009-02-07T00:00:00`,
+                    Date: `02/07/2009`,
                     Value: 48.2,
                     NumberOfUnits: 152
                 }),
@@ -1774,7 +1774,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 8.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Berlin`,
-                    Date: `2009-02-16T00:00:00`,
+                    Date: `02/16/2009`,
                     Value: 46.6,
                     NumberOfUnits: 119
                 }),
@@ -1784,7 +1784,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79.2,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-02-16T00:00:00`,
+                    Date: `02/16/2009`,
                     Value: 29.2,
                     NumberOfUnits: 463
                 }),
@@ -1794,7 +1794,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 18.6,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-02-17T00:00:00`,
+                    Date: `02/17/2009`,
                     Value: 19.8,
                     NumberOfUnits: 150
                 }),
@@ -1804,7 +1804,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 28,
                     SellerName: `Walter Pang`,
                     SellerCity: `Berlin`,
-                    Date: `2009-02-19T00:00:00`,
+                    Date: `02/19/2009`,
                     Value: 17.6,
                     NumberOfUnits: 210
                 }),
@@ -1814,7 +1814,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 67.2,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-02-20T00:00:00`,
+                    Date: `02/20/2009`,
                     Value: 36.4,
                     NumberOfUnits: 150
                 }),
@@ -1824,7 +1824,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 36,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `London`,
-                    Date: `2009-02-21T00:00:00`,
+                    Date: `02/21/2009`,
                     Value: 74,
                     NumberOfUnits: 97
                 }),
@@ -1834,7 +1834,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.2,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Berlin`,
-                    Date: `2009-02-22T00:00:00`,
+                    Date: `02/22/2009`,
                     Value: 86.4,
                     NumberOfUnits: 256
                 }),
@@ -1844,7 +1844,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 66.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `London`,
-                    Date: `2009-02-24T00:00:00`,
+                    Date: `02/24/2009`,
                     Value: 53,
                     NumberOfUnits: 172
                 }),
@@ -1854,7 +1854,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 15,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-02-24T00:00:00`,
+                    Date: `02/24/2009`,
                     Value: 5.2,
                     NumberOfUnits: 489
                 }),
@@ -1864,7 +1864,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Sofia`,
-                    Date: `2009-02-27T00:00:00`,
+                    Date: `02/27/2009`,
                     Value: 9.2,
                     NumberOfUnits: 222
                 }),
@@ -1874,7 +1874,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 98.4,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Berlin`,
-                    Date: `2009-03-03T00:00:00`,
+                    Date: `03/03/2009`,
                     Value: 81.4,
                     NumberOfUnits: 300
                 }),
@@ -1884,7 +1884,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 72.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `London`,
-                    Date: `2009-03-03T00:00:00`,
+                    Date: `03/03/2009`,
                     Value: 1.4,
                     NumberOfUnits: 270
                 }),
@@ -1894,7 +1894,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.4,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `London`,
-                    Date: `2009-03-07T00:00:00`,
+                    Date: `03/07/2009`,
                     Value: 81.4,
                     NumberOfUnits: 263
                 }),
@@ -1904,7 +1904,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 93.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-03-10T00:00:00`,
+                    Date: `03/10/2009`,
                     Value: 22.8,
                     NumberOfUnits: 28
                 }),
@@ -1914,7 +1914,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `London`,
-                    Date: `2009-03-15T00:00:00`,
+                    Date: `03/15/2009`,
                     Value: 20.4,
                     NumberOfUnits: 237
                 }),
@@ -1924,7 +1924,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 55,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-03-16T00:00:00`,
+                    Date: `03/16/2009`,
                     Value: 64,
                     NumberOfUnits: 171
                 }),
@@ -1934,7 +1934,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 97.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `New York`,
-                    Date: `2009-03-27T00:00:00`,
+                    Date: `03/27/2009`,
                     Value: 24,
                     NumberOfUnits: 251
                 }),
@@ -1944,7 +1944,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 51,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `London`,
-                    Date: `2009-04-01T00:00:00`,
+                    Date: `04/01/2009`,
                     Value: 32.4,
                     NumberOfUnits: 275
                 }),
@@ -1954,7 +1954,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 4.8,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `London`,
-                    Date: `2009-04-06T00:00:00`,
+                    Date: `04/06/2009`,
                     Value: 42,
                     NumberOfUnits: 311
                 }),
@@ -1964,7 +1964,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 71,
                     SellerName: `Monica Freitag`,
                     SellerCity: `New York`,
-                    Date: `2009-04-07T00:00:00`,
+                    Date: `04/07/2009`,
                     Value: 82.8,
                     NumberOfUnits: 217
                 }),
@@ -1974,7 +1974,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.8,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `London`,
-                    Date: `2009-04-09T00:00:00`,
+                    Date: `04/09/2009`,
                     Value: 62.2,
                     NumberOfUnits: 360
                 }),
@@ -1984,7 +1984,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 83.6,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Berlin`,
-                    Date: `2009-04-12T00:00:00`,
+                    Date: `04/12/2009`,
                     Value: 51.6,
                     NumberOfUnits: 35
                 }),
@@ -1994,7 +1994,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.4,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `New York`,
-                    Date: `2009-04-15T00:00:00`,
+                    Date: `04/15/2009`,
                     Value: 81,
                     NumberOfUnits: 294
                 }),
@@ -2004,7 +2004,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 70.8,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Seattle`,
-                    Date: `2009-04-16T00:00:00`,
+                    Date: `04/16/2009`,
                     Value: 36,
                     NumberOfUnits: 436
                 }),
@@ -2014,7 +2014,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.6,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `London`,
-                    Date: `2009-04-20T00:00:00`,
+                    Date: `04/20/2009`,
                     Value: 82.6,
                     NumberOfUnits: 78
                 }),
@@ -2024,7 +2024,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 29.6,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-04-22T00:00:00`,
+                    Date: `04/22/2009`,
                     Value: 94,
                     NumberOfUnits: 301
                 }),
@@ -2034,7 +2034,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 70.6,
                     SellerName: `Mark Slater`,
                     SellerCity: `New York`,
-                    Date: `2009-05-02T00:00:00`,
+                    Date: `05/02/2009`,
                     Value: 92.6,
                     NumberOfUnits: 24
                 }),
@@ -2044,7 +2044,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 71.8,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Seattle`,
-                    Date: `2009-05-04T00:00:00`,
+                    Date: `05/04/2009`,
                     Value: 19.4,
                     NumberOfUnits: 332
                 }),
@@ -2054,7 +2054,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.6,
                     SellerName: `Mark Slater`,
                     SellerCity: `Berlin`,
-                    Date: `2009-05-11T00:00:00`,
+                    Date: `05/11/2009`,
                     Value: 56.4,
                     NumberOfUnits: 307
                 }),
@@ -2064,7 +2064,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 36.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Seattle`,
-                    Date: `2009-05-11T00:00:00`,
+                    Date: `05/11/2009`,
                     Value: 34.4,
                     NumberOfUnits: 375
                 }),
@@ -2074,7 +2074,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 62.8,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-05-12T00:00:00`,
+                    Date: `05/12/2009`,
                     Value: 2,
                     NumberOfUnits: 499
                 }),
@@ -2084,7 +2084,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13.8,
                     SellerName: `Russell Shorter`,
                     SellerCity: `London`,
-                    Date: `2009-05-21T00:00:00`,
+                    Date: `05/21/2009`,
                     Value: 42.6,
                     NumberOfUnits: 337
                 }),
@@ -2094,7 +2094,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 46.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `London`,
-                    Date: `2009-05-24T00:00:00`,
+                    Date: `05/24/2009`,
                     Value: 55.4,
                     NumberOfUnits: 284
                 }),
@@ -2104,7 +2104,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 95.4,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Berlin`,
-                    Date: `2009-05-26T00:00:00`,
+                    Date: `05/26/2009`,
                     Value: 94.8,
                     NumberOfUnits: 292
                 }),
@@ -2114,7 +2114,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Sofia`,
-                    Date: `2009-05-26T00:00:00`,
+                    Date: `05/26/2009`,
                     Value: 60.2,
                     NumberOfUnits: 424
                 }),
@@ -2124,7 +2124,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.4,
                     SellerName: `Mark Slater`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-06-05T00:00:00`,
+                    Date: `06/05/2009`,
                     Value: 29,
                     NumberOfUnits: 271
                 }),
@@ -2134,7 +2134,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 87,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-06-10T00:00:00`,
+                    Date: `06/10/2009`,
                     Value: 94,
                     NumberOfUnits: 6
                 }),
@@ -2144,7 +2144,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Sofia`,
-                    Date: `2009-06-12T00:00:00`,
+                    Date: `06/12/2009`,
                     Value: 95,
                     NumberOfUnits: 44
                 }),
@@ -2154,7 +2154,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2009-06-12T00:00:00`,
+                    Date: `06/12/2009`,
                     Value: 74.2,
                     NumberOfUnits: 277
                 }),
@@ -2164,7 +2164,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Seattle`,
-                    Date: `2009-06-13T00:00:00`,
+                    Date: `06/13/2009`,
                     Value: 65.2,
                     NumberOfUnits: 98
                 }),
@@ -2174,7 +2174,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.4,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-06-22T00:00:00`,
+                    Date: `06/22/2009`,
                     Value: 68.6,
                     NumberOfUnits: 443
                 }),
@@ -2184,7 +2184,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Seattle`,
-                    Date: `2009-06-26T00:00:00`,
+                    Date: `06/26/2009`,
                     Value: 81.4,
                     NumberOfUnits: 409
                 }),
@@ -2194,7 +2194,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 26.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `New York`,
-                    Date: `2009-07-02T00:00:00`,
+                    Date: `07/02/2009`,
                     Value: 68.2,
                     NumberOfUnits: 240
                 }),
@@ -2204,7 +2204,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.2,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Seattle`,
-                    Date: `2009-07-10T00:00:00`,
+                    Date: `07/10/2009`,
                     Value: 95.6,
                     NumberOfUnits: 23
                 }),
@@ -2214,7 +2214,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 29.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-07-12T00:00:00`,
+                    Date: `07/12/2009`,
                     Value: 36,
                     NumberOfUnits: 109
                 }),
@@ -2224,7 +2224,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 86.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Berlin`,
-                    Date: `2009-07-13T00:00:00`,
+                    Date: `07/13/2009`,
                     Value: 30,
                     NumberOfUnits: 117
                 }),
@@ -2234,7 +2234,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 58.4,
                     SellerName: `Mark Slater`,
                     SellerCity: `New York`,
-                    Date: `2009-07-15T00:00:00`,
+                    Date: `07/15/2009`,
                     Value: 34.4,
                     NumberOfUnits: 336
                 }),
@@ -2244,7 +2244,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Seattle`,
-                    Date: `2009-07-18T00:00:00`,
+                    Date: `07/18/2009`,
                     Value: 92.4,
                     NumberOfUnits: 372
                 }),
@@ -2254,7 +2254,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 10.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Berlin`,
-                    Date: `2009-07-19T00:00:00`,
+                    Date: `07/19/2009`,
                     Value: 90.4,
                     NumberOfUnits: 403
                 }),
@@ -2264,7 +2264,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2009-07-19T00:00:00`,
+                    Date: `07/19/2009`,
                     Value: 66.2,
                     NumberOfUnits: 144
                 }),
@@ -2274,7 +2274,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.6,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Seattle`,
-                    Date: `2009-07-19T00:00:00`,
+                    Date: `07/19/2009`,
                     Value: 41.8,
                     NumberOfUnits: 395
                 }),
@@ -2284,7 +2284,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 33.6,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `New York`,
-                    Date: `2009-07-20T00:00:00`,
+                    Date: `07/20/2009`,
                     Value: 16.6,
                     NumberOfUnits: 236
                 }),
@@ -2294,7 +2294,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 48.8,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2009-07-20T00:00:00`,
+                    Date: `07/20/2009`,
                     Value: 86.8,
                     NumberOfUnits: 160
                 }),
@@ -2304,7 +2304,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 81.8,
                     SellerName: `David Haley`,
                     SellerCity: `Sofia`,
-                    Date: `2009-07-20T00:00:00`,
+                    Date: `07/20/2009`,
                     Value: 65.8,
                     NumberOfUnits: 157
                 }),
@@ -2314,7 +2314,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.8,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `Sofia`,
-                    Date: `2009-07-25T00:00:00`,
+                    Date: `07/25/2009`,
                     Value: 0.2,
                     NumberOfUnits: 255
                 }),
@@ -2324,7 +2324,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 88.6,
                     SellerName: `Mark Slater`,
                     SellerCity: `London`,
-                    Date: `2009-08-16T00:00:00`,
+                    Date: `08/16/2009`,
                     Value: 43,
                     NumberOfUnits: 284
                 }),
@@ -2334,7 +2334,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 89.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-08-17T00:00:00`,
+                    Date: `08/17/2009`,
                     Value: 15.8,
                     NumberOfUnits: 333
                 }),
@@ -2344,7 +2344,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 24,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Seattle`,
-                    Date: `2009-08-17T00:00:00`,
+                    Date: `08/17/2009`,
                     Value: 51.6,
                     NumberOfUnits: 48
                 }),
@@ -2354,7 +2354,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 19.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `New York`,
-                    Date: `2009-08-18T00:00:00`,
+                    Date: `08/18/2009`,
                     Value: 82.6,
                     NumberOfUnits: 399
                 }),
@@ -2364,7 +2364,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.4,
                     SellerName: `Mark Slater`,
                     SellerCity: `Berlin`,
-                    Date: `2009-08-24T00:00:00`,
+                    Date: `08/24/2009`,
                     Value: 68.6,
                     NumberOfUnits: 413
                 }),
@@ -2374,7 +2374,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 1.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Sofia`,
-                    Date: `2009-09-06T00:00:00`,
+                    Date: `09/06/2009`,
                     Value: 72,
                     NumberOfUnits: 182
                 }),
@@ -2384,7 +2384,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 77,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-09-06T00:00:00`,
+                    Date: `09/06/2009`,
                     Value: 45,
                     NumberOfUnits: 156
                 }),
@@ -2394,7 +2394,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-09-09T00:00:00`,
+                    Date: `09/09/2009`,
                     Value: 92.4,
                     NumberOfUnits: 293
                 }),
@@ -2404,7 +2404,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 22.8,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Berlin`,
-                    Date: `2009-10-01T00:00:00`,
+                    Date: `10/01/2009`,
                     Value: 100,
                     NumberOfUnits: 16
                 }),
@@ -2414,7 +2414,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78.2,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Seattle`,
-                    Date: `2009-10-01T00:00:00`,
+                    Date: `10/01/2009`,
                     Value: 16,
                     NumberOfUnits: 106
                 }),
@@ -2424,7 +2424,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-10-06T00:00:00`,
+                    Date: `10/06/2009`,
                     Value: 91.6,
                     NumberOfUnits: 16
                 }),
@@ -2434,7 +2434,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 22.2,
                     SellerName: `John Smith`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-10-07T00:00:00`,
+                    Date: `10/07/2009`,
                     Value: 1.8,
                     NumberOfUnits: 187
                 }),
@@ -2444,7 +2444,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2009-10-10T00:00:00`,
+                    Date: `10/10/2009`,
                     Value: 21.8,
                     NumberOfUnits: 137
                 }),
@@ -2454,7 +2454,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 46.2,
                     SellerName: `Mark Slater`,
                     SellerCity: `Seattle`,
-                    Date: `2009-10-14T00:00:00`,
+                    Date: `10/14/2009`,
                     Value: 15,
                     NumberOfUnits: 138
                 }),
@@ -2464,7 +2464,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.4,
                     SellerName: `Mark Slater`,
                     SellerCity: `Seattle`,
-                    Date: `2009-10-24T00:00:00`,
+                    Date: `10/24/2009`,
                     Value: 65,
                     NumberOfUnits: 256
                 }),
@@ -2474,7 +2474,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 40.2,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `London`,
-                    Date: `2009-10-24T00:00:00`,
+                    Date: `10/24/2009`,
                     Value: 11.2,
                     NumberOfUnits: 353
                 }),
@@ -2484,7 +2484,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17.2,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-11-01T00:00:00`,
+                    Date: `11/01/2009`,
                     Value: 95,
                     NumberOfUnits: 359
                 }),
@@ -2494,7 +2494,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52,
                     SellerName: `Walter Pang`,
                     SellerCity: `Tokyo`,
-                    Date: `2009-11-04T00:00:00`,
+                    Date: `11/04/2009`,
                     Value: 43.2,
                     NumberOfUnits: 134
                 }),
@@ -2504,7 +2504,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 91,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2009-11-09T00:00:00`,
+                    Date: `11/09/2009`,
                     Value: 25.2,
                     NumberOfUnits: 263
                 }),
@@ -2514,7 +2514,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 88.6,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Seattle`,
-                    Date: `2009-11-11T00:00:00`,
+                    Date: `11/11/2009`,
                     Value: 41,
                     NumberOfUnits: 313
                 }),
@@ -2524,7 +2524,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 46.6,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-11-16T00:00:00`,
+                    Date: `11/16/2009`,
                     Value: 20.4,
                     NumberOfUnits: 115
                 }),
@@ -2534,7 +2534,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 20.4,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Berlin`,
-                    Date: `2009-11-17T00:00:00`,
+                    Date: `11/17/2009`,
                     Value: 33,
                     NumberOfUnits: 414
                 }),
@@ -2544,7 +2544,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 70.8,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `New York`,
-                    Date: `2009-11-21T00:00:00`,
+                    Date: `11/21/2009`,
                     Value: 3,
                     NumberOfUnits: 53
                 }),
@@ -2554,7 +2554,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 81.6,
                     SellerName: `John Smith`,
                     SellerCity: `New York`,
-                    Date: `2009-11-22T00:00:00`,
+                    Date: `11/22/2009`,
                     Value: 86.8,
                     NumberOfUnits: 472
                 }),
@@ -2564,7 +2564,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Mellvile`,
-                    Date: `2009-11-23T00:00:00`,
+                    Date: `11/23/2009`,
                     Value: 53.6,
                     NumberOfUnits: 199
                 }),
@@ -2574,7 +2574,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 29.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Sofia`,
-                    Date: `2009-11-24T00:00:00`,
+                    Date: `11/24/2009`,
                     Value: 27.4,
                     NumberOfUnits: 241
                 }),
@@ -2584,7 +2584,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 33.2,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `New York`,
-                    Date: `2009-11-24T00:00:00`,
+                    Date: `11/24/2009`,
                     Value: 1.2,
                     NumberOfUnits: 320
                 }),
@@ -2594,7 +2594,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65.6,
                     SellerName: `David Haley`,
                     SellerCity: `London`,
-                    Date: `2010-01-02T00:00:00`,
+                    Date: `01/02/2010`,
                     Value: 20.6,
                     NumberOfUnits: 299
                 }),
@@ -2604,7 +2604,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 62.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2010-01-08T00:00:00`,
+                    Date: `01/08/2010`,
                     Value: 35.4,
                     NumberOfUnits: 366
                 }),
@@ -2614,7 +2614,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78.6,
                     SellerName: `John Smith`,
                     SellerCity: `New York`,
-                    Date: `2010-01-10T00:00:00`,
+                    Date: `01/10/2010`,
                     Value: 27.8,
                     NumberOfUnits: 290
                 }),
@@ -2624,7 +2624,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 11.6,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Sofia`,
-                    Date: `2010-01-11T00:00:00`,
+                    Date: `01/11/2010`,
                     Value: 61.8,
                     NumberOfUnits: 350
                 }),
@@ -2634,7 +2634,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 33.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Sofia`,
-                    Date: `2010-01-14T00:00:00`,
+                    Date: `01/14/2010`,
                     Value: 33.8,
                     NumberOfUnits: 469
                 }),
@@ -2644,7 +2644,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.2,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Sofia`,
-                    Date: `2010-01-21T00:00:00`,
+                    Date: `01/21/2010`,
                     Value: 75.6,
                     NumberOfUnits: 352
                 }),
@@ -2654,7 +2654,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 92.2,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2010-01-25T00:00:00`,
+                    Date: `01/25/2010`,
                     Value: 38.8,
                     NumberOfUnits: 47
                 }),
@@ -2664,7 +2664,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 93.2,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Tokyo`,
-                    Date: `2010-02-02T00:00:00`,
+                    Date: `02/02/2010`,
                     Value: 66.4,
                     NumberOfUnits: 153
                 }),
@@ -2674,7 +2674,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Berlin`,
-                    Date: `2010-02-02T00:00:00`,
+                    Date: `02/02/2010`,
                     Value: 28.6,
                     NumberOfUnits: 211
                 }),
@@ -2684,7 +2684,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Sofia`,
-                    Date: `2010-02-04T00:00:00`,
+                    Date: `02/04/2010`,
                     Value: 67,
                     NumberOfUnits: 267
                 }),
@@ -2694,7 +2694,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.4,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `New York`,
-                    Date: `2010-02-04T00:00:00`,
+                    Date: `02/04/2010`,
                     Value: 71.4,
                     NumberOfUnits: 91
                 }),
@@ -2704,7 +2704,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 19.8,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Tokyo`,
-                    Date: `2010-02-05T00:00:00`,
+                    Date: `02/05/2010`,
                     Value: 46,
                     NumberOfUnits: 84
                 }),
@@ -2714,7 +2714,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 87.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-02-11T00:00:00`,
+                    Date: `02/11/2010`,
                     Value: 66.8,
                     NumberOfUnits: 270
                 }),
@@ -2724,7 +2724,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 76.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Berlin`,
-                    Date: `2010-02-12T00:00:00`,
+                    Date: `02/12/2010`,
                     Value: 87,
                     NumberOfUnits: 496
                 }),
@@ -2734,7 +2734,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52,
                     SellerName: `John Smith`,
                     SellerCity: `Seattle`,
-                    Date: `2010-02-16T00:00:00`,
+                    Date: `02/16/2010`,
                     Value: 47.4,
                     NumberOfUnits: 24
                 }),
@@ -2744,7 +2744,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.8,
                     SellerName: `Walter Pang`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-02-17T00:00:00`,
+                    Date: `02/17/2010`,
                     Value: 72.8,
                     NumberOfUnits: 41
                 }),
@@ -2754,7 +2754,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 15.8,
                     SellerName: `John Smith`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-02-22T00:00:00`,
+                    Date: `02/22/2010`,
                     Value: 65.6,
                     NumberOfUnits: 365
                 }),
@@ -2764,7 +2764,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 2.8,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Sofia`,
-                    Date: `2010-03-01T00:00:00`,
+                    Date: `03/01/2010`,
                     Value: 68.6,
                     NumberOfUnits: 202
                 }),
@@ -2774,7 +2774,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52.4,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Seattle`,
-                    Date: `2010-03-01T00:00:00`,
+                    Date: `03/01/2010`,
                     Value: 79.4,
                     NumberOfUnits: 225
                 }),
@@ -2784,7 +2784,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 0.4,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-03-03T00:00:00`,
+                    Date: `03/03/2010`,
                     Value: 70.2,
                     NumberOfUnits: 206
                 }),
@@ -2794,7 +2794,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 22.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Sofia`,
-                    Date: `2010-03-11T00:00:00`,
+                    Date: `03/11/2010`,
                     Value: 54.8,
                     NumberOfUnits: 158
                 }),
@@ -2804,7 +2804,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.8,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `London`,
-                    Date: `2010-03-14T00:00:00`,
+                    Date: `03/14/2010`,
                     Value: 70.4,
                     NumberOfUnits: 169
                 }),
@@ -2814,7 +2814,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 1.2,
                     SellerName: `John Smith`,
                     SellerCity: `New York`,
-                    Date: `2010-03-15T00:00:00`,
+                    Date: `03/15/2010`,
                     Value: 19,
                     NumberOfUnits: 4
                 }),
@@ -2824,7 +2824,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 12.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `New York`,
-                    Date: `2010-03-15T00:00:00`,
+                    Date: `03/15/2010`,
                     Value: 12.8,
                     NumberOfUnits: 232
                 }),
@@ -2834,7 +2834,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 58.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Berlin`,
-                    Date: `2010-03-16T00:00:00`,
+                    Date: `03/16/2010`,
                     Value: 78.8,
                     NumberOfUnits: 421
                 }),
@@ -2844,7 +2844,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 44,
                     SellerName: `David Haley`,
                     SellerCity: `Seattle`,
-                    Date: `2010-03-25T00:00:00`,
+                    Date: `03/25/2010`,
                     Value: 89.6,
                     NumberOfUnits: 260
                 }),
@@ -2854,7 +2854,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 54.6,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Seattle`,
-                    Date: `2010-04-02T00:00:00`,
+                    Date: `04/02/2010`,
                     Value: 92,
                     NumberOfUnits: 194
                 }),
@@ -2864,7 +2864,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.6,
                     SellerName: `Walter Pang`,
                     SellerCity: `Tokyo`,
-                    Date: `2010-04-05T00:00:00`,
+                    Date: `04/05/2010`,
                     Value: 35.4,
                     NumberOfUnits: 491
                 }),
@@ -2874,7 +2874,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 11.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `London`,
-                    Date: `2010-04-14T00:00:00`,
+                    Date: `04/14/2010`,
                     Value: 30,
                     NumberOfUnits: 256
                 }),
@@ -2884,7 +2884,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 18.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-04-15T00:00:00`,
+                    Date: `04/15/2010`,
                     Value: 84.6,
                     NumberOfUnits: 279
                 }),
@@ -2894,7 +2894,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 8.4,
                     SellerName: `Carl Costello`,
                     SellerCity: `Berlin`,
-                    Date: `2010-04-15T00:00:00`,
+                    Date: `04/15/2010`,
                     Value: 99.6,
                     NumberOfUnits: 287
                 }),
@@ -2904,7 +2904,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78,
                     SellerName: `Carl Costello`,
                     SellerCity: `New York`,
-                    Date: `2010-04-22T00:00:00`,
+                    Date: `04/22/2010`,
                     Value: 59,
                     NumberOfUnits: 363
                 }),
@@ -2914,7 +2914,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 55.6,
                     SellerName: `Mark Slater`,
                     SellerCity: `Berlin`,
-                    Date: `2010-04-22T00:00:00`,
+                    Date: `04/22/2010`,
                     Value: 16.4,
                     NumberOfUnits: 499
                 }),
@@ -2924,7 +2924,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.4,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Berlin`,
-                    Date: `2010-04-24T00:00:00`,
+                    Date: `04/24/2010`,
                     Value: 0.2,
                     NumberOfUnits: 109
                 }),
@@ -2934,7 +2934,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.8,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Berlin`,
-                    Date: `2010-05-04T00:00:00`,
+                    Date: `05/04/2010`,
                     Value: 99.6,
                     NumberOfUnits: 25
                 }),
@@ -2944,7 +2944,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 62.4,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-05-05T00:00:00`,
+                    Date: `05/05/2010`,
                     Value: 48,
                     NumberOfUnits: 64
                 }),
@@ -2954,7 +2954,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 38.8,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `London`,
-                    Date: `2010-05-06T00:00:00`,
+                    Date: `05/06/2010`,
                     Value: 57.8,
                     NumberOfUnits: 256
                 }),
@@ -2964,7 +2964,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17.8,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-05-07T00:00:00`,
+                    Date: `05/07/2010`,
                     Value: 15.4,
                     NumberOfUnits: 50
                 }),
@@ -2974,7 +2974,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.8,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Berlin`,
-                    Date: `2010-05-07T00:00:00`,
+                    Date: `05/07/2010`,
                     Value: 58.6,
                     NumberOfUnits: 437
                 }),
@@ -2984,7 +2984,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Sofia`,
-                    Date: `2010-05-19T00:00:00`,
+                    Date: `05/19/2010`,
                     Value: 41,
                     NumberOfUnits: 253
                 }),
@@ -2994,7 +2994,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 10.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `London`,
-                    Date: `2010-05-22T00:00:00`,
+                    Date: `05/22/2010`,
                     Value: 24,
                     NumberOfUnits: 312
                 }),
@@ -3004,7 +3004,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 87.8,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `London`,
-                    Date: `2010-05-24T00:00:00`,
+                    Date: `05/24/2010`,
                     Value: 12.6,
                     NumberOfUnits: 82
                 }),
@@ -3014,7 +3014,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.6,
                     SellerName: `Harold Garvin`,
                     SellerCity: `New York`,
-                    Date: `2010-06-01T00:00:00`,
+                    Date: `06/01/2010`,
                     Value: 32.2,
                     NumberOfUnits: 467
                 }),
@@ -3024,7 +3024,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79.8,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Sofia`,
-                    Date: `2010-06-05T00:00:00`,
+                    Date: `06/05/2010`,
                     Value: 69.6,
                     NumberOfUnits: 74
                 }),
@@ -3034,7 +3034,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 1.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2010-06-10T00:00:00`,
+                    Date: `06/10/2010`,
                     Value: 14.8,
                     NumberOfUnits: 81
                 }),
@@ -3044,7 +3044,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 15,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Berlin`,
-                    Date: `2010-06-25T00:00:00`,
+                    Date: `06/25/2010`,
                     Value: 18.8,
                     NumberOfUnits: 88
                 }),
@@ -3054,7 +3054,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 43.4,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-06-26T00:00:00`,
+                    Date: `06/26/2010`,
                     Value: 44.4,
                     NumberOfUnits: 126
                 }),
@@ -3064,7 +3064,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.2,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Sofia`,
-                    Date: `2010-06-27T00:00:00`,
+                    Date: `06/27/2010`,
                     Value: 77.8,
                     NumberOfUnits: 112
                 }),
@@ -3074,7 +3074,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 59.2,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Sofia`,
-                    Date: `2010-06-27T00:00:00`,
+                    Date: `06/27/2010`,
                     Value: 15.4,
                     NumberOfUnits: 47
                 }),
@@ -3084,7 +3084,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 40,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Sofia`,
-                    Date: `2010-07-05T00:00:00`,
+                    Date: `07/05/2010`,
                     Value: 29.4,
                     NumberOfUnits: 218
                 }),
@@ -3094,7 +3094,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 27,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `New York`,
-                    Date: `2010-07-05T00:00:00`,
+                    Date: `07/05/2010`,
                     Value: 30,
                     NumberOfUnits: 34
                 }),
@@ -3104,7 +3104,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Sofia`,
-                    Date: `2010-07-13T00:00:00`,
+                    Date: `07/13/2010`,
                     Value: 83.4,
                     NumberOfUnits: 492
                 }),
@@ -3114,7 +3114,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 53.4,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Sofia`,
-                    Date: `2010-07-16T00:00:00`,
+                    Date: `07/16/2010`,
                     Value: 41.6,
                     NumberOfUnits: 464
                 }),
@@ -3124,7 +3124,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.4,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2010-07-17T00:00:00`,
+                    Date: `07/17/2010`,
                     Value: 83.4,
                     NumberOfUnits: 118
                 }),
@@ -3134,7 +3134,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 24,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2010-07-18T00:00:00`,
+                    Date: `07/18/2010`,
                     Value: 94.2,
                     NumberOfUnits: 442
                 }),
@@ -3144,7 +3144,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37.6,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `London`,
-                    Date: `2010-07-23T00:00:00`,
+                    Date: `07/23/2010`,
                     Value: 59.6,
                     NumberOfUnits: 248
                 }),
@@ -3154,7 +3154,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 60.8,
                     SellerName: `Lydia Burson`,
                     SellerCity: `London`,
-                    Date: `2010-07-23T00:00:00`,
+                    Date: `07/23/2010`,
                     Value: 83.6,
                     NumberOfUnits: 472
                 }),
@@ -3164,7 +3164,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `New York`,
-                    Date: `2010-07-24T00:00:00`,
+                    Date: `07/24/2010`,
                     Value: 84,
                     NumberOfUnits: 140
                 }),
@@ -3174,7 +3174,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47.6,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Tokyo`,
-                    Date: `2010-07-26T00:00:00`,
+                    Date: `07/26/2010`,
                     Value: 86.6,
                     NumberOfUnits: 118
                 }),
@@ -3184,7 +3184,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 58.2,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Sofia`,
-                    Date: `2010-07-27T00:00:00`,
+                    Date: `07/27/2010`,
                     Value: 64,
                     NumberOfUnits: 176
                 }),
@@ -3194,7 +3194,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 98.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-08-01T00:00:00`,
+                    Date: `08/01/2010`,
                     Value: 23.4,
                     NumberOfUnits: 77
                 }),
@@ -3204,7 +3204,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 3,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `Sofia`,
-                    Date: `2010-08-08T00:00:00`,
+                    Date: `08/08/2010`,
                     Value: 74.4,
                     NumberOfUnits: 105
                 }),
@@ -3214,7 +3214,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 98.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Tokyo`,
-                    Date: `2010-08-21T00:00:00`,
+                    Date: `08/21/2010`,
                     Value: 60.8,
                     NumberOfUnits: 160
                 }),
@@ -3224,7 +3224,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Seattle`,
-                    Date: `2010-08-26T00:00:00`,
+                    Date: `08/26/2010`,
                     Value: 67,
                     NumberOfUnits: 186
                 }),
@@ -3234,7 +3234,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 17.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Seattle`,
-                    Date: `2010-09-04T00:00:00`,
+                    Date: `09/04/2010`,
                     Value: 29,
                     NumberOfUnits: 380
                 }),
@@ -3244,7 +3244,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 38.8,
                     SellerName: `John Smith`,
                     SellerCity: `Tokyo`,
-                    Date: `2010-09-11T00:00:00`,
+                    Date: `09/11/2010`,
                     Value: 41.6,
                     NumberOfUnits: 470
                 }),
@@ -3254,7 +3254,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 75.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-09-13T00:00:00`,
+                    Date: `09/13/2010`,
                     Value: 42.8,
                     NumberOfUnits: 348
                 }),
@@ -3264,7 +3264,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 55.4,
                     SellerName: `Carl Costello`,
                     SellerCity: `London`,
-                    Date: `2010-09-14T00:00:00`,
+                    Date: `09/14/2010`,
                     Value: 29.4,
                     NumberOfUnits: 151
                 }),
@@ -3274,7 +3274,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 51.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `New York`,
-                    Date: `2010-09-24T00:00:00`,
+                    Date: `09/24/2010`,
                     Value: 86.6,
                     NumberOfUnits: 7
                 }),
@@ -3284,7 +3284,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 31.4,
                     SellerName: `Monica Freitag`,
                     SellerCity: `New York`,
-                    Date: `2010-10-07T00:00:00`,
+                    Date: `10/07/2010`,
                     Value: 39,
                     NumberOfUnits: 123
                 }),
@@ -3294,7 +3294,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80,
                     SellerName: `Mark Slater`,
                     SellerCity: `Seattle`,
-                    Date: `2010-10-08T00:00:00`,
+                    Date: `10/08/2010`,
                     Value: 8.8,
                     NumberOfUnits: 374
                 }),
@@ -3304,7 +3304,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.8,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Mellvile`,
-                    Date: `2010-10-11T00:00:00`,
+                    Date: `10/11/2010`,
                     Value: 96.8,
                     NumberOfUnits: 178
                 }),
@@ -3314,7 +3314,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Sofia`,
-                    Date: `2010-10-22T00:00:00`,
+                    Date: `10/22/2010`,
                     Value: 31.4,
                     NumberOfUnits: 354
                 }),
@@ -3324,7 +3324,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 46.6,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `New York`,
-                    Date: `2010-10-25T00:00:00`,
+                    Date: `10/25/2010`,
                     Value: 85.6,
                     NumberOfUnits: 459
                 }),
@@ -3334,7 +3334,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 27.2,
                     SellerName: `Mark Slater`,
                     SellerCity: `London`,
-                    Date: `2010-11-02T00:00:00`,
+                    Date: `11/02/2010`,
                     Value: 46.4,
                     NumberOfUnits: 78
                 }),
@@ -3344,7 +3344,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 30.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `Berlin`,
-                    Date: `2010-11-03T00:00:00`,
+                    Date: `11/03/2010`,
                     Value: 52.2,
                     NumberOfUnits: 417
                 }),
@@ -3354,7 +3354,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 82.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `Seattle`,
-                    Date: `2010-11-12T00:00:00`,
+                    Date: `11/12/2010`,
                     Value: 15.4,
                     NumberOfUnits: 208
                 }),
@@ -3364,7 +3364,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Seattle`,
-                    Date: `2010-11-19T00:00:00`,
+                    Date: `11/19/2010`,
                     Value: 48.6,
                     NumberOfUnits: 359
                 }),
@@ -3374,7 +3374,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 8.8,
                     SellerName: `Russell Shorter`,
                     SellerCity: `New York`,
-                    Date: `2010-11-25T00:00:00`,
+                    Date: `11/25/2010`,
                     Value: 24.6,
                     NumberOfUnits: 392
                 }),
@@ -3384,7 +3384,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 78.4,
                     SellerName: `John Smith`,
                     SellerCity: `London`,
-                    Date: `2011-01-01T00:00:00`,
+                    Date: `01/01/2011`,
                     Value: 37.6,
                     NumberOfUnits: 241
                 }),
@@ -3394,7 +3394,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50.6,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Seattle`,
-                    Date: `2011-01-04T00:00:00`,
+                    Date: `01/04/2011`,
                     Value: 27.2,
                     NumberOfUnits: 62
                 }),
@@ -3404,7 +3404,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 6.4,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-01-06T00:00:00`,
+                    Date: `01/06/2011`,
                     Value: 89.6,
                     NumberOfUnits: 485
                 }),
@@ -3414,7 +3414,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Sofia`,
-                    Date: `2011-01-14T00:00:00`,
+                    Date: `01/14/2011`,
                     Value: 5,
                     NumberOfUnits: 470
                 }),
@@ -3424,7 +3424,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 6.2,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2011-01-23T00:00:00`,
+                    Date: `01/23/2011`,
                     Value: 78.6,
                     NumberOfUnits: 197
                 }),
@@ -3434,7 +3434,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.6,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Berlin`,
-                    Date: `2011-01-26T00:00:00`,
+                    Date: `01/26/2011`,
                     Value: 59.8,
                     NumberOfUnits: 353
                 }),
@@ -3444,7 +3444,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37.6,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-02-01T00:00:00`,
+                    Date: `02/01/2011`,
                     Value: 39.6,
                     NumberOfUnits: 338
                 }),
@@ -3454,7 +3454,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `New York`,
-                    Date: `2011-02-08T00:00:00`,
+                    Date: `02/08/2011`,
                     Value: 93,
                     NumberOfUnits: 17
                 }),
@@ -3464,7 +3464,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 11.8,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Berlin`,
-                    Date: `2011-02-12T00:00:00`,
+                    Date: `02/12/2011`,
                     Value: 61.4,
                     NumberOfUnits: 429
                 }),
@@ -3474,7 +3474,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-02-14T00:00:00`,
+                    Date: `02/14/2011`,
                     Value: 24.4,
                     NumberOfUnits: 385
                 }),
@@ -3484,7 +3484,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 20,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `New York`,
-                    Date: `2011-02-20T00:00:00`,
+                    Date: `02/20/2011`,
                     Value: 35.4,
                     NumberOfUnits: 166
                 }),
@@ -3494,7 +3494,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 3.2,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Seattle`,
-                    Date: `2011-02-20T00:00:00`,
+                    Date: `02/20/2011`,
                     Value: 52.6,
                     NumberOfUnits: 137
                 }),
@@ -3504,7 +3504,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 18.2,
                     SellerName: `Russell Shorter`,
                     SellerCity: `New York`,
-                    Date: `2011-02-24T00:00:00`,
+                    Date: `02/24/2011`,
                     Value: 8.2,
                     NumberOfUnits: 443
                 }),
@@ -3514,7 +3514,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 20.4,
                     SellerName: `Carl Costello`,
                     SellerCity: `Seattle`,
-                    Date: `2011-02-26T00:00:00`,
+                    Date: `02/26/2011`,
                     Value: 87.4,
                     NumberOfUnits: 40
                 }),
@@ -3524,7 +3524,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 20.6,
                     SellerName: `Glenn Landeros`,
                     SellerCity: `London`,
-                    Date: `2011-03-05T00:00:00`,
+                    Date: `03/05/2011`,
                     Value: 7.4,
                     NumberOfUnits: 138
                 }),
@@ -3534,7 +3534,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 23.8,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-03-09T00:00:00`,
+                    Date: `03/09/2011`,
                     Value: 18.2,
                     NumberOfUnits: 15
                 }),
@@ -3544,7 +3544,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 76.4,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-03-09T00:00:00`,
+                    Date: `03/09/2011`,
                     Value: 74.6,
                     NumberOfUnits: 469
                 }),
@@ -3554,7 +3554,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 93.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `London`,
-                    Date: `2011-03-11T00:00:00`,
+                    Date: `03/11/2011`,
                     Value: 89,
                     NumberOfUnits: 426
                 }),
@@ -3564,7 +3564,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 63,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Seattle`,
-                    Date: `2011-03-16T00:00:00`,
+                    Date: `03/16/2011`,
                     Value: 32.6,
                     NumberOfUnits: 208
                 }),
@@ -3574,7 +3574,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 58.6,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Seattle`,
-                    Date: `2011-03-21T00:00:00`,
+                    Date: `03/21/2011`,
                     Value: 51,
                     NumberOfUnits: 155
                 }),
@@ -3584,7 +3584,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 82.4,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Seattle`,
-                    Date: `2011-03-23T00:00:00`,
+                    Date: `03/23/2011`,
                     Value: 33.4,
                     NumberOfUnits: 381
                 }),
@@ -3594,7 +3594,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 19.2,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-04-12T00:00:00`,
+                    Date: `04/12/2011`,
                     Value: 75.2,
                     NumberOfUnits: 5
                 }),
@@ -3604,7 +3604,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 53.6,
                     SellerName: `Walter Pang`,
                     SellerCity: `London`,
-                    Date: `2011-04-12T00:00:00`,
+                    Date: `04/12/2011`,
                     Value: 14.6,
                     NumberOfUnits: 221
                 }),
@@ -3614,7 +3614,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 97.4,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Sofia`,
-                    Date: `2011-04-14T00:00:00`,
+                    Date: `04/14/2011`,
                     Value: 84.8,
                     NumberOfUnits: 39
                 }),
@@ -3624,7 +3624,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 74.2,
                     SellerName: `Mark Slater`,
                     SellerCity: `New York`,
-                    Date: `2011-04-16T00:00:00`,
+                    Date: `04/16/2011`,
                     Value: 51.4,
                     NumberOfUnits: 468
                 }),
@@ -3634,7 +3634,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 8.2,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Seattle`,
-                    Date: `2011-04-17T00:00:00`,
+                    Date: `04/17/2011`,
                     Value: 0.8,
                     NumberOfUnits: 44
                 }),
@@ -3644,7 +3644,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 59.2,
                     SellerName: `John Smith`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-04-22T00:00:00`,
+                    Date: `04/22/2011`,
                     Value: 47.6,
                     NumberOfUnits: 287
                 }),
@@ -3654,7 +3654,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.8,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Sofia`,
-                    Date: `2011-04-24T00:00:00`,
+                    Date: `04/24/2011`,
                     Value: 78.6,
                     NumberOfUnits: 463
                 }),
@@ -3664,7 +3664,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 76.8,
                     SellerName: `Walter Pang`,
                     SellerCity: `Seattle`,
-                    Date: `2011-04-24T00:00:00`,
+                    Date: `04/24/2011`,
                     Value: 63,
                     NumberOfUnits: 335
                 }),
@@ -3674,7 +3674,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `Berlin`,
-                    Date: `2011-04-24T00:00:00`,
+                    Date: `04/24/2011`,
                     Value: 30.6,
                     NumberOfUnits: 211
                 }),
@@ -3684,7 +3684,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 66.4,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Seattle`,
-                    Date: `2011-05-03T00:00:00`,
+                    Date: `05/03/2011`,
                     Value: 87.4,
                     NumberOfUnits: 291
                 }),
@@ -3694,7 +3694,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37,
                     SellerName: `John Smith`,
                     SellerCity: `Sofia`,
-                    Date: `2011-05-05T00:00:00`,
+                    Date: `05/05/2011`,
                     Value: 40.2,
                     NumberOfUnits: 1
                 }),
@@ -3704,7 +3704,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.4,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Seattle`,
-                    Date: `2011-05-06T00:00:00`,
+                    Date: `05/06/2011`,
                     Value: 46,
                     NumberOfUnits: 120
                 }),
@@ -3714,7 +3714,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 20,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Berlin`,
-                    Date: `2011-05-06T00:00:00`,
+                    Date: `05/06/2011`,
                     Value: 72.6,
                     NumberOfUnits: 382
                 }),
@@ -3724,7 +3724,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.6,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Seattle`,
-                    Date: `2011-05-07T00:00:00`,
+                    Date: `05/07/2011`,
                     Value: 7.8,
                     NumberOfUnits: 63
                 }),
@@ -3734,7 +3734,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.8,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Seattle`,
-                    Date: `2011-05-12T00:00:00`,
+                    Date: `05/12/2011`,
                     Value: 94.4,
                     NumberOfUnits: 230
                 }),
@@ -3744,7 +3744,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 5,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-05-13T00:00:00`,
+                    Date: `05/13/2011`,
                     Value: 31,
                     NumberOfUnits: 362
                 }),
@@ -3754,7 +3754,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 10.8,
                     SellerName: `Monica Freitag`,
                     SellerCity: `New York`,
-                    Date: `2011-05-17T00:00:00`,
+                    Date: `05/17/2011`,
                     Value: 59.8,
                     NumberOfUnits: 430
                 }),
@@ -3764,7 +3764,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 66.2,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2011-05-23T00:00:00`,
+                    Date: `05/23/2011`,
                     Value: 91.2,
                     NumberOfUnits: 204
                 }),
@@ -3774,7 +3774,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 61,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Berlin`,
-                    Date: `2011-05-24T00:00:00`,
+                    Date: `05/24/2011`,
                     Value: 86.2,
                     NumberOfUnits: 118
                 }),
@@ -3784,7 +3784,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 68.8,
                     SellerName: `Walter Pang`,
                     SellerCity: `Sofia`,
-                    Date: `2011-06-01T00:00:00`,
+                    Date: `06/01/2011`,
                     Value: 14.6,
                     NumberOfUnits: 17
                 }),
@@ -3794,7 +3794,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 40.8,
                     SellerName: `Walter Pang`,
                     SellerCity: `New York`,
-                    Date: `2011-06-03T00:00:00`,
+                    Date: `06/03/2011`,
                     Value: 9,
                     NumberOfUnits: 312
                 }),
@@ -3804,7 +3804,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 97,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Seattle`,
-                    Date: `2011-06-12T00:00:00`,
+                    Date: `06/12/2011`,
                     Value: 95,
                     NumberOfUnits: 283
                 }),
@@ -3814,7 +3814,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 67,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Seattle`,
-                    Date: `2011-06-13T00:00:00`,
+                    Date: `06/13/2011`,
                     Value: 27.6,
                     NumberOfUnits: 460
                 }),
@@ -3824,7 +3824,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 67.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `New York`,
-                    Date: `2011-06-14T00:00:00`,
+                    Date: `06/14/2011`,
                     Value: 66.2,
                     NumberOfUnits: 295
                 }),
@@ -3834,7 +3834,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 28.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-06-15T00:00:00`,
+                    Date: `06/15/2011`,
                     Value: 50.6,
                     NumberOfUnits: 49
                 }),
@@ -3844,7 +3844,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-06-24T00:00:00`,
+                    Date: `06/24/2011`,
                     Value: 8,
                     NumberOfUnits: 127
                 }),
@@ -3854,7 +3854,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 39.2,
                     SellerName: `Mark Slater`,
                     SellerCity: `Seattle`,
-                    Date: `2011-06-27T00:00:00`,
+                    Date: `06/27/2011`,
                     Value: 98.8,
                     NumberOfUnits: 244
                 }),
@@ -3864,7 +3864,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 53.4,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-07-01T00:00:00`,
+                    Date: `07/01/2011`,
                     Value: 11.2,
                     NumberOfUnits: 188
                 }),
@@ -3874,7 +3874,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 25.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Seattle`,
-                    Date: `2011-07-06T00:00:00`,
+                    Date: `07/06/2011`,
                     Value: 56.2,
                     NumberOfUnits: 458
                 }),
@@ -3884,7 +3884,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 70.4,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-07-08T00:00:00`,
+                    Date: `07/08/2011`,
                     Value: 82.4,
                     NumberOfUnits: 448
                 }),
@@ -3894,7 +3894,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.6,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Berlin`,
-                    Date: `2011-07-27T00:00:00`,
+                    Date: `07/27/2011`,
                     Value: 30.6,
                     NumberOfUnits: 226
                 }),
@@ -3904,7 +3904,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2011-08-01T00:00:00`,
+                    Date: `08/01/2011`,
                     Value: 69.6,
                     NumberOfUnits: 474
                 }),
@@ -3914,7 +3914,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 37.6,
                     SellerName: `David Haley`,
                     SellerCity: `Sofia`,
-                    Date: `2011-08-02T00:00:00`,
+                    Date: `08/02/2011`,
                     Value: 62.8,
                     NumberOfUnits: 338
                 }),
@@ -3924,7 +3924,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.4,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `London`,
-                    Date: `2011-08-02T00:00:00`,
+                    Date: `08/02/2011`,
                     Value: 75.2,
                     NumberOfUnits: 88
                 }),
@@ -3934,7 +3934,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 72.2,
                     SellerName: `Carl Costello`,
                     SellerCity: `Berlin`,
-                    Date: `2011-08-04T00:00:00`,
+                    Date: `08/04/2011`,
                     Value: 86.4,
                     NumberOfUnits: 436
                 }),
@@ -3944,7 +3944,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.4,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-08-06T00:00:00`,
+                    Date: `08/06/2011`,
                     Value: 9.2,
                     NumberOfUnits: 297
                 }),
@@ -3954,7 +3954,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47,
                     SellerName: `Russell Shorter`,
                     SellerCity: `London`,
-                    Date: `2011-08-07T00:00:00`,
+                    Date: `08/07/2011`,
                     Value: 5.2,
                     NumberOfUnits: 240
                 }),
@@ -3964,7 +3964,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 26.4,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Sofia`,
-                    Date: `2011-08-07T00:00:00`,
+                    Date: `08/07/2011`,
                     Value: 80.2,
                     NumberOfUnits: 415
                 }),
@@ -3974,7 +3974,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 49.2,
                     SellerName: `David Haley`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-08-08T00:00:00`,
+                    Date: `08/08/2011`,
                     Value: 61.2,
                     NumberOfUnits: 435
                 }),
@@ -3984,7 +3984,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 95.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Berlin`,
-                    Date: `2011-08-16T00:00:00`,
+                    Date: `08/16/2011`,
                     Value: 73.8,
                     NumberOfUnits: 64
                 }),
@@ -3994,7 +3994,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 74.2,
                     SellerName: `John Smith`,
                     SellerCity: `Seattle`,
-                    Date: `2011-08-23T00:00:00`,
+                    Date: `08/23/2011`,
                     Value: 40.8,
                     NumberOfUnits: 21
                 }),
@@ -4004,7 +4004,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 82.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2011-08-25T00:00:00`,
+                    Date: `08/25/2011`,
                     Value: 55,
                     NumberOfUnits: 467
                 }),
@@ -4014,7 +4014,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.8,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Sofia`,
-                    Date: `2011-09-02T00:00:00`,
+                    Date: `09/02/2011`,
                     Value: 28.2,
                     NumberOfUnits: 98
                 }),
@@ -4024,7 +4024,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 83.6,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-09-04T00:00:00`,
+                    Date: `09/04/2011`,
                     Value: 72.6,
                     NumberOfUnits: 370
                 }),
@@ -4034,7 +4034,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.6,
                     SellerName: `Walter Pang`,
                     SellerCity: `Berlin`,
-                    Date: `2011-09-05T00:00:00`,
+                    Date: `09/05/2011`,
                     Value: 81,
                     NumberOfUnits: 94
                 }),
@@ -4044,7 +4044,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 74.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `London`,
-                    Date: `2011-09-09T00:00:00`,
+                    Date: `09/09/2011`,
                     Value: 95,
                     NumberOfUnits: 106
                 }),
@@ -4054,7 +4054,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 75.4,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Sofia`,
-                    Date: `2011-09-11T00:00:00`,
+                    Date: `09/11/2011`,
                     Value: 10,
                     NumberOfUnits: 261
                 }),
@@ -4064,7 +4064,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 10.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Seattle`,
-                    Date: `2011-09-17T00:00:00`,
+                    Date: `09/17/2011`,
                     Value: 29.4,
                     NumberOfUnits: 307
                 }),
@@ -4074,7 +4074,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73,
                     SellerName: `Harry Tyler`,
                     SellerCity: `New York`,
-                    Date: `2011-09-17T00:00:00`,
+                    Date: `09/17/2011`,
                     Value: 57,
                     NumberOfUnits: 362
                 }),
@@ -4084,7 +4084,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 85.2,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-09-24T00:00:00`,
+                    Date: `09/24/2011`,
                     Value: 24,
                     NumberOfUnits: 330
                 }),
@@ -4094,7 +4094,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 77.6,
                     SellerName: `Walter Pang`,
                     SellerCity: `New York`,
-                    Date: `2011-09-26T00:00:00`,
+                    Date: `09/26/2011`,
                     Value: 91.8,
                     NumberOfUnits: 23
                 }),
@@ -4104,7 +4104,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50.4,
                     SellerName: `David Haley`,
                     SellerCity: `Berlin`,
-                    Date: `2011-09-27T00:00:00`,
+                    Date: `09/27/2011`,
                     Value: 66.8,
                     NumberOfUnits: 392
                 }),
@@ -4114,7 +4114,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 32.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Seattle`,
-                    Date: `2011-10-13T00:00:00`,
+                    Date: `10/13/2011`,
                     Value: 81.6,
                     NumberOfUnits: 16
                 }),
@@ -4124,7 +4124,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 63,
                     SellerName: `Lydia Burson`,
                     SellerCity: `New York`,
-                    Date: `2011-10-13T00:00:00`,
+                    Date: `10/13/2011`,
                     Value: 31,
                     NumberOfUnits: 100
                 }),
@@ -4134,7 +4134,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13.4,
                     SellerName: `Carl Costello`,
                     SellerCity: `Berlin`,
-                    Date: `2011-10-22T00:00:00`,
+                    Date: `10/22/2011`,
                     Value: 85.6,
                     NumberOfUnits: 132
                 }),
@@ -4144,7 +4144,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 0.4,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2011-10-22T00:00:00`,
+                    Date: `10/22/2011`,
                     Value: 74.4,
                     NumberOfUnits: 22
                 }),
@@ -4154,7 +4154,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 66.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `New York`,
-                    Date: `2011-11-02T00:00:00`,
+                    Date: `11/02/2011`,
                     Value: 88.2,
                     NumberOfUnits: 96
                 }),
@@ -4164,7 +4164,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 50.2,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Berlin`,
-                    Date: `2011-11-03T00:00:00`,
+                    Date: `11/03/2011`,
                     Value: 31.4,
                     NumberOfUnits: 76
                 }),
@@ -4174,7 +4174,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 68,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-11-04T00:00:00`,
+                    Date: `11/04/2011`,
                     Value: 91.2,
                     NumberOfUnits: 492
                 }),
@@ -4184,7 +4184,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 6.6,
                     SellerName: `Harry Tyler`,
                     SellerCity: `Berlin`,
-                    Date: `2011-11-08T00:00:00`,
+                    Date: `11/08/2011`,
                     Value: 51.6,
                     NumberOfUnits: 49
                 }),
@@ -4194,7 +4194,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.6,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-11-12T00:00:00`,
+                    Date: `11/12/2011`,
                     Value: 21,
                     NumberOfUnits: 197
                 }),
@@ -4204,7 +4204,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 60,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-11-12T00:00:00`,
+                    Date: `11/12/2011`,
                     Value: 70.4,
                     NumberOfUnits: 484
                 }),
@@ -4214,7 +4214,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 67.4,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Tokyo`,
-                    Date: `2011-11-13T00:00:00`,
+                    Date: `11/13/2011`,
                     Value: 14.4,
                     NumberOfUnits: 182
                 }),
@@ -4224,7 +4224,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `London`,
-                    Date: `2011-11-15T00:00:00`,
+                    Date: `11/15/2011`,
                     Value: 18.4,
                     NumberOfUnits: 42
                 }),
@@ -4234,7 +4234,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 66.8,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `New York`,
-                    Date: `2011-11-19T00:00:00`,
+                    Date: `11/19/2011`,
                     Value: 52.8,
                     NumberOfUnits: 109
                 }),
@@ -4244,7 +4244,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 56.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Mellvile`,
-                    Date: `2011-11-23T00:00:00`,
+                    Date: `11/23/2011`,
                     Value: 40.2,
                     NumberOfUnits: 310
                 }),
@@ -4254,7 +4254,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 93.6,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Sofia`,
-                    Date: `2012-01-03T00:00:00`,
+                    Date: `01/03/2012`,
                     Value: 53.4,
                     NumberOfUnits: 306
                 }),
@@ -4264,7 +4264,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.6,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Seattle`,
-                    Date: `2012-01-06T00:00:00`,
+                    Date: `01/06/2012`,
                     Value: 83,
                     NumberOfUnits: 290
                 }),
@@ -4274,7 +4274,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.2,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Tokyo`,
-                    Date: `2012-01-10T00:00:00`,
+                    Date: `01/10/2012`,
                     Value: 29.8,
                     NumberOfUnits: 499
                 }),
@@ -4284,7 +4284,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 9.8,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Berlin`,
-                    Date: `2012-01-11T00:00:00`,
+                    Date: `01/11/2012`,
                     Value: 10.8,
                     NumberOfUnits: 7
                 }),
@@ -4294,7 +4294,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 64.6,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Sofia`,
-                    Date: `2012-01-14T00:00:00`,
+                    Date: `01/14/2012`,
                     Value: 35,
                     NumberOfUnits: 220
                 }),
@@ -4304,7 +4304,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 47.4,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `New York`,
-                    Date: `2012-01-15T00:00:00`,
+                    Date: `01/15/2012`,
                     Value: 50.2,
                     NumberOfUnits: 395
                 }),
@@ -4314,7 +4314,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.6,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Sofia`,
-                    Date: `2012-01-18T00:00:00`,
+                    Date: `01/18/2012`,
                     Value: 100,
                     NumberOfUnits: 219
                 }),
@@ -4324,7 +4324,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 10.8,
                     SellerName: `Larry Lieb`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-01-18T00:00:00`,
+                    Date: `01/18/2012`,
                     Value: 92,
                     NumberOfUnits: 229
                 }),
@@ -4334,7 +4334,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 65,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-01-22T00:00:00`,
+                    Date: `01/22/2012`,
                     Value: 55.8,
                     NumberOfUnits: 111
                 }),
@@ -4344,7 +4344,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 48,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `London`,
-                    Date: `2012-02-01T00:00:00`,
+                    Date: `02/01/2012`,
                     Value: 20.6,
                     NumberOfUnits: 237
                 }),
@@ -4354,7 +4354,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 87.8,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Berlin`,
-                    Date: `2012-02-13T00:00:00`,
+                    Date: `02/13/2012`,
                     Value: 17.2,
                     NumberOfUnits: 114
                 }),
@@ -4364,7 +4364,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 55.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `London`,
-                    Date: `2012-02-23T00:00:00`,
+                    Date: `02/23/2012`,
                     Value: 76.8,
                     NumberOfUnits: 329
                 }),
@@ -4374,7 +4374,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 40.8,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `Seattle`,
-                    Date: `2012-02-24T00:00:00`,
+                    Date: `02/24/2012`,
                     Value: 1.2,
                     NumberOfUnits: 135
                 }),
@@ -4384,7 +4384,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `New York`,
-                    Date: `2012-03-02T00:00:00`,
+                    Date: `03/02/2012`,
                     Value: 46.8,
                     NumberOfUnits: 187
                 }),
@@ -4394,7 +4394,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 14.8,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2012-03-10T00:00:00`,
+                    Date: `03/10/2012`,
                     Value: 17.6,
                     NumberOfUnits: 286
                 }),
@@ -4404,7 +4404,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 13,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-03-11T00:00:00`,
+                    Date: `03/11/2012`,
                     Value: 18.2,
                     NumberOfUnits: 468
                 }),
@@ -4414,7 +4414,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 26,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Tokyo`,
-                    Date: `2012-03-18T00:00:00`,
+                    Date: `03/18/2012`,
                     Value: 93.2,
                     NumberOfUnits: 71
                 }),
@@ -4424,7 +4424,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 72.6,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-03-21T00:00:00`,
+                    Date: `03/21/2012`,
                     Value: 62,
                     NumberOfUnits: 251
                 }),
@@ -4434,7 +4434,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 44.4,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Berlin`,
-                    Date: `2012-03-25T00:00:00`,
+                    Date: `03/25/2012`,
                     Value: 57.2,
                     NumberOfUnits: 297
                 }),
@@ -4444,7 +4444,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 68.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Berlin`,
-                    Date: `2012-03-25T00:00:00`,
+                    Date: `03/25/2012`,
                     Value: 4.2,
                     NumberOfUnits: 248
                 }),
@@ -4454,7 +4454,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 35.4,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `Sofia`,
-                    Date: `2012-03-26T00:00:00`,
+                    Date: `03/26/2012`,
                     Value: 45.2,
                     NumberOfUnits: 488
                 }),
@@ -4464,7 +4464,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 41.2,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Sofia`,
-                    Date: `2012-04-06T00:00:00`,
+                    Date: `04/06/2012`,
                     Value: 59.6,
                     NumberOfUnits: 211
                 }),
@@ -4474,7 +4474,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 29.4,
                     SellerName: `Stanley Brooker`,
                     SellerCity: `Seattle`,
-                    Date: `2012-04-14T00:00:00`,
+                    Date: `04/14/2012`,
                     Value: 3.2,
                     NumberOfUnits: 149
                 }),
@@ -4484,7 +4484,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Berlin`,
-                    Date: `2012-04-14T00:00:00`,
+                    Date: `04/14/2012`,
                     Value: 9.8,
                     NumberOfUnits: 99
                 }),
@@ -4494,7 +4494,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.8,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Seattle`,
-                    Date: `2012-04-16T00:00:00`,
+                    Date: `04/16/2012`,
                     Value: 14,
                     NumberOfUnits: 225
                 }),
@@ -4504,7 +4504,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 26,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Seattle`,
-                    Date: `2012-04-27T00:00:00`,
+                    Date: `04/27/2012`,
                     Value: 95.4,
                     NumberOfUnits: 408
                 }),
@@ -4514,7 +4514,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 5,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Sofia`,
-                    Date: `2012-05-09T00:00:00`,
+                    Date: `05/09/2012`,
                     Value: 40.2,
                     NumberOfUnits: 417
                 }),
@@ -4524,7 +4524,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 3,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `London`,
-                    Date: `2012-05-24T00:00:00`,
+                    Date: `05/24/2012`,
                     Value: 67.8,
                     NumberOfUnits: 221
                 }),
@@ -4534,7 +4534,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 57.6,
                     SellerName: `Mark Slater`,
                     SellerCity: `New York`,
-                    Date: `2012-06-02T00:00:00`,
+                    Date: `06/02/2012`,
                     Value: 45.4,
                     NumberOfUnits: 288
                 }),
@@ -4544,7 +4544,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 72.4,
                     SellerName: `Bryan Culver`,
                     SellerCity: `Berlin`,
-                    Date: `2012-06-03T00:00:00`,
+                    Date: `06/03/2012`,
                     Value: 92.8,
                     NumberOfUnits: 372
                 }),
@@ -4554,7 +4554,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 82.6,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Seattle`,
-                    Date: `2012-06-03T00:00:00`,
+                    Date: `06/03/2012`,
                     Value: 51.4,
                     NumberOfUnits: 408
                 }),
@@ -4564,7 +4564,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 91.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-06-04T00:00:00`,
+                    Date: `06/04/2012`,
                     Value: 28.6,
                     NumberOfUnits: 13
                 }),
@@ -4574,7 +4574,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.8,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-06-05T00:00:00`,
+                    Date: `06/05/2012`,
                     Value: 31.6,
                     NumberOfUnits: 487
                 }),
@@ -4584,7 +4584,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 46.4,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Sofia`,
-                    Date: `2012-06-11T00:00:00`,
+                    Date: `06/11/2012`,
                     Value: 86,
                     NumberOfUnits: 276
                 }),
@@ -4594,7 +4594,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 18.2,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `New York`,
-                    Date: `2012-06-16T00:00:00`,
+                    Date: `06/16/2012`,
                     Value: 40.2,
                     NumberOfUnits: 490
                 }),
@@ -4604,7 +4604,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 48.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `London`,
-                    Date: `2012-06-18T00:00:00`,
+                    Date: `06/18/2012`,
                     Value: 55.6,
                     NumberOfUnits: 238
                 }),
@@ -4614,7 +4614,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 94.4,
                     SellerName: `David Haley`,
                     SellerCity: `Tokyo`,
-                    Date: `2012-06-23T00:00:00`,
+                    Date: `06/23/2012`,
                     Value: 92,
                     NumberOfUnits: 170
                 }),
@@ -4624,7 +4624,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 48.8,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-07-04T00:00:00`,
+                    Date: `07/04/2012`,
                     Value: 72.8,
                     NumberOfUnits: 132
                 }),
@@ -4634,7 +4634,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 82.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-07-05T00:00:00`,
+                    Date: `07/05/2012`,
                     Value: 56.8,
                     NumberOfUnits: 443
                 }),
@@ -4644,7 +4644,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 38.2,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `New York`,
-                    Date: `2012-07-05T00:00:00`,
+                    Date: `07/05/2012`,
                     Value: 27.6,
                     NumberOfUnits: 368
                 }),
@@ -4654,7 +4654,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 24.2,
                     SellerName: `Harold Garvin`,
                     SellerCity: `New York`,
-                    Date: `2012-07-11T00:00:00`,
+                    Date: `07/11/2012`,
                     Value: 38.6,
                     NumberOfUnits: 39
                 }),
@@ -4664,7 +4664,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 4,
                     SellerName: `Alfredo Fetuchini`,
                     SellerCity: `Tokyo`,
-                    Date: `2012-07-13T00:00:00`,
+                    Date: `07/13/2012`,
                     Value: 43.2,
                     NumberOfUnits: 95
                 }),
@@ -4674,7 +4674,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 81.8,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `Berlin`,
-                    Date: `2012-07-14T00:00:00`,
+                    Date: `07/14/2012`,
                     Value: 42.6,
                     NumberOfUnits: 42
                 }),
@@ -4684,7 +4684,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 75,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Seattle`,
-                    Date: `2012-07-16T00:00:00`,
+                    Date: `07/16/2012`,
                     Value: 61.4,
                     NumberOfUnits: 200
                 }),
@@ -4694,7 +4694,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 85.6,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Seattle`,
-                    Date: `2012-07-16T00:00:00`,
+                    Date: `07/16/2012`,
                     Value: 10.6,
                     NumberOfUnits: 221
                 }),
@@ -4704,7 +4704,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 96.4,
                     SellerName: `Larry Lieb`,
                     SellerCity: `New York`,
-                    Date: `2012-07-21T00:00:00`,
+                    Date: `07/21/2012`,
                     Value: 99.6,
                     NumberOfUnits: 54
                 }),
@@ -4714,7 +4714,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 46.2,
                     SellerName: `Lydia Burson`,
                     SellerCity: `Tokyo`,
-                    Date: `2012-07-21T00:00:00`,
+                    Date: `07/21/2012`,
                     Value: 56,
                     NumberOfUnits: 173
                 }),
@@ -4724,7 +4724,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99.8,
                     SellerName: `Lydia Burson`,
                     SellerCity: `London`,
-                    Date: `2012-07-23T00:00:00`,
+                    Date: `07/23/2012`,
                     Value: 10.8,
                     NumberOfUnits: 47
                 }),
@@ -4734,7 +4734,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 42.4,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-07-26T00:00:00`,
+                    Date: `07/26/2012`,
                     Value: 91.6,
                     NumberOfUnits: 173
                 }),
@@ -4744,7 +4744,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 52.2,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Mellvile`,
-                    Date: `2012-08-05T00:00:00`,
+                    Date: `08/05/2012`,
                     Value: 98.8,
                     NumberOfUnits: 323
                 }),
@@ -4754,7 +4754,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 45.6,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Sofia`,
-                    Date: `2012-08-07T00:00:00`,
+                    Date: `08/07/2012`,
                     Value: 26,
                     NumberOfUnits: 264
                 }),
@@ -4764,7 +4764,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 56.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Sofia`,
-                    Date: `2012-08-09T00:00:00`,
+                    Date: `08/09/2012`,
                     Value: 11.6,
                     NumberOfUnits: 385
                 }),
@@ -4774,7 +4774,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 3.6,
                     SellerName: `Harry Tyler`,
                     SellerCity: `London`,
-                    Date: `2012-08-10T00:00:00`,
+                    Date: `08/10/2012`,
                     Value: 26,
                     NumberOfUnits: 56
                 }),
@@ -4784,7 +4784,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.6,
                     SellerName: `Benjamin Dupree`,
                     SellerCity: `Berlin`,
-                    Date: `2012-08-12T00:00:00`,
+                    Date: `08/12/2012`,
                     Value: 96.2,
                     NumberOfUnits: 267
                 }),
@@ -4794,7 +4794,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 92.4,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Seattle`,
-                    Date: `2012-08-14T00:00:00`,
+                    Date: `08/14/2012`,
                     Value: 95,
                     NumberOfUnits: 109
                 }),
@@ -4804,7 +4804,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 34.8,
                     SellerName: `Mark Slater`,
                     SellerCity: `Berlin`,
-                    Date: `2012-08-17T00:00:00`,
+                    Date: `08/17/2012`,
                     Value: 62.4,
                     NumberOfUnits: 478
                 }),
@@ -4814,7 +4814,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 23.4,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `Berlin`,
-                    Date: `2012-08-21T00:00:00`,
+                    Date: `08/21/2012`,
                     Value: 57.8,
                     NumberOfUnits: 184
                 }),
@@ -4824,7 +4824,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 79.6,
                     SellerName: `Brandon Mckim`,
                     SellerCity: `Seattle`,
-                    Date: `2012-08-21T00:00:00`,
+                    Date: `08/21/2012`,
                     Value: 35.4,
                     NumberOfUnits: 132
                 }),
@@ -4834,7 +4834,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 30.8,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Sofia`,
-                    Date: `2012-08-22T00:00:00`,
+                    Date: `08/22/2012`,
                     Value: 96,
                     NumberOfUnits: 142
                 }),
@@ -4844,7 +4844,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 90,
                     SellerName: `Carl Costello`,
                     SellerCity: `Seattle`,
-                    Date: `2012-08-27T00:00:00`,
+                    Date: `08/27/2012`,
                     Value: 27.6,
                     NumberOfUnits: 46
                 }),
@@ -4854,7 +4854,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 83.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `Seattle`,
-                    Date: `2012-09-03T00:00:00`,
+                    Date: `09/03/2012`,
                     Value: 68.6,
                     NumberOfUnits: 102
                 }),
@@ -4864,7 +4864,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 0.2,
                     SellerName: `Russell Shorter`,
                     SellerCity: `Berlin`,
-                    Date: `2012-09-09T00:00:00`,
+                    Date: `09/09/2012`,
                     Value: 96.6,
                     NumberOfUnits: 21
                 }),
@@ -4874,7 +4874,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 36.6,
                     SellerName: `Monica Freitag`,
                     SellerCity: `Sofia`,
-                    Date: `2012-09-10T00:00:00`,
+                    Date: `09/10/2012`,
                     Value: 5,
                     NumberOfUnits: 442
                 }),
@@ -4884,7 +4884,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 92.4,
                     SellerName: `Harry Tyler`,
                     SellerCity: `New York`,
-                    Date: `2012-09-13T00:00:00`,
+                    Date: `09/13/2012`,
                     Value: 99.2,
                     NumberOfUnits: 254
                 }),
@@ -4894,7 +4894,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 28,
                     SellerName: `Nicholas Carmona`,
                     SellerCity: `Sofia`,
-                    Date: `2012-09-13T00:00:00`,
+                    Date: `09/13/2012`,
                     Value: 50,
                     NumberOfUnits: 251
                 }),
@@ -4904,7 +4904,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 60.4,
                     SellerName: `Antonio Charbonneau`,
                     SellerCity: `New York`,
-                    Date: `2012-09-15T00:00:00`,
+                    Date: `09/15/2012`,
                     Value: 44,
                     NumberOfUnits: 119
                 }),
@@ -4914,7 +4914,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 33,
                     SellerName: `Claudia Kobayashi`,
                     SellerCity: `New York`,
-                    Date: `2012-09-19T00:00:00`,
+                    Date: `09/19/2012`,
                     Value: 32.4,
                     NumberOfUnits: 256
                 }),
@@ -4924,7 +4924,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 99,
                     SellerName: `John Smith`,
                     SellerCity: `New York`,
-                    Date: `2012-09-23T00:00:00`,
+                    Date: `09/23/2012`,
                     Value: 35.8,
                     NumberOfUnits: 456
                 }),
@@ -4934,7 +4934,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 16.2,
                     SellerName: `Kathe Pettel`,
                     SellerCity: `London`,
-                    Date: `2012-10-01T00:00:00`,
+                    Date: `10/01/2012`,
                     Value: 16.4,
                     NumberOfUnits: 430
                 }),
@@ -4944,7 +4944,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 73,
                     SellerName: `David Haley`,
                     SellerCity: `Berlin`,
-                    Date: `2012-10-02T00:00:00`,
+                    Date: `10/02/2012`,
                     Value: 57,
                     NumberOfUnits: 248
                 }),
@@ -4954,7 +4954,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 21.8,
                     SellerName: `Harold Garvin`,
                     SellerCity: `Berlin`,
-                    Date: `2012-10-18T00:00:00`,
+                    Date: `10/18/2012`,
                     Value: 28.2,
                     NumberOfUnits: 440
                 }),
@@ -4964,7 +4964,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 28.4,
                     SellerName: `Howard Sprouse`,
                     SellerCity: `New York`,
-                    Date: `2012-10-19T00:00:00`,
+                    Date: `10/19/2012`,
                     Value: 66.6,
                     NumberOfUnits: 234
                 }),
@@ -4974,7 +4974,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 80.6,
                     SellerName: `Benjamin Meekins`,
                     SellerCity: `New York`,
-                    Date: `2012-10-25T00:00:00`,
+                    Date: `10/25/2012`,
                     Value: 5.4,
                     NumberOfUnits: 36
                 }),
@@ -4984,7 +4984,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 97.8,
                     SellerName: `Harry Tyler`,
                     SellerCity: `London`,
-                    Date: `2012-10-26T00:00:00`,
+                    Date: `10/26/2012`,
                     Value: 41.2,
                     NumberOfUnits: 46
                 }),
@@ -4994,7 +4994,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 88.8,
                     SellerName: `Elisa Longbottom`,
                     SellerCity: `London`,
-                    Date: `2012-11-02T00:00:00`,
+                    Date: `11/02/2012`,
                     Value: 64.6,
                     NumberOfUnits: 211
                 }),
@@ -5004,7 +5004,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 67.4,
                     SellerName: `Walter Pang`,
                     SellerCity: `New York`,
-                    Date: `2012-11-17T00:00:00`,
+                    Date: `11/17/2012`,
                     Value: 14.2,
                     NumberOfUnits: 408
                 }),
@@ -5014,7 +5014,7 @@ export class PivotDataFlat extends Array<PivotDataFlatItem> {
                     ProductUnitPrice: 7.2,
                     SellerName: `Walter Pang`,
                     SellerCity: `New York`,
-                    Date: `2012-11-20T00:00:00`,
+                    Date: `11/20/2012`,
                     Value: 72.8,
                     NumberOfUnits: 376
                 }),
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index b1b73c0b48..43e777749a 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -14,8 +14,8 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/package.json b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-editing-style/src/index.css b/samples/grids/tree-grid/row-editing-style/src/index.css
index a9393efcbb..cc7b8709b5 100644
--- a/samples/grids/tree-grid/row-editing-style/src/index.css
+++ b/samples/grids/tree-grid/row-editing-style/src/index.css
@@ -2,7 +2,10 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-banner-banner-background: #e3e3e3;
-    --ig-banner-banner-message-color: #423589;
+    --ig-banner-banner-background: #292826;
+    --ig-banner-banner-message-color: #ffcd0f;
+    --ig-button-foreground: #ffcd0f;
+    --ig-button-hover-foreground: white;
+    --ig-button-font-weight: 600;
 }
 
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 604112c785..3c8be9ac67 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -14,14 +14,14 @@
     "lint": "eslint ./src/**/*.{ts,tsx}"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-datasources": "18.7.3",
-    "igniteui-react-grids": "18.7.3",
-    "igniteui-react-inputs": "18.7.3",
-    "igniteui-react-layouts": "18.7.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-datasources": "18.7.4",
+    "igniteui-react-grids": "18.7.4",
+    "igniteui-react-inputs": "18.7.4",
+    "igniteui-react-layouts": "18.7.4",
+    "igniteui-webcomponents": "5.1.2",
     "lit-html": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index ae7d7c5da6..09b1538c6a 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index 8d17d82210..6327fcfd56 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index 7bd007bf98..0c7c11e2cd 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index 6281203850..8d13cb98a9 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index 1d87a88c23..6388f975c4 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index f4e4ff8f95..c4d6d808a5 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index 1762bfcec6..b55012a0e9 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index 6cd3737c1b..30b3696089 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index eedea64226..2c5df477bf 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index dcfc81859e..1871c375b0 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index edd54f0d97..6264324889 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index 1f8519917b..46ad0fef41 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index dba40d24bf..0c26f7b680 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index ccf4597601..1349b30053 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index 1373f52e7f..8f969bdaec 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index bd73109941..42eb99db55 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index 2cb5a302f2..1471d1463c 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index eff8f0d145..b0c9a20c1d 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index 2bff721889..a4d393921f 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index 1aca696f73..1feff5cdbc 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index b4f44c729e..ffcbea0dd4 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index b89d4496c2..707835410e 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index dc0aa33af6..7dcb370f81 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index 2cdb86eb34..815802e38d 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index ba5c7917d5..8bce571e88 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index f175393b59..a3a14dbd2f 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index f0b55958c9..d394b2556c 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index c02b91587c..cddc64cb20 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index 2ebb6549e0..7218d07cf5 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index d903a61048..4f58ae9caf 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index fd804191e0..58ea9bd80b 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index 5fa34d8b88..dc0090e092 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index 04eec77329..71196e0365 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index 0be2e215ef..b39c69ade2 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index 0165f76a1c..31dbad1516 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 28f5fe5a48..4c79ffde12 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/input-format-display-format/package.json b/samples/inputs/date-time-input/input-format-display-format/package.json
index 82372ae3e8..43a1cdea84 100644
--- a/samples/inputs/date-time-input/input-format-display-format/package.json
+++ b/samples/inputs/date-time-input/input-format-display-format/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/min-max-value/package.json b/samples/inputs/date-time-input/min-max-value/package.json
index 1c45196578..6107a32020 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index c32d41ee5c..d6b13a4c08 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/date-time-input/step-up-down/package.json b/samples/inputs/date-time-input/step-up-down/package.json
index 13258e3255..9e43b210d9 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index 560bf4bf5b..d14951226b 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 3436598974..737921863b 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index 7cbf9d1243..53f5b6b0b6 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index 61ca3e3637..f426f84c8f 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index 66de4b6d8d..a151d06b7f 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index b3202d2f52..50966efdb1 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index 18929ae9b4..70f40b83a1 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index 6ec13c88db..96c3f955a9 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index 2f7764d879..e2ee1dbdf0 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index 7d146df2d2..aa96a07357 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index 28ae07ce56..0e1a478dde 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index 0d6a0c4194..cd6392787e 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index 632f9bc8ad..b7b9f453d1 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index b5bceeb16b..43066c5493 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index 67103d7a79..28d76e02ae 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index e0c7c52a12..e505476452 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index cd2c8a0943..e3dc4e77c3 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index 409efdd44c..8d98f23687 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index bdcf289424..197dc07cb9 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index d1151bc812..c3e06539f3 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index e72dc0a558..84eff3a1db 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 4f392d92f1..11a889f8dd 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index 2f53364b3d..bc1403f735 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index 5dd7e7a3a9..e4fda9508a 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index c4a5eeb81e..b07789dc15 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index cc059f2041..eb649905bd 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index 2f24150a7a..ac8f3af9f4 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index 53e3e1c570..663dfb4461 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index 1373f52e7f..8f969bdaec 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index 1373f52e7f..8f969bdaec 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index 1373f52e7f..8f969bdaec 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index 1373f52e7f..8f969bdaec 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index 1373f52e7f..8f969bdaec 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index 4625c4d553..a7aaf2332d 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index f64617cd5c..e244c17497 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index 452b18a9f2..5d95eb0ee6 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index dc19fb2da7..888d8a85af 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index 96285fc821..d25b13e898 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index c2ec642a71..3fb09f305a 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index daa6845051..d52f46bcc9 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 9181a04338..48f8a79322 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index e2535e28a5..ba682da302 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index c85aff08b0..1adb43bed1 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index 000e3d88bd..1743eebe4f 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index 90c36a4739..8ed16acec7 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index d6696789a0..3dc40d3e68 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/styling/src/SliderStyling.css b/samples/inputs/slider/styling/src/SliderStyling.css
index 10bfe54c50..8ed9188737 100644
--- a/samples/inputs/slider/styling/src/SliderStyling.css
+++ b/samples/inputs/slider/styling/src/SliderStyling.css
@@ -2,8 +2,12 @@ igc-slider {
     padding: 30px 30px  0px 30px;
 }
 
+igc-range-slider {
+    padding: 30px 30px  0px 30px;
+}
+
 igc-slider::part(thumb) {
-    background: #28a745;
+background: #28a745;
 }
 
 igc-slider::part(thumb):focus {
@@ -14,4 +18,22 @@ igc-slider::part(thumb):focus {
 igc-slider::part(fill) {
     display: block;
     background: #28a745;
+}
+
+igc-range-slider::part(thumb) {
+    background: orange;
+}
+
+igc-range-slider::part(thumb):focus {
+    background: navy;
+    box-shadow: 0 0 0 2px orange;
+}
+
+igc-range-slider::part(track) {
+    display: block;
+    background: navy;
+}
+
+igc-range-slider::part(thumb-label-inner) {
+    background: navy;
 }
\ No newline at end of file
diff --git a/samples/inputs/slider/styling/src/index.tsx b/samples/inputs/slider/styling/src/index.tsx
index db47e8af31..b713dc8706 100644
--- a/samples/inputs/slider/styling/src/index.tsx
+++ b/samples/inputs/slider/styling/src/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import { IgrSlider, IgrSliderModule } from 'igniteui-react';
+import { IgrSlider, IgrRangeSlider, IgrSliderModule } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 import './SliderStyling.css';
 
@@ -16,7 +16,15 @@ export default class SliderStyling extends React.Component<any, any> {
     public render(): JSX.Element {
         return (
             <div className="container sample">
-                <IgrSlider value="40"/>
+                <div className="slider-container">
+                    <span className="slider-label"> Slider</span>
+                    <IgrSlider value="40"/>
+                </div>
+                <div className="slider-container">
+                    <span className="slider-label"> Range Slider</span>
+                    <IgrRangeSlider lower="20" upper="70">
+                    </IgrRangeSlider>
+                </div>
             </div>
         );
     }
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index 51fab83be1..3d4a58c1f2 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index 80ceea13da..5b4a8c19a0 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index 1459fa0c88..6e0a9dcf2b 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index 32d189f1aa..9da1d7960b 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index ebf2ffae58..bec2494f07 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index 1e503a5a18..6de60851e5 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index 8fcdcd5d20..146f280192 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index 035e35f7ad..652e9fc351 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index 2bca686e31..046b9f9b08 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index 48f1c809d4..7e72b761c3 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index c7db05f1b3..4b0a0aad13 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index e0380a835c..0aa1f1e0d9 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index 0ad6bfebd4..96dbe9b283 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 381a4024df..839da25d6f 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index fbe983bd65..270afa5780 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index dfd45301f9..863b9ab148 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index 4828f7a1e2..078aa07016 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index c87e424912..53494be2ba 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index 9efc1958ac..625725fadb 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index 68154663af..a5cd1d6af1 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index 752730d57a..49b54ae024 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index 271b995337..fb0b39476f 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 4e6caf38f3..9543e201fd 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index ad948bf4d8..03b20b4c02 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 3fbda46e2a..7b5466987b 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/carousel/animations/.eslintrc.js b/samples/layouts/carousel/animations/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/layouts/carousel/animations/.eslintrc.js
@@ -0,0 +1,75 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/README.md b/samples/layouts/carousel/animations/README.md
new file mode 100644
index 0000000000..5b302681a2
--- /dev/null
+++ b/samples/layouts/carousel/animations/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Animations feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/carousel/animations" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/carousel/animations?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/layouts/carousel/animations
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
new file mode 100644
index 0000000000..81a3f4d41b
--- /dev/null
+++ b/samples/layouts/carousel/animations/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "react-carousel-animations",
+  "description": "This project provides example of Carousel sample using Infragistics React components",
+  "author": "Infragistics",
+  "homepage": ".",
+  "version": "1.4.0",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.4-beta.0",
+    "igniteui-react-core": "18.7.4-beta.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/layouts/carousel/animations/public/index.html b/samples/layouts/carousel/animations/public/index.html
new file mode 100644
index 0000000000..69ce0c7a91
--- /dev/null
+++ b/samples/layouts/carousel/animations/public/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Carousel Animations</title>
+    <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/sandbox.config.json b/samples/layouts/carousel/animations/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/layouts/carousel/animations/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/src/CarouselAnimations.css b/samples/layouts/carousel/animations/src/CarouselAnimations.css
new file mode 100644
index 0000000000..8ed16e11e6
--- /dev/null
+++ b/samples/layouts/carousel/animations/src/CarouselAnimations.css
@@ -0,0 +1,46 @@
+.carousel-wrapper {
+    height: 600px;
+    width: 90%;
+    margin: 20px auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.action-wrapper {
+    height: 40px;
+    width: 500px;
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10px;
+}
+
+.action {
+    display: flex;
+    align-items: center;
+}
+
+.slide-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+}
+
+igc-carousel {
+    border: 0.5px solid #dde0e4;
+}
+
+igc-select {
+    width: 150px;
+    margin-left: 10px;
+    --ig-size: var(--ig-size-small);
+}
+
+igc-card {
+    border: none;
+}
+
+igc-card-header {
+    padding: 8px 16px;
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/src/index.css b/samples/layouts/carousel/animations/src/index.css
new file mode 100644
index 0000000000..0fe9368715
--- /dev/null
+++ b/samples/layouts/carousel/animations/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/src/index.tsx b/samples/layouts/carousel/animations/src/index.tsx
new file mode 100644
index 0000000000..f5173dc11a
--- /dev/null
+++ b/samples/layouts/carousel/animations/src/index.tsx
@@ -0,0 +1,190 @@
+import React, { useRef } from "react";
+import ReactDOM from "react-dom/client";
+import {
+  CarouselAnimationType,
+  CheckboxBaseLabelPosition,
+  IgrButton,
+  IgrButtonModule,
+  IgrCard,
+  IgrCardActions,
+  IgrCardContent,
+  IgrCardHeader,
+  IgrCardMedia,
+  IgrCardModule,
+  IgrCarousel,
+  IgrCarouselModule,
+  IgrCarouselSlide,
+  IgrSelect,
+  IgrSelectItem,
+  IgrSelectModule,
+  IgrSwitch,
+  IgrSwitchModule,
+} from "igniteui-react";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./CarouselAnimations.css";
+import "./index.css";
+
+IgrButtonModule.register();
+IgrCarouselModule.register();
+IgrSelectModule.register();
+IgrSwitchModule.register();
+IgrCardModule.register();
+
+export default function CarouselComponents() {
+  const carouselRef = useRef<IgrCarousel>(null);
+
+  function onSelectChange(s: IgrSelect) {
+    switch (s.value) {
+      case "slide":
+        carouselRef.current.animationType = CarouselAnimationType.Slide;
+        break;
+      case "fade":
+        carouselRef.current.animationType = CarouselAnimationType.Fade;
+        break;
+      default:
+        carouselRef.current.animationType = CarouselAnimationType.None;
+        break;
+    }
+  }
+
+  function onSwitchChange(s: IgrSwitch) {
+    carouselRef.current.vertical = s.checked;
+  }
+
+  return (
+    <div className="carousel-wrapper">
+      <div className="action-wrapper">
+        <div className="action">
+          <span>Animation type</span>
+          <IgrSelect change={onSelectChange}>
+            <IgrSelectItem value="slide" selected={true} key="slide">
+              <span key="select-span">Slide</span>
+            </IgrSelectItem>
+            <IgrSelectItem value="fade" key="fade">
+              <span key="select-span">Fade</span>
+            </IgrSelectItem>
+            <IgrSelectItem value="none" key="none">
+              <span key="select-span">None</span>
+            </IgrSelectItem>
+          </IgrSelect>
+        </div>
+        <div className="action">
+          <IgrSwitch
+            change={onSwitchChange}
+            labelPosition={CheckboxBaseLabelPosition.Before}
+          >
+            <span key="switch-span">Vertical alignment</span>
+          </IgrSwitch>
+        </div>
+      </div>
+      <IgrCarousel hideIndicators={true} ref={carouselRef}>
+        <IgrCarouselSlide key="slide-1">
+          <div className="slide-wrapper" key="card-wrapper">
+            <IgrCard>
+              <IgrCardHeader key="card-header">
+                <h3 slot="title" key="header-title">
+                  Ignite UI for Angular
+                </h3>
+              </IgrCardHeader>
+              <IgrCardContent key="card-content">
+                <p key="content">
+                  30+ Material-based Angular components to code speedy web apps
+                  faster.
+                </p>
+              </IgrCardContent>
+              <IgrCardMedia key="card-media">
+                <img
+                  src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slide1-angular.png"
+                  key="img"
+                />
+              </IgrCardMedia>
+              <IgrCardActions key="card-actions">
+                <IgrButton
+                  slot="start"
+                  href="https://www.infragistics.com/products/ignite-ui-angular"
+                  target="_blank"
+                  rel="noopener"
+                  key="button"
+                >
+                  <span key="button-span">Visit Page</span>
+                </IgrButton>
+              </IgrCardActions>
+            </IgrCard>
+          </div>
+        </IgrCarouselSlide>
+        <IgrCarouselSlide key="slide-2">
+          <div className="slide-wrapper" key="card-wrapper">
+            <IgrCard>
+              <IgrCardHeader key="card-header">
+                <h3 slot="title" key="header-title">
+                  Ignite UI for Javascript
+                </h3>
+              </IgrCardHeader>
+              <IgrCardContent key="card-content">
+                <p key="content">
+                  A complete JavaScript UI library empowering you to build
+                  data-rich responsive web apps.
+                </p>
+              </IgrCardContent>
+              <IgrCardMedia key="card-media">
+                <img
+                  src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slide2-ignite.png"
+                  key="img"
+                />
+              </IgrCardMedia>
+              <IgrCardActions key="card-actions">
+                <IgrButton
+                  slot="start"
+                  href="https://www.infragistics.com/products/ignite-ui"
+                  target="_blank"
+                  rel="noopener"
+                  key="button"
+                >
+                  <span key="button-span">Visit Page</span>
+                </IgrButton>
+              </IgrCardActions>
+            </IgrCard>
+          </div>
+        </IgrCarouselSlide>
+        <IgrCarouselSlide key="slide-3">
+          <div className="slide-wrapper" key="card-wrapper">
+            <IgrCard>
+              <IgrCardHeader key="card-header">
+                <h3 slot="title" key="header-title">
+                  Ultimate UI for ASP.NET
+                </h3>
+              </IgrCardHeader>
+              <IgrCardContent key="card-content">
+                <p key="content">
+                  Build full-featured business apps with the most versatile set
+                  of ASP.NET AJAX UI controls.
+                </p>
+              </IgrCardContent>
+              <IgrCardMedia key="card-media">
+                <img
+                  src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slide3-aspnet.png"
+                  key="img"
+                />
+              </IgrCardMedia>
+              <IgrCardActions key="card-actions">
+                <IgrButton
+                  slot="start"
+                  href="https://www.infragistics.com/products/aspnet"
+                  target="_blank"
+                  rel="noopener"
+                  key="button"
+                >
+                  <span key="button-span">Visit Page</span>
+                </IgrButton>
+              </IgrCardActions>
+            </IgrCard>
+          </div>
+        </IgrCarouselSlide>
+      </IgrCarousel>
+    </div>
+  );
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<CarouselComponents />);
diff --git a/samples/layouts/carousel/animations/src/react-app-env.d.ts b/samples/layouts/carousel/animations/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/layouts/carousel/animations/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/layouts/carousel/animations/tsconfig.json b/samples/layouts/carousel/animations/tsconfig.json
new file mode 100644
index 0000000000..8f5c3b15e4
--- /dev/null
+++ b/samples/layouts/carousel/animations/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/layouts/carousel/components/.eslintrc.js b/samples/layouts/carousel/components/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/layouts/carousel/components/.eslintrc.js
@@ -0,0 +1,75 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/README.md b/samples/layouts/carousel/components/README.md
new file mode 100644
index 0000000000..37ab14abd8
--- /dev/null
+++ b/samples/layouts/carousel/components/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Components feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/carousel/components" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/carousel/components?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/layouts/carousel/components
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
new file mode 100644
index 0000000000..83449232a7
--- /dev/null
+++ b/samples/layouts/carousel/components/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "react-carousel-with-components",
+  "description": "This project provides example of Carousel sample using Infragistics React components",
+  "author": "Infragistics",
+  "homepage": ".",
+  "version": "1.4.0",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.4-beta.0",
+    "igniteui-react-core": "18.7.4-beta.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/layouts/carousel/components/public/index.html b/samples/layouts/carousel/components/public/index.html
new file mode 100644
index 0000000000..3fecc4f025
--- /dev/null
+++ b/samples/layouts/carousel/components/public/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Carousel with Components</title>
+    <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/sandbox.config.json b/samples/layouts/carousel/components/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/layouts/carousel/components/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/src/CarouselComponents.css b/samples/layouts/carousel/components/src/CarouselComponents.css
new file mode 100644
index 0000000000..26b7c61a11
--- /dev/null
+++ b/samples/layouts/carousel/components/src/CarouselComponents.css
@@ -0,0 +1,25 @@
+.carousel-container {
+    padding: 16px;
+}
+
+igc-carousel {
+    margin-inline: auto;
+    max-width: 75%;
+    height: 500px;
+}
+
+igc-carousel-slide {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+igc-carousel-slide div {
+    text-align: center;
+    max-width: 40%;
+    margin-inline: auto;
+}
+
+igc-carousel-slide div * {
+    margin-block: 8px;
+}
diff --git a/samples/layouts/carousel/components/src/index.css b/samples/layouts/carousel/components/src/index.css
new file mode 100644
index 0000000000..0fe9368715
--- /dev/null
+++ b/samples/layouts/carousel/components/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/src/index.tsx b/samples/layouts/carousel/components/src/index.tsx
new file mode 100644
index 0000000000..9c63b79794
--- /dev/null
+++ b/samples/layouts/carousel/components/src/index.tsx
@@ -0,0 +1,88 @@
+import React, { useEffect } from "react";
+import ReactDOM from "react-dom/client";
+import {
+  IgrButton,
+  IgrButtonModule,
+  IgrCarousel,
+  IgrCarouselModule,
+  IgrCarouselSlide,
+  IgrIcon,
+  IgrIconModule,
+  IgrInput,
+  IgrInputModule,
+  registerIconFromText,
+} from "igniteui-react";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./CarouselComponents.css";
+import "./index.css";
+
+IgrButtonModule.register();
+IgrCarouselModule.register();
+IgrIconModule.register();
+IgrInputModule.register();
+
+const icons = [
+  {
+    name: "person",
+    iconText:
+      '<svg width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 15.503A5.041 5.041 0 1 0 16 5.42a5.041 5.041 0 0 0 0 10.083zm0 2.215c-6.703 0-11 3.699-11 5.5v3.363h22v-3.363c0-2.178-4.068-5.5-11-5.5z"/></svg>',
+  },
+  {
+    name: "password",
+    iconText:
+      '<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 10.0546V8C5.25 4.27208 8.27208 1.25 12 1.25C15.7279 1.25 18.75 4.27208 18.75 8V10.0546C19.8648 10.1379 20.5907 10.348 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.40931 10.348 4.13525 10.1379 5.25 10.0546ZM6.75 8C6.75 5.10051 9.10051 2.75 12 2.75C14.8995 2.75 17.25 5.10051 17.25 8V10.0036C16.867 10 16.4515 10 16 10H8C7.54849 10 7.13301 10 6.75 10.0036V8ZM14 16C14 17.1046 13.1046 18 12 18C10.8954 18 10 17.1046 10 16C10 14.8954 10.8954 14 12 14C13.1046 14 14 14.8954 14 16Z"/></svg>',
+  },
+  {
+    name: "search",
+    iconText:
+      '<svg width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" /></svg>',
+  },
+];
+
+export default function CarouselComponents() {
+  useEffect(() => {
+    icons.forEach((icon) => {
+      registerIconFromText(icon.name, icon.iconText);
+    });
+  }, []);
+
+  return (
+    <div className="carousel-container">
+      <IgrCarousel>
+        <IgrCarouselSlide key="slide-1">
+          <div key="slide-content">
+            <img src="https://www.infragistics.com/angular-demos-lob/assets/images/svg/carousel/SignUp.svg" />
+            <form>
+              <IgrInput type="text" placeholder="Username">
+                <IgrIcon slot="prefix" name="person" key="icon"></IgrIcon>
+              </IgrInput>
+              <IgrInput type="password" placeholder="Password">
+                <IgrIcon slot="prefix" name="password" key="icon"></IgrIcon>
+              </IgrInput>
+              <IgrButton type="reset">
+                <span key="button-span">Sign In</span>
+              </IgrButton>
+            </form>
+          </div>
+        </IgrCarouselSlide>
+        <IgrCarouselSlide key="slide-2">
+          <div key="slide-content">
+            <img src="https://www.infragistics.com/angular-demos-lob/assets/images/svg/carousel/Route.svg" />
+            <form>
+              <IgrInput type="text" placeholder="Search">
+                <IgrIcon slot="prefix" name="search" key="icon"></IgrIcon>
+              </IgrInput>
+              <IgrButton type="reset">
+                <span key="button-span">Search</span>
+              </IgrButton>
+            </form>
+          </div>
+        </IgrCarouselSlide>
+      </IgrCarousel>
+    </div>
+  );
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<CarouselComponents />);
diff --git a/samples/layouts/carousel/components/src/react-app-env.d.ts b/samples/layouts/carousel/components/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/layouts/carousel/components/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/layouts/carousel/components/tsconfig.json b/samples/layouts/carousel/components/tsconfig.json
new file mode 100644
index 0000000000..8f5c3b15e4
--- /dev/null
+++ b/samples/layouts/carousel/components/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/layouts/carousel/overview/.eslintrc.js b/samples/layouts/carousel/overview/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/layouts/carousel/overview/.eslintrc.js
@@ -0,0 +1,75 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/README.md b/samples/layouts/carousel/overview/README.md
new file mode 100644
index 0000000000..880c17763d
--- /dev/null
+++ b/samples/layouts/carousel/overview/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Overview feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/carousel/overview" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/carousel/overview?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/layouts/carousel/overview
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
new file mode 100644
index 0000000000..0758feca06
--- /dev/null
+++ b/samples/layouts/carousel/overview/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "react-carousel-overview",
+  "description": "This project provides example of Carousel sample using Infragistics React components",
+  "author": "Infragistics",
+  "homepage": ".",
+  "version": "1.4.0",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.4-beta.0",
+    "igniteui-react-core": "18.7.4-beta.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/layouts/carousel/overview/public/index.html b/samples/layouts/carousel/overview/public/index.html
new file mode 100644
index 0000000000..3692556f14
--- /dev/null
+++ b/samples/layouts/carousel/overview/public/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Carousel Overview</title>
+    <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/sandbox.config.json b/samples/layouts/carousel/overview/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/layouts/carousel/overview/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/src/CarouselOverview.css b/samples/layouts/carousel/overview/src/CarouselOverview.css
new file mode 100644
index 0000000000..dd9da65b00
--- /dev/null
+++ b/samples/layouts/carousel/overview/src/CarouselOverview.css
@@ -0,0 +1,28 @@
+.carousel-container {
+    padding: 16px;
+}
+
+.image-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+img {
+    object-fit: fill;
+    max-width: 90%;
+}
+
+igc-carousel {
+    margin-inline: auto;
+    max-width: 75%;
+    height: 450px;
+}
+
+igc-carousel-slide::part(base) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    max-width: 75%;
+    margin-inline: auto;
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/src/index.css b/samples/layouts/carousel/overview/src/index.css
new file mode 100644
index 0000000000..0fe9368715
--- /dev/null
+++ b/samples/layouts/carousel/overview/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/src/index.tsx b/samples/layouts/carousel/overview/src/index.tsx
new file mode 100644
index 0000000000..7b62deadbd
--- /dev/null
+++ b/samples/layouts/carousel/overview/src/index.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import {
+  IgrCarousel,
+  IgrCarouselModule,
+  IgrCarouselSlide,
+} from "igniteui-react";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./CarouselOverview.css";
+import "./index.css";
+
+IgrCarouselModule.register();
+
+export default function CarouselOverview() {
+  return (
+    <div className="carousel-container">
+      <IgrCarousel>
+        <IgrCarouselSlide key="slide-1">
+          <div className="image-container" key="image-container">
+            <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/ignite-ui-angular-indigo-design.png" />
+          </div>
+        </IgrCarouselSlide>
+        <IgrCarouselSlide key="slide-2">
+          <div className="image-container" key="image-container">
+            <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slider-image-chart.png" />
+          </div>
+        </IgrCarouselSlide>
+        <IgrCarouselSlide key="slide-3">
+          <div className="image-container" key="image-container">
+            <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/ignite-ui-angular-charts.png" />
+          </div>
+        </IgrCarouselSlide>
+      </IgrCarousel>
+    </div>
+  );
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<CarouselOverview />);
diff --git a/samples/layouts/carousel/overview/src/react-app-env.d.ts b/samples/layouts/carousel/overview/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/layouts/carousel/overview/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/layouts/carousel/overview/tsconfig.json b/samples/layouts/carousel/overview/tsconfig.json
new file mode 100644
index 0000000000..8f5c3b15e4
--- /dev/null
+++ b/samples/layouts/carousel/overview/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/layouts/carousel/thumbnail/.eslintrc.js b/samples/layouts/carousel/thumbnail/.eslintrc.js
new file mode 100644
index 0000000000..b45160a9ee
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/.eslintrc.js
@@ -0,0 +1,75 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/README.md b/samples/layouts/carousel/thumbnail/README.md
new file mode 100644
index 0000000000..c71a8e0a83
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/README.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Thumbnail feature using [Carousel](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/layouts/carousel/thumbnail" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/layouts/carousel/thumbnail?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+```
+git clone https://github.com/IgniteUI/igniteui-react-examples.git
+git checkout master
+cd ./igniteui-react-examples
+cd ./samples/layouts/carousel/thumbnail
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
new file mode 100644
index 0000000000..1e21805cda
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "react-carousel-thumbnail",
+  "description": "This project provides example of Carousel sample using Infragistics React components",
+  "author": "Infragistics",
+  "homepage": ".",
+  "version": "1.4.0",
+  "private": true,
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build ",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.4-beta.0",
+    "igniteui-react-core": "18.7.4-beta.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/layouts/carousel/thumbnail/public/index.html b/samples/layouts/carousel/thumbnail/public/index.html
new file mode 100644
index 0000000000..bfb516202b
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/public/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Carousel Thumbnail</title>
+    <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/sandbox.config.json b/samples/layouts/carousel/thumbnail/sandbox.config.json
new file mode 100644
index 0000000000..00acba0c10
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+} 
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/src/CarouselThumbnail.css b/samples/layouts/carousel/thumbnail/src/CarouselThumbnail.css
new file mode 100644
index 0000000000..c317a85c62
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/src/CarouselThumbnail.css
@@ -0,0 +1,13 @@
+igc-carousel {
+    margin-inline: auto;
+    max-width: 75%;
+}
+
+igc-carousel::part(indicators) {
+    border-radius: 2px;
+}
+
+.blurred {
+    filter: blur(2px);
+    opacity: 0.5;
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/src/index.css b/samples/layouts/carousel/thumbnail/src/index.css
new file mode 100644
index 0000000000..0fe9368715
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/src/index.css
@@ -0,0 +1,2 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/src/index.tsx b/samples/layouts/carousel/thumbnail/src/index.tsx
new file mode 100644
index 0000000000..dd7660f4a8
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/src/index.tsx
@@ -0,0 +1,83 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import {
+  CarouselAnimationType,
+  IgrCarousel,
+  IgrCarouselIndicator,
+  IgrCarouselModule,
+  IgrCarouselSlide,
+} from "igniteui-react";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./CarouselThumbnail.css";
+import "./index.css";
+
+IgrCarouselModule.register();
+
+export default function CarouselThumbnail() {
+  const images = [
+    {
+      src: "https://www.infragistics.com/angular-demos-lob/assets/images/carousel/WonderfulCoast.png",
+      alt: "Wonderful Coast",
+    },
+    {
+      src: "https://www.infragistics.com/angular-demos-lob/assets/images/carousel/CulturalDip.png",
+      alt: "Cultural Dip",
+    },
+    {
+      src: "https://www.infragistics.com/angular-demos-lob/assets/images/carousel/GoldenBeaches.png",
+      alt: "Golden Beaches",
+    },
+    {
+      src: "https://www.infragistics.com/angular-demos-lob/assets/images/carousel/IslandOfHistory.png",
+      alt: "Island Of History",
+    },
+    {
+      src: "https://www.infragistics.com/angular-demos-lob/assets/images/carousel/AmazingBridge.png",
+      alt: "Amazing Bridge",
+    },
+  ];
+
+  return (
+    <div className="container sample">
+      <IgrCarousel
+        disablePauseOnInteraction={true}
+        hideNavigation={true}
+        interval={2000}
+        vertical={true}
+        animationType={CarouselAnimationType.Fade}
+      >
+        {images.map((image, index) => {
+          return (
+            <React.Fragment key={index}>
+              <IgrCarouselSlide key={`slide-${index}`}>
+                <img src={image.src} alt={image.alt} key="slide-img" />
+              </IgrCarouselSlide>
+              <IgrCarouselIndicator key={`indicator-${index}`}>
+                <img
+                  key="img-blur"
+                  className="blurred"
+                  src={image.src.replace(".png", "Thumb.png")}
+                  alt={`${image.alt} Thumb`}
+                  width="50"
+                  height="60"
+                />
+                <img
+                  key="img-active"
+                  slot="active"
+                  src={image.src.replace(".png", "Thumb.png")}
+                  alt={`${image.alt} Thumb Active`}
+                  width="50"
+                  height="60"
+                />
+              </IgrCarouselIndicator>
+            </React.Fragment>
+          );
+        })}
+      </IgrCarousel>
+    </div>
+  );
+}
+
+// rendering above class to the React DOM
+const root = ReactDOM.createRoot(document.getElementById("root"));
+root.render(<CarouselThumbnail />);
diff --git a/samples/layouts/carousel/thumbnail/src/react-app-env.d.ts b/samples/layouts/carousel/thumbnail/src/react-app-env.d.ts
new file mode 100644
index 0000000000..6431bc5fc6
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/samples/layouts/carousel/thumbnail/tsconfig.json b/samples/layouts/carousel/thumbnail/tsconfig.json
new file mode 100644
index 0000000000..8f5c3b15e4
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/tsconfig.json
@@ -0,0 +1,45 @@
+{
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "baseUrl": ".",
+    "outDir": "build/dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": [
+      "es6",
+      "dom"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": false,
+    "importHelpers": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "acceptance-tests",
+    "webpack",
+    "jest",
+    "src/setupTests.ts",
+    "**/odatajs-4.0.0.js",
+    "config-overrides.js"
+  ],
+  "include": [
+    "src"
+  ]
+}
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index 4828f7a1e2..078aa07016 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index 4828f7a1e2..078aa07016 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json
index 4828f7a1e2..078aa07016 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index 4828f7a1e2..078aa07016 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index 4828f7a1e2..078aa07016 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
index 756cb8563c..5e2179244f 100644
--- a/samples/layouts/dock-manager/customize-buttons/package.json
+++ b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 9b580820a3..356152bb7d 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index 756cb8563c..5e2179244f 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index b6e6b98f86..f873fdc1e1 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index e1a7f7ba13..f4d9473334 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index c9437b70fa..0fcf7913e2 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index 734752532d..72154082ba 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index 88193712ed..a564e16fa4 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 9fda477751..289c6ef46c 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index 13fb60edbe..a28ee82286 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index ff2b0a298e..338e77ba05 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/animations/src/index.tsx b/samples/layouts/stepper/animations/src/index.tsx
index 0a71f90dd0..015d82d356 100644
--- a/samples/layouts/stepper/animations/src/index.tsx
+++ b/samples/layouts/stepper/animations/src/index.tsx
@@ -4,7 +4,8 @@ import './index.css';
 import {
     IgrStepper, IgrStep, IgrStepperModule, IgrRadio, IgrRadioGroup, IgrRadioModule, IgrRadioGroupModule,
     IgrButton, IgrButtonModule, IgrInput, IgrInputModule, IgrSelect, IgrSelectItem, IgrSelectModule,
-    IgrSelectItemComponentEventArgs, IgrComponentDataValueChangedEventArgs
+    IgrSelectItemComponentEventArgs, IgrComponentDataValueChangedEventArgs,
+    IgrComponentValueChangedEventArgs
 } from 'igniteui-react';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
@@ -106,7 +107,7 @@ export default class StepperAnimations extends React.Component<any, any> {
         const selectedValue = e.detail.value;
         this.setState({verticalAnimation: selectedValue});
     }
-    public animationDurationChange(s: IgrInput, e: IgrComponentDataValueChangedEventArgs){
+    public animationDurationChange(s: IgrInput, e: IgrComponentValueChangedEventArgs){
         const animationDuration = e.detail;
         this.setState({animationDuration: animationDuration});
     }
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index 9a1d74dfa0..ab3ffb24f5 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 76dc2f8d84..fe9f479dcb 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-json-points/package.json b/samples/maps/geo-map/binding-data-json-points/package.json
index 4a04364500..ddbd66054b 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-json-shapes/package.json b/samples/maps/geo-map/binding-data-json-shapes/package.json
index a965297360..548cef768c 100644
--- a/samples/maps/geo-map/binding-data-json-shapes/package.json
+++ b/samples/maps/geo-map/binding-data-json-shapes/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index d0b6ceb8f4..cf0dc61f35 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 60238f6e36..8d150439d3 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index 423160041e..32c4f06b3b 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index 10c84424ae..d25b9a6c6e 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index a965297360..548cef768c 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 021d05e1ba..18aacf5be3 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 0897a1e577..25288699d4 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index acd6485348..63ee3c70eb 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index 080c953704..ed7f719e58 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-custom-imagery/package.json b/samples/maps/geo-map/display-custom-imagery/package.json
index 8b28ebfb7b..01cb0f6f62 100644
--- a/samples/maps/geo-map/display-custom-imagery/package.json
+++ b/samples/maps/geo-map/display-custom-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index 1e73733f34..e524f4cfa7 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index be8f5e1af9..cc1552248b 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 831ecb2e45..2ec6a7687c 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/marker-layouts/package.json b/samples/maps/geo-map/marker-layouts/package.json
index 3744a2fd1f..8a1c2309f1 100644
--- a/samples/maps/geo-map/marker-layouts/package.json
+++ b/samples/maps/geo-map/marker-layouts/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 5e8e589910..0e570e7ca2 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index a2a944774c..d44da25533 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/nav-grid/package.json b/samples/maps/geo-map/nav-grid/package.json
index 423160041e..32c4f06b3b 100644
--- a/samples/maps/geo-map/nav-grid/package.json
+++ b/samples/maps/geo-map/nav-grid/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/navigation-only-panning/package.json b/samples/maps/geo-map/navigation-only-panning/package.json
index a965297360..548cef768c 100644
--- a/samples/maps/geo-map/navigation-only-panning/package.json
+++ b/samples/maps/geo-map/navigation-only-panning/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 9036888819..e6e9be6729 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index b3bb9cb74c..974f710035 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/shape-selection/package.json b/samples/maps/geo-map/shape-selection/package.json
index a32e21d046..a0a25cd3b2 100644
--- a/samples/maps/geo-map/shape-selection/package.json
+++ b/samples/maps/geo-map/shape-selection/package.json
@@ -12,10 +12,10 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-gauges": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-gauges": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.3.0",
diff --git a/samples/maps/geo-map/shape-selection/src/MapElectionStyleUtility.ts b/samples/maps/geo-map/shape-selection/src/MapElectionStyleUtility.ts
index ab7d9c9a0a..65a6aa9b28 100644
--- a/samples/maps/geo-map/shape-selection/src/MapElectionStyleUtility.ts
+++ b/samples/maps/geo-map/shape-selection/src/MapElectionStyleUtility.ts
@@ -42,6 +42,7 @@ export class ShapeComparisonStyling extends ShapeStyling {
 
     let itemValue = this.getValue(this.itemMemberPath, record);
     let itemStroke = this.getValue("KeyRace", record) > 0 ? "black" : "white";
+    let itemSelected = this.getValue("IsSelected", record);
 
     if (itemValue === null || itemValue === "") {
       return this.defaultStyle;
@@ -50,10 +51,11 @@ export class ShapeComparisonStyling extends ShapeStyling {
     for (const mapping of this.itemMappings) {
       if (mapping.itemValue === itemValue) {
         const shapeStyle = new Style();
+
         shapeStyle.opacity = mapping.opacity || this.defaultOpacity;
-        shapeStyle.fill    = mapping.fill || this.defaultFill;
+        shapeStyle.fill    = itemSelected ? (mapping.hover || this.defaultFill) : (mapping.fill || this.defaultFill);
         shapeStyle.stroke  = mapping.stroke || this.defaultStroke;
-        shapeStyle.strokeThickness = mapping.strokeThickness || this.defaultThickness;
+        shapeStyle.strokeThickness = mapping.thickness || this.defaultThickness;
         return shapeStyle;
       }
     }
@@ -68,5 +70,6 @@ export class ShapeComparison {
   public opacity?: number;
   public fill: string;
   public stroke?: string;
-  public strokeThickness?: number;
+  public thickness?: number;
+  public hover: string;
 }
diff --git a/samples/maps/geo-map/shape-selection/src/index.tsx b/samples/maps/geo-map/shape-selection/src/index.tsx
index 68a6b60822..1761d07ea6 100644
--- a/samples/maps/geo-map/shape-selection/src/index.tsx
+++ b/samples/maps/geo-map/shape-selection/src/index.tsx
@@ -10,12 +10,12 @@ import { IgrGeographicShapeSeries } from 'igniteui-react-maps';
 import { IgrGeographicSymbolSeries } from 'igniteui-react-maps';
 import { IgrDataChartInteractivityModule } from 'igniteui-react-charts';
 import { IgrShapeDataSource, Random } from 'igniteui-react-core';
-// import { IgrShapefileRecord } from 'igniteui-react-core';
+
 import { IgrStyleShapeEventArgs } from 'igniteui-react-charts';
 import { IgrDataContext, IgRect } from 'igniteui-react-core';
 import { IgrRectChangedEventArgs } from 'igniteui-react-core';
 import { IgrSeriesViewer } from 'igniteui-react-charts';
-import { IgrDataChartMouseButtonEventArgs,  } from 'igniteui-react-charts';
+import { IgrDataChartMouseButtonEventArgs, IgrChartMouseEventArgs } from 'igniteui-react-charts';
 import { DataTemplateMeasureInfo } from 'igniteui-react-core';
 import { DataTemplateRenderInfo } from 'igniteui-react-core';
 import { MarkerType } from 'igniteui-react-charts';
@@ -23,12 +23,11 @@ import { IgrLinearGauge } from 'igniteui-react-gauges';
 import { IgrLinearGraphRange } from 'igniteui-react-gauges';
 import { IgrLinearGaugeModule } from 'igniteui-react-gauges';
 
+// https://react-icons.github.io/react-icons/
 import { IoChevronDownCircleSharp as WinnerIcon } from "react-icons/io5";
 import { PiMouseLeftClickFill as MouseIcon } from "react-icons/pi";
 import { IoMdStar as StarIcon } from "react-icons/io";
 
-// https://react-icons.github.io/react-icons/
-
 IgrGeographicMapModule.register();
 IgrDataChartInteractivityModule.register();
 IgrLinearGaugeModule.register();
@@ -44,9 +43,11 @@ export default class MapShapeSelection extends React.Component<any, any> {
     public currentShapeStyling: ShapeStyling;
     public shapeComparisonStyling: ShapeComparisonStyling;
 
-    public partyColorREP: string = '#f61616';
-    public partyColorDEM: string = '#03adef';
-    public partyColorUKN: string = '#535556';
+    public partyHoverREP: string = 'rgba(246, 22, 22, 0.55)';
+    public partyHoverDEM: string = 'rgba(3, 173, 239, 0.55)';
+    public partyColorREP: string = 'rgba(246, 22, 22, 1)';
+    public partyColorDEM: string = 'rgba(3, 173, 239, 1)';
+    public partyColorUKN: string = 'rgba(83, 85, 86, 1)';
     public partyColors: string = this.partyColorDEM + ", " + this.partyColorREP;
 
     public candidateR: string = this.getPartyCandidateImage("R");
@@ -66,33 +67,31 @@ export default class MapShapeSelection extends React.Component<any, any> {
         this.onGauge = this.onGauge.bind(this);
         this.onMap = this.onMap.bind(this);
         this.onDataLoaded = this.onDataLoaded.bind(this);
-        // this.onOptionsSelected = this.onOptionsSelected.bind(this);
-        this.onMapStylingShape = this.onMapStylingShape.bind(this);
+        
         this.createTooltip = this.createTooltip.bind(this);
-        this.onStateClick = this.onStateClick.bind(this);
+        this.onStateUpdateData = this.onStateUpdateData.bind(this);
+        this.onStateHoverData = this.onStateHoverData.bind(this);
+
         this.onMapResize = this.onMapResize.bind(this);
+        this.onMapStylingShape = this.onMapStylingShape.bind(this);
+        this.onMapWindowChanged = this.onMapWindowChanged.bind(this);
+        this.onMapMouseClick = this.onMapMouseClick.bind(this);
+        this.onMapMouseMove = this.onMapMouseMove.bind(this);
+        this.onMapMouseLeave = this.onMapMouseLeave.bind(this);
         
         // setting up ShapeComparisonStyling:
         this.shapeComparisonStyling = new ShapeComparisonStyling();
         this.shapeComparisonStyling.defaultFill = '#959494';
         this.shapeComparisonStyling.itemMemberPath = 'Party';
         this.shapeComparisonStyling.itemMappings = [
-            { fill: this.partyColorDEM, itemValue: 'D'  },
-            { fill: this.partyColorREP, itemValue: 'R'  }, 
+            { fill: this.partyColorDEM, hover: this.partyHoverDEM, itemValue: 'D'  },
+            { fill: this.partyColorREP, hover: this.partyHoverREP, itemValue: 'R'  }, 
             // { fill: 'Gray', itemValue: '' },
         ];
 
         // setting default value for current shape styling
         this.currentShapeStyling = this.shapeComparisonStyling;
- 
-        // this.onChartMouseLeftButtonUp = this.onChartMouseLeftButtonUp.bind(this);
-        // this.onChartMouseOver = this.onChartMouseOver.bind(this);
-        
-        
-        this.seriesMouseLeftButtonDown = this.seriesMouseLeftButtonDown.bind(this);
-        this.onMapWindowChanged = this.onMapWindowChanged.bind(this);
-
-        // window.addEventListener('resize', this.onMapResize);
+  
     }
 
     public render(): JSX.Element {
@@ -100,20 +99,16 @@ export default class MapShapeSelection extends React.Component<any, any> {
         let colorWinnerDEM = this.state.electors.DEM >= 270 ? this.partyColorDEM : "transparent";
         let colorWinnerREP = this.state.electors.REP >= 270 ? this.partyColorREP : "transparent";
         let bgIcons = [];
-        for (let c = 0; c < 51; c++) {
-            // for (let r = 0; c < 10; r++) {
-                let iconBack = c % 2 === 0 ? this.partyColorREP : this.partyColorDEM
-                let iconColor = "white" ; //r % 2 === 0 ? "white" : "blue"
-                let key = c; // + r;
-                bgIcons.push(
-                    <StarIcon className="appBackgroundTitleIcon" key={key} style={{color: iconBack, background: iconColor}} />
-                );
-            // }
+        for (let c = 0; c < 17; c++) {
+            let iconBack = c % 2 === 0 ? this.partyColorREP : this.partyColorDEM
+            let iconColor = "white" ; //r % 2 === 0 ? "white" : "blue"
+            let key = c;
+            bgIcons.push(
+                <StarIcon className="appBackgroundTitleIcon" key={key} style={{color: iconBack, background: iconColor}} />
+            );
         }
 
         let statePickers: any[] = [];
-        // this.sortByName(this.usaStates);
-        // this.sortByName(this.usaSymbols);
         for (let i = 0; i < this.usaStates.length; i++) {
             let item = this.usaStates[i]; 
             let info = item.Info; // + " " + (item.KeyRace > 0 ? " *" : "");
@@ -129,7 +124,7 @@ export default class MapShapeSelection extends React.Component<any, any> {
             let imgDEM = this.getPartyImage("D", item.Party === "D");
             let imgREP = this.getPartyImage("R", item.Party === "R"); 
             statePickers.push( 
-            <div className="horizontal statePickerItem" key={key} onClick={(e) => this.onStateClick(item)}>
+            <div className="horizontal statePickerItem" key={key} onClick={(e) => this.onStateUpdateData(item)}>
                 <div className="vertical statePickerInfo"  > 
                     <div style={{fontWeight: 'bold'}}>{info}</div>
                     <div>{pop}</div>
@@ -143,7 +138,6 @@ export default class MapShapeSelection extends React.Component<any, any> {
                 <div className="stateLabel" style={{background: stateColor}}>{stateLabel}</div>
             </div>);
         }
-        // this.sortByKey(statePickers);
         
         let widthMenu = "16rem";
         let widthContent = "calc(100% - " + widthMenu + ")";
@@ -154,7 +148,6 @@ export default class MapShapeSelection extends React.Component<any, any> {
                 <div className="container sample horizontal">
                     
                     <div className="container vertical sideMenu" style={{background: "transparent", width: widthMenu}}>
-                        {/* <div className="appTitle">U.S. Presidential Election Map</div> */}
 
                         <div className="horizontal statePickerItem" style={{borderRadius: "0rem", fontWeight: 'bold', background: "transparent", opacity: "100%"}} >
                             <div className="vertical statePickerInfo"  > 
@@ -172,11 +165,9 @@ export default class MapShapeSelection extends React.Component<any, any> {
                     </div>
                     <div className="container vertical" style={{background: "transparent", width: widthContent }}>
 
-
                         <div className="container vertical electionResult" >
-                            {/* <div className="appBackgroundTitle">{bgIcons}</div> */}
                             <div className="appTitle">Interactive USA Election Map</div>
-                            {/* <div className="appBackgroundTitle">{bgIcons}</div> */}
+                            <div className="appBackgroundTitle">{bgIcons}</div>
 
                             <div className='igCandidate-bar'>
                                 <div className='igCandidate-value' style={{color: this.partyColorDEM}}>{this.state.electors.DEM}</div>
@@ -194,16 +185,7 @@ export default class MapShapeSelection extends React.Component<any, any> {
                                 <div className='igCandidate-value' style={{color: this.partyColorREP}}>{this.state.electors.REP}</div>
                             </div>
 
-
                             <div className="container horizontal" >
-                                
-                                {/* <div className="candidateInfo horizontal" style={{color: this.partyColorDEM}}>  style={{alignItems: "center",  }} */}
-                                    {/* <WinnerIcon className="candidateWinner animateFade" style={{color: colorWinnerDEM}} title='Election Winner'/> */}
-                                    {/* <div className="candidateName" > {this.getPartyCandidateName("D")}</div> */}
-                                    {/* <div className="candidateElector" > {this.state.electors.DEM}</div> */}
-                                    {/* <div className="statePickerPartyCircle electionCandidateImage" style={{background: this.partyColorREP}} ><img className="statePickerPartyImage" src={this.candidateR}/></div> */}
-                                {/* </div> */}
-
                                 <div className="electionGauge"  >
                                     <IgrLinearGauge
                                         ref={this.onGauge}
@@ -238,23 +220,15 @@ export default class MapShapeSelection extends React.Component<any, any> {
                                             outerStartExtent={0.85} outerEndExtent={0.85} />
                                     </IgrLinearGauge>
                                 </div>
-                                {/* <div className="candidateInfo horizontal" style={{color: this.partyColorREP}}>   */}
-                                    {/* <div className="candidateElector" > {this.state.electors.REP}</div> */}
-                                    {/* <div className="candidateName" > {this.getPartyCandidateName("R")}</div> */}
-                                    {/* <WinnerIcon className="candidateWinner animateFade" style={{color: colorWinnerREP}} title='Election Winner'/> */}
-                                    {/* <div className="statePickerPartyCircle electionCandidateImage" style={{background: this.partyColorREP}} ><img className="statePickerPartyImage" src={this.candidateR}/></div> */}
-
-                                {/* </div>  */}
                             </div>
 
-                            <div className="appBackgroundTitle" style={{paddingTop: "1rem"}}>{bgIcons}</div>
-
                         </div>
-                        {/* onResize={this.onMapResize} */}
                         <div className="container" id="mapContainer" >
                             <IgrGeographicMap
                                 ref={this.onMap}
-                                seriesMouseLeftButtonDown={this.seriesMouseLeftButtonDown}
+                                seriesMouseLeftButtonDown={this.onMapMouseClick}
+                                seriesMouseMove={this.onMapMouseMove}
+                                seriesMouseLeave={this.onMapMouseLeave}
                                 windowRectChanged={this.onMapWindowChanged}
                                 
                                 width="100%"
@@ -262,8 +236,6 @@ export default class MapShapeSelection extends React.Component<any, any> {
                                 zoomable="true"/>
                                 
                                 <div className="horizontal" >
-                                    {/* <MouseIcon className="mapHintIcon animateFade" title='Click on a map to change which state votes for a candidate'/> */}
-                                    {/* <div className="mapHint">Powered by Infragistics Ignite-UI for React Components</div> */}
                                     <a className="mapHint" href="https://www.infragistics.com/products/ignite-ui-react">
                                         <img className="mapSource" src="https://www.infragistics.com/blazor-apps/usa-elections/images/ig_engine_horizontal_light.svg"></img>
                                     </a>
@@ -313,6 +285,15 @@ export default class MapShapeSelection extends React.Component<any, any> {
         return this.partyColorUKN;
     }
 
+    public getPartyFill(state: any): string {
+        if (state.Party === "R") 
+            return state.IsSelected ? this.partyHoverREP : this.partyColorREP;
+        else if (state.Party === "D") 
+            return state.IsSelected ? this.partyHoverDEM : this.partyColorDEM;
+
+        return this.partyColorUKN;
+    }
+
     public getPartyCandidateName(party: string): string {
         if (party === "R") return "Donald Trump";
         else if (party === "D") return  "Kamala Harris";
@@ -383,7 +364,7 @@ export default class MapShapeSelection extends React.Component<any, any> {
         let xMin = 1000;
         let yMin = 1000; 
         for (let i = 0; i < this.shapeRecords.length; i++) {
-            let record = this.shapeRecords[i]; // as IgrShapefileRecord;
+            let record = this.shapeRecords[i];
             if (i === 0) {
                 // console.log(record); 
             }
@@ -398,7 +379,8 @@ export default class MapShapeSelection extends React.Component<any, any> {
             state.Name = record.fieldValues['Name'];
             state.Region = record.fieldValues['Region'];
             state.Population = record.fieldValues['Population'];
-            
+            state.IsSelected = false;
+
             if (code === "DC") {
                 state.Info = state.Name;
             } else {
@@ -423,12 +405,9 @@ export default class MapShapeSelection extends React.Component<any, any> {
             
             state.Voters = Math.min(0.9, Math.max(0.4, 0.2 + Math.random())) * state.Population;
             state.Attendance = Math.round((state.Voters / state.Population) * 100);
-            // if (item.Code === "VT") {
-            //     item.X -= 0.5; 
-            //     // this.usaData[code].Y = record.fieldValues['CodePosY'];
-            // }
-            // console.log(code + " " + item.Attendance);
-            state.Color = this.getPartyColor(state.Party);  
+            state.Color = this.getPartyColor(state.Party);
+            state.Fill = this.getPartyFill(state);
+            
             // state.Color = state.Party === "R" ? this.partyColorREP : this.partyColorDEM;
             if (state.Party === "D") {
                 // electors.Count += item.Electors;
@@ -443,11 +422,9 @@ export default class MapShapeSelection extends React.Component<any, any> {
             this.usaSymbols.push(state);
         }
 
-        
         this.sortByName(this.usaStates);
         this.sortByName(this.usaSymbols);
 
-        // this.usaData["VT"].X -=  1; 
         this.usaData["NH"].Y -=  3.5; 
         this.usaData["NH"].X -=  3; 
 
@@ -458,9 +435,6 @@ export default class MapShapeSelection extends React.Component<any, any> {
             item.Y = this.usaData["NH"].Y - ((i + 1) * 1.5);
         }
 
-        // console.log(this.usaData);
-  
-
         this.geoSeries = new IgrGeographicShapeSeries ( { name: "series" });
         this.geoSeries.title = "usaStates";
         this.geoSeries.dataSource = this.usaStates;
@@ -543,29 +517,42 @@ export default class MapShapeSelection extends React.Component<any, any> {
         // console.log(location); 
         // console.log(locationBase); 
 
+        // https://stackoverflow.com/questions/50694649/bitwise-combination-as-integer-to-enum
+        // 4-bit hex encoding of a 50-bit binary string representing all of the states  0=D, 1=R
+
+
         const url = new URL(locationBase);  
         url.searchParams.set("D", statesDEM.join("."));
         url.searchParams.set("R", statesREP.join("."));
         history.pushState({}, "", url);
     }
-    
-    public onStateClick(item: any) {
-        this.updateData(item);
+
+    public onStateHoverData(target: any) {
+
+        for (let i = 0; i < this.usaStates.length; i++) {
+            let item = this.usaStates[i];
+            item.IsSelected = item.Code === target.Code;
+            item.Fill = this.getPartyFill(item);
+            this.usaStates[i] = item;
+            this.usaSymbols[i] = item;
+        }
+
+        this.geoSeries.dataSource = null; 
+        this.geoSeries.dataSource = this.usaStates;
+        this.geoSymbol.dataSource = null; 
+        this.geoSymbol.dataSource = this.usaSymbols;
     }
 
-    public updateData(target: any) {
+    public onStateUpdateData(target: any) {
         
         let electors = { Count: 0, REP: 0, DEM: 0  }; 
         for (let i = 0; i < this.usaStates.length; i++) {
             let item = this.usaStates[i];
             if (item.Code === target.Code) {
-                // console.log(item); 
-
                 item.Party = target.Party === "R" ? "D" : "R";
                 item.Color = item.Party === "R" ? this.partyColorREP : this.partyColorDEM;
                 this.usaStates[i] = item;
                 this.usaSymbols[i] = item;
-                // console.log(item); 
             }
 
             if (item.Party === "D") {
@@ -585,27 +572,32 @@ export default class MapShapeSelection extends React.Component<any, any> {
         this.setWebsiteParams();
 
         this.setState({ electors: electors, });
- 
     }
+    
+    public onMapMouseClick(s: IgrSeriesViewer, e: IgrDataChartMouseButtonEventArgs) {
+        let item = e.item as any;
+        if (item !== null) {
+            console.log('onMapMouseClick ' + item.Code);
+            this.onStateUpdateData(item);
+        }
+    } 
 
-    public seriesMouseLeftButtonDown(s: IgrSeriesViewer, e: IgrDataChartMouseButtonEventArgs) {
-        
-        // if (e.series === null) return;  
-        // if (e.series.title === "usaCodes") return;
-
+    public stateHovered: string = "";
+    public onMapMouseMove(s: IgrSeriesViewer, e: IgrChartMouseEventArgs) {
         let item = e.item as any;
-        if (item === null) {
-            console.log('seriesMouseLeftButtonDown null' );
-        } else {
-            // console.log(item);
-            console.log('seriesMouseLeftButtonDown ' + item.Code);
-            this.updateData(item);
+        if (item !== null && this.stateHovered !== item.Code ) {
+            // console.log('onMapMouseMove ' + item.Code);
+            this.onStateHoverData(item);
+            this.stateHovered = item.Code;
         }
     }
 
-    public onMapStylingShape(s: IgrGeographicShapeSeries, args: IgrStyleShapeEventArgs) {
+    public onMapMouseLeave(s: IgrSeriesViewer, e: IgrChartMouseEventArgs) {
+        this.onStateHoverData({ Code: ""});
+        this.stateHovered = "";
+    }
 
-        // const itemRecord = args.item as any;
+    public onMapStylingShape(s: IgrGeographicShapeSeries, args: IgrStyleShapeEventArgs) {
         const shapeStyle = this.currentShapeStyling.generate(args.item);
         args.shapeOpacity = shapeStyle.opacity;
         args.shapeFill = shapeStyle.fill;
@@ -631,8 +623,6 @@ export default class MapShapeSelection extends React.Component<any, any> {
     public createMarker(): any
     {
         let smallStates = ["NH", "VT", "MA", "RI", "CT", "NJ", "DE", "MD", "DC", ];
-        
-        const size = 12;
 
         return {
             measure: function (measureInfo: DataTemplateMeasureInfo) {
@@ -646,7 +636,7 @@ export default class MapShapeSelection extends React.Component<any, any> {
                 const height = context.measureText("M").width;
                 const width = context.measureText(value).width;
                 measureInfo.width = 25; //width;
-                measureInfo.height = height + size;
+                measureInfo.height = height + 12;
             },
             render: function (renderInfo: DataTemplateRenderInfo) {
                 const item = renderInfo.data.item as any;
@@ -668,7 +658,8 @@ export default class MapShapeSelection extends React.Component<any, any> {
                 if (smallStates.indexOf(code) >= 0) {
                     isSmallState = true;
                     ctx.beginPath();     
-                    ctx.fillStyle =  item.Color;
+                    ctx.fillStyle =  item.Fill;
+                    // ctx.fillStyle =  item.Color;
                     ctx.fillRect(x - (width / 2), y - (height / 2), width, height);
                     ctx.closePath();
                 }
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index a0e429be8b..da85661209 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index 23c5e57932..9d8814a423 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index 2c60dec6a8..2e923844a8 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-area-series/package.json b/samples/maps/geo-map/type-scatter-area-series/package.json
index 92639afba0..d8be7ec0f2 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-bubble-series/package.json b/samples/maps/geo-map/type-scatter-bubble-series/package.json
index f96a2d7b4d..851fa07c4c 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-contour-series/package.json b/samples/maps/geo-map/type-scatter-contour-series/package.json
index 54ce80b971..2b4360bc93 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-density-series/package.json b/samples/maps/geo-map/type-scatter-density-series/package.json
index 7ded1578d1..777a3adcf4 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-scatter-symbol-series/package.json b/samples/maps/geo-map/type-scatter-symbol-series/package.json
index 41641b5258..5e117ce27b 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-shape-polygon-series/package.json b/samples/maps/geo-map/type-shape-polygon-series/package.json
index efb163888a..3782858be0 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/maps/geo-map/type-shape-polyline-series/package.json b/samples/maps/geo-map/type-shape-polyline-series/package.json
index 1cc629e9ef..1b4f305b66 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react-charts": "18.7.3",
-    "igniteui-react-core": "18.7.3",
-    "igniteui-react-maps": "18.7.3",
+    "igniteui-react-charts": "18.7.4",
+    "igniteui-react-core": "18.7.4",
+    "igniteui-react-maps": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index 4d1decd66e..befc977629 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index f227d34cdb..8952bf7da3 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index 00bc4c56f8..6bbc488ac6 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index 7cd4cb0df1..82776a94df 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index 15c2818783..20c5f90736 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index 1d84cf03a3..d9c7f88d16 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index 13afa79e20..af5c449763 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 1accb18812..75a681a567 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index 91bfaf7bad..8b92d68a66 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index eeb89c5948..52adeefe40 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index 8287ba19b0..cb0404426c 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 9133d0a65b..8c304a79d0 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index 3fecdee183..27159132b8 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index c6cc74419a..5a9ca27c31 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index 70ba4b5c22..49254c511b 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index 5ae5606023..f3ed1fc21f 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index 0f8e845c38..08184a398f 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index 32e479dbd8..7aaa42bd84 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index 4a35fd337c..fdc8170270 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index 353d82769b..aba1265746 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index af19d630d5..c7b5813e7b 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index 83a44b3e4e..5cf6d47780 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index bfd4fed510..1487942b72 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index 30a17f907d..3c9ab489d5 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index 24ea4cc9cf..909d29be3f 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index b6689a291c..0987e4c2d6 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index 71b15bfb49..8700b1520d 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index 48c87c1dc0..23b5243b41 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index 7ea2022f0f..a3267fad97 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index a92ae9b588..d1671fe09e 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index 079b5eea72..da0dd411ce 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index bfaa6b68d8..1b41a2214b 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -12,9 +12,9 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index 250b8c2d99..2377f47423 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index 250b8c2d99..2377f47423 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index 250b8c2d99..2377f47423 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index 250b8c2d99..2377f47423 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index 250b8c2d99..2377f47423 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -12,8 +12,8 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "igniteui-react": "18.7.3",
-    "igniteui-react-core": "18.7.3",
+    "igniteui-react": "18.7.4",
+    "igniteui-react-core": "18.7.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",