M2-5293: validating date and time items values before passing to activityProgress, bug fixes

src/entities/applet/model/mapper.ts

@@ -36,7 +36,7 @@ export const mapItemAnswerToUserEventResponse = (item: ItemRecord): UserEventRes
   }
 
   if (responseType === "timeRange") {
-    const fromDate = new Date(itemAnswer[0])
+    const fromDate = itemAnswer[0] ? new Date(itemAnswer[0]) : new Date()
     const toDate = itemAnswer[1] ? new Date(itemAnswer[1]) : new Date()
 
     return {

src/shared/ui/Items/Date/index.tsx

@@ -1,12 +1,25 @@
+import { useCallback } from "react"
+
 import { DatePicker } from "@mui/x-date-pickers/DatePicker"
 
 type Props = {
   label?: string
   value: Date | null
 
-  onChange: (value: Date | null) => void
+  onChange: (value: Date) => void
 }
 
 export const DateItemBase = ({ label, value, onChange }: Props) => {
-  return <DatePicker<Date> label={label} value={value ?? null} onChange={onChange} />
+  const handleChange = useCallback(
+    (value: Date | null) => {
+      const isValidDate = value !== null && !isNaN(value.getTime())
+
+      if (isValidDate) {
+        onChange(value)
+      }
+    },
+    [onChange],
+  )
+
+  return <DatePicker<Date> label={label} value={value ?? null} onChange={handleChange} />
 }

src/shared/ui/Items/Time/index.tsx

@@ -1,19 +1,32 @@
+import { useCallback } from "react"
+
 import { DesktopTimePicker } from "@mui/x-date-pickers/DesktopTimePicker"
 
 type Props = {
   label?: string
   value?: string
-  onChange: (value: Date | null) => void
+  onChange: (value: Date) => void
 }
 
 export const TimeItemBase = ({ label, value, onChange }: Props) => {
   const formatedValue = value ? new Date(value) : null
 
+  const handleChange = useCallback(
+    (value: Date | null) => {
+      const isValidDate = value !== null && !isNaN(value.getTime())
+
+      if (isValidDate) {
+        onChange(value)
+      }
+    },
+    [onChange],
+  )
+
   return (
     <DesktopTimePicker<Date>
       label={label}
       value={formatedValue}
-      onChange={onChange}
+      onChange={handleChange}
       slotProps={{ textField: { placeholder: "HH:MM AM/PM" } }}
     />
   )