diff --git a/package-lock.json b/package-lock.json
index 3ffd502..ae7e4b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,7 @@
         "@brighthr/component-button": "^2.1.4",
         "@brighthr/component-checkbox": "^2.0.0",
         "@brighthr/component-contextmenu": "^2.2.2",
-        "@brighthr/component-datepicker": "^2.2.5",
+        "@brighthr/component-datepicker": "^4.1.5",
         "@brighthr/component-donut": "^1.0.2",
         "@brighthr/component-durationpicker": "^1.1.4",
         "@brighthr/component-employeepicker": "^1.4.4",
@@ -2286,11 +2286,11 @@
       }
     },
     "node_modules/@brighthr/component-datepicker": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@brighthr/component-datepicker/-/component-datepicker-2.3.1.tgz",
-      "integrity": "sha512-eiA1Dr6c361l2yLID0Lwlns7QtbOXlijaoNthShZJLq/SujWhJbr6G/BzlRzRCkEspPFZUcZmhwjJO4TDO4iqQ==",
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-datepicker/-/component-datepicker-4.1.5.tgz",
+      "integrity": "sha512-TpBxSgPatxuVfExKNZcM/9UHj353kF14eqqZuo1+vKUEgGYVwc7IMwbooUCYtCRDBRCG6lsW96JvcLhnMmSy9w==",
       "dependencies": {
-        "@brighthr/component-icon": "^2.1.3",
+        "@brighthr/icons": "^1.127.0",
         "@types/react-datepicker": "^4.3.4",
         "classnames": "^2.3.1",
         "date-fns": "^2.28.0",
diff --git a/package.json b/package.json
index ed85513..6f996ab 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@brighthr/component-button": "^2.1.4",
     "@brighthr/component-checkbox": "^2.0.0",
     "@brighthr/component-contextmenu": "^2.2.2",
-    "@brighthr/component-datepicker": "^2.2.5",
+    "@brighthr/component-datepicker": "^4.1.5",
     "@brighthr/component-donut": "^1.0.2",
     "@brighthr/component-durationpicker": "^1.1.4",
     "@brighthr/component-employeepicker": "^1.4.4",