fixing date bug

react/.storybook/preview.js

@@ -1,4 +1,4 @@
-import "../../shared/styles/_main.scss";
+import "../../react/styles/_main.scss";
 
 export const parameters = {
     layout: "fullscreen",

react/components/DateField/DateField.jsx

@@ -5,7 +5,11 @@ import { DatePicker } from "@mui/x-date-pickers/DatePicker";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { kebabCase } from "lodash";
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc';
 
+dayjs.extend(utc)
+dayjs.utc();
 export const dateTextFieldStyle = {
     width: "170px",
     borderRadius: "3px",
@@ -64,9 +68,10 @@ const DateField = ({ label, value, handleDateChange, disabled }) => {
                 {`${label}`}
             </InputLabel>
             <DatePicker
-                value={value ? value : null}
+                value={value ? dayjs.utc(value) : null}
                 onChange={handleDateChange}
                 disabled={disabled}
+                views={["year", "day", "hours"]}
                 slotProps={{
                     textField: {
                         id: "date",

react/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.0.58",
+    "version": "1.0.59",
     "description": "Shared style guide across the Madie program.",
     "main": "dist/index.js",
     "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",
@@ -119,9 +119,9 @@
         "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",
+        "dayjs": "^1.11.7",
         "jwt-decode": "^3.1.2",
         "preact": "^10.6.4",
         "prop-types": "^15.8.1",