update to use utc from adapter

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}

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",
@@ -110,7 +110,6 @@
         "@mui/material": "^5.2.5",
         "@mui/styles": "^5.5.1",
         "@mui/system": "^5.5.2",
-        "@mui/x-date-pickers": "^6.6.0",
         "@reach/portal": "^0.16.2",
         "@reach/tooltip": "^0.16.2",
         "@testing-library/jest-dom": "^5.16.2",
@@ -119,7 +118,6 @@
         "axios": "^0.24.0",
         "cookie": "^0.4.1",
         "cross-env": "^7.0.3",
-        "dayjs": "^1.11.7",
         "d3-selection": "^1.4.2",
         "d3-shape": "^1.3.7",
         "jwt-decode": "^3.1.2",
@@ -133,7 +131,9 @@
         "xss": "^1.0.10"
     },
     "peerDependencies": {
-        "classnames": "^2.3.1"
+        "@mui/x-date-pickers": "^6.6.0",
+        "classnames": "^2.3.1",
+        "dayjs": "^1.11.7"
     },
     "overrides": {
         "trim": ">=0.0.3",