diff --git a/react/components/DateTimeField/DateTimeField.jsx b/react/components/DateTimeField/DateTimeField.jsx
index 7ec11b3..e3a6d26 100644
--- a/react/components/DateTimeField/DateTimeField.jsx
+++ b/react/components/DateTimeField/DateTimeField.jsx
@@ -11,6 +11,7 @@ import { FormControl } from "@mui/material";
 import { kebabCase } from "lodash";
 
 dayjs.extend(utc)
+dayjs.utc();
 export const dateTimeTextFieldStyle = {
     width: "240px",
     borderRadius: "3px",
@@ -55,7 +56,7 @@ const DateTimeField = ({ label, dateTimeValue, handleDateTimeChange,disabled })
                     {`${label}`}
                 </InputLabel>
                 <DateTimePicker
-                    value={dateTimeValue ? dateTimeValue : null}
+                    value={dateTimeValue ? dayjs.utc(dateTimeValue) : null}
                     onChange={handleDateTimeChange}
                     views={["year", "day", "hours", "minutes"]}
                     disabled={disabled}
diff --git a/react/package-lock.json b/react/package-lock.json
index 59eec18..55a2e69 100644
--- a/react/package-lock.json
+++ b/react/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.0.57",
+    "version": "1.0.58",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "@madie/madie-design-system",
-            "version": "1.0.57",
+            "version": "1.0.58",
             "license": "CC0-1.0",
             "dependencies": {
                 "@cmsgov/design-system": "^5.0.2",
diff --git a/react/package.json b/react/package.json
index b550a05..dc9f950 100644
--- a/react/package.json
+++ b/react/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.0.57",
+    "version": "1.0.58",
     "description": "Shared style guide across the Madie program.",
     "main": "dist/index.js",
     "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",