Only handle dates internally

pikobytes · Sep 30, 2022 · c8ef990 · c8ef990
1 parent 834cb4b
commit c8ef990
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/lib/components/Inputs/DateTimePicker/DateTimePicker.js b/lib/components/Inputs/DateTimePicker/DateTimePicker.js
@@ -29,6 +29,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { TextField } from '@mui/material';
 import { DateTimePicker as MUIDateTimePicker } from '@mui/x-date-pickers';
+import { parseISO } from 'date-fns';
 import { useController, useFormContext } from 'react-hook-form';
 import { getHighlightBackgroundColor, shouldHighlightBackground, shouldShowRequiredLabel, } from '../util';
 export function DateTimePicker(_a) {
@@ -60,6 +61,6 @@ export function DateTimePicker(_a) {
             sx: function (theme) { return ({
                 backgroundColor: getHighlightBackgroundColor(theme, highlightBackground),
             }); },
-        }, inputRef: ref, label: label, value: value === '' ? null : value, onChange: handleChange }, rest)));
+        }, inputRef: ref, label: label, value: value === '' ? null : parseISO(value), onChange: handleChange }, rest)));
 }
 export default DateTimePicker;
diff --git a/src/components/Inputs/DateTimePicker/DateTimePicker.tsx b/src/components/Inputs/DateTimePicker/DateTimePicker.tsx
@@ -6,6 +6,7 @@
  */
 import { TextField } from '@mui/material';
 import { DateTimePicker as MUIDateTimePicker } from '@mui/x-date-pickers';
+import { parseISO } from 'date-fns';
 import { useController, useFormContext } from 'react-hook-form';
 
 import {
@@ -86,7 +87,7 @@ export function DateTimePicker({
       }}
       inputRef={ref}
       label={label}
-      value={value === '' ? null : value}
+      value={value === '' ? null : parseISO(value)}
       onChange={handleChange}
       {...rest}
     />