diff --git a/package-lock.json b/package-lock.json
index eb2c29f1bd..45aeb2fc5d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
                 "async-alpine": "^1.0.0",
                 "autoprefixer": "^10.4.0",
                 "chart.js": "^3.6.0",
+                "chartjs-adapter-luxon": "^1.3.1",
                 "choices.js": "^10.1.0",
                 "codemirror": "^5.65.8",
                 "cropperjs": "^1.5.13",
@@ -36,6 +37,7 @@
                 "filepond-plugin-media-preview": "^1.0.9",
                 "laravel-echo": "^1.14.0",
                 "laravel-mix": "^6.0.37",
+                "luxon": "^3.4.3",
                 "npm-run-all": "^4.1.5",
                 "postcss": "^8.4.4",
                 "prettier": "^2.7.1",
@@ -3857,6 +3859,16 @@
             "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==",
             "dev": true
         },
+        "node_modules/chartjs-adapter-luxon": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/chartjs-adapter-luxon/-/chartjs-adapter-luxon-1.3.1.tgz",
+            "integrity": "sha512-yxHov3X8y+reIibl1o+j18xzrcdddCLqsXhriV2+aQ4hCR66IYFchlRXUvrJVoxglJ380pgytU7YWtoqdIgqhg==",
+            "dev": true,
+            "peerDependencies": {
+                "chart.js": ">=3.0.0",
+                "luxon": ">=1.0.0"
+            }
+        },
         "node_modules/choices.js": {
             "version": "10.2.0",
             "resolved": "https://registry.npmjs.org/choices.js/-/choices.js-10.2.0.tgz",
@@ -7219,6 +7231,15 @@
                 "yallist": "^3.0.2"
             }
         },
+        "node_modules/luxon": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.3.tgz",
+            "integrity": "sha512-tFWBiv3h7z+T/tDaoxA8rqTxy1CHV6gHS//QdaH4pulbq/JuBSGgQspQQqcgnwdAx6pNI7cmvz5Sv/addzHmUg==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
         "node_modules/make-dir": {
             "version": "3.1.0",
             "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
diff --git a/package.json b/package.json
index 1d140ac3ac..f90a75216f 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
         "async-alpine": "^1.0.0",
         "autoprefixer": "^10.4.0",
         "chart.js": "^3.6.0",
+        "chartjs-adapter-luxon": "^1.3.1",
         "choices.js": "^10.1.0",
         "codemirror": "^5.65.8",
         "cropperjs": "^1.5.13",
@@ -43,6 +44,7 @@
         "filepond-plugin-media-preview": "^1.0.9",
         "laravel-echo": "^1.14.0",
         "laravel-mix": "^6.0.37",
+        "luxon": "^3.4.3",
         "npm-run-all": "^4.1.5",
         "postcss": "^8.4.4",
         "prettier": "^2.7.1",
diff --git a/packages/widgets/docs/03-charts.md b/packages/widgets/docs/03-charts.md
index 97feb9d4e8..52dcf2d216 100644
--- a/packages/widgets/docs/03-charts.md
+++ b/packages/widgets/docs/03-charts.md
@@ -251,4 +251,4 @@ To disable this behavior, you may override the `$isLazy` property on the widget
 
 ```php
 protected static bool $isLazy = true;
-```
+```
\ No newline at end of file
diff --git a/packages/widgets/resources/js/components/chart.js b/packages/widgets/resources/js/components/chart.js
index 500c7d3da7..0c9982e3d9 100644
--- a/packages/widgets/resources/js/components/chart.js
+++ b/packages/widgets/resources/js/components/chart.js
@@ -1,4 +1,5 @@
 import Chart from 'chart.js/auto'
+import 'chartjs-adapter-luxon';
 
 export default function chart({ cachedData, options, type }) {
     return {