@madie/madie-design-system 1.0.58 → 1.0.59

package/.storybook/preview.js

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

package/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",