fix: update date based on timezone update

ra-libs · Oct 13, 2023 · 872d9cd · 872d9cd
1 parent 4601fce
commit 872d9cd
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/components/inputs/TzDateInput/index.tsx b/src/components/inputs/TzDateInput/index.tsx
@@ -53,6 +53,15 @@ export function TzDateInput(props: TzDateInputProps) {
     }
   }, [field.value])
 
+  useEffect(() => {
+    if (timezoneSourceInput.field.value && value) {
+      const tzDate = dayjs.tz(field.value, timezoneSourceInput.field.value)
+      setFormValue(props.source, tzDate?.toISOString(), {
+        shouldDirty: true,
+      })
+    }
+  }, [timezoneSourceInput.field.value])
+
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>
       <DatePicker

diff --git a/src/components/inputs/TzTimeInput/index.tsx b/src/components/inputs/TzTimeInput/index.tsx
@@ -69,6 +69,15 @@ export function TzTimeInput(props: TzTimeInputProps) {
     }
   }, [field.value])
 
+  useEffect(() => {
+    if (timezoneSourceInput.field.value && value) {
+      const tzDate = dayjs.tz(field.value, timezoneSourceInput.field.value)
+      setFormValue(props.source, tzDate?.toISOString(), {
+        shouldDirty: true,
+      })
+    }
+  }, [timezoneSourceInput.field.value])
+
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>
       <TimePicker