@madie/madie-design-system 1.0.57 → 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",

package/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}