diff --git a/package.json b/package.json
index 67351da..9545bb7 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "merge-class-names": "^1.1.1",
     "prop-types": "^15.6.0",
     "react-calendar": "^3.3.1",
-    "react-clock": "^2.3.0",
+    "react-clock": "^3.0.0",
     "react-datetime-picker": "^3.1.0",
     "react-fit": "^1.0.3"
   },
diff --git a/src/DateTimeRangePicker.jsx b/src/DateTimeRangePicker.jsx
index dda813c..2206a7d 100644
--- a/src/DateTimeRangePicker.jsx
+++ b/src/DateTimeRangePicker.jsx
@@ -5,7 +5,7 @@ import mergeClassNames from 'merge-class-names';
 import Calendar from 'react-calendar';
 import Fit from 'react-fit';
 
-import Clock from 'react-clock/dist/entry.nostyle';
+import Clock from 'react-clock';
 import DateTimeInput from 'react-datetime-picker/dist/DateTimeInput';
 
 import { isMaxDate, isMinDate } from './shared/propTypes';
diff --git a/yarn.lock b/yarn.lock
index 3d4b63e..a9e3567 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1781,7 +1781,7 @@ __metadata:
     prop-types: ^15.6.0
     react: ^17.0.0
     react-calendar: ^3.3.1
-    react-clock: ^2.3.0
+    react-clock: ^3.0.0
     react-datetime-picker: ^3.1.0
     react-dom: ^17.0.0
     react-fit: ^1.0.3
@@ -6731,19 +6731,6 @@ fsevents@^2.1.2:
   languageName: node
   linkType: hard
 
-"react-clock@npm:^2.3.0":
-  version: 2.4.0
-  resolution: "react-clock@npm:2.4.0"
-  dependencies:
-    merge-class-names: ^1.1.1
-    prop-types: ^15.6.0
-  peerDependencies:
-    react: ">=15.5"
-    react-dom: ">=15.5"
-  checksum: ee6ba7922c68ffb6d1348014fa314998e51eab3303e9133161091dfc4c8ff17add8c0d3573cd4601d7d936b0ee32d8772b87a490bdfeddd8cad3f832213a0dec
-  languageName: node
-  linkType: hard
-
 "react-clock@npm:^3.0.0":
   version: 3.0.0
   resolution: "react-clock@npm:3.0.0"