fix(logs): prevent DatePicker onOpenChange from reverting time range after Apply

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/logs/components/logs-toolbar/logs-toolbar.tsx

@@ -224,6 +224,7 @@ export const LogsToolbar = memo(function LogsToolbar({
 
   const [datePickerOpen, setDatePickerOpen] = useState(false)
   const [previousTimeRange, setPreviousTimeRange] = useState(timeRange)
+  const dateRangeAppliedRef = useRef(false)
   const { data: folders = {} } = useFolderMap(workspaceId)
 
   const { data: allWorkflowList = [] } = useWorkflows(workspaceId)
@@ -398,6 +399,7 @@ export const LogsToolbar = memo(function LogsToolbar({
    */
   const handleDateRangeApply = useCallback(
     (start: string, end: string) => {
+      dateRangeAppliedRef.current = true
       setDateRange(start, end)
       setDatePickerOpen(false)
       captureEvent(posthogRef.current, 'logs_filter_applied', {
@@ -803,7 +805,13 @@ export const LogsToolbar = memo(function LogsToolbar({
                 showTrigger={false}
                 open={datePickerOpen}
                 onOpenChange={(isOpen) => {
-                  if (!isOpen) handleDatePickerCancel()
+                  if (!isOpen) {
+                    if (dateRangeAppliedRef.current) {
+                      dateRangeAppliedRef.current = false
+                    } else {
+                      handleDatePickerCancel()
+                    }
+                  }
                 }}
                 startDate={startDate}
                 endDate={endDate}

apps/sim/app/workspace/[workspaceId]/logs/logs.tsx

@@ -1259,6 +1259,7 @@ function LogsFilterPanel({ searchQuery, onSearchQueryChange }: LogsFilterPanelPr
 
   const [datePickerOpen, setDatePickerOpen] = useState(false)
   const [previousTimeRange, setPreviousTimeRange] = useState(timeRange)
+  const dateRangeAppliedRef = useRef(false)
   const { data: folders = {} } = useFolderMap(workspaceId)
   const { data: allWorkflowList = [] } = useWorkflows(workspaceId)
 
@@ -1357,6 +1358,7 @@ function LogsFilterPanel({ searchQuery, onSearchQueryChange }: LogsFilterPanelPr
   }
 
   const handleDateRangeApply = (start: string, end: string) => {
+    dateRangeAppliedRef.current = true
     setDateRange(start, end)
     setDatePickerOpen(false)
   }
@@ -1501,7 +1503,13 @@ function LogsFilterPanel({ searchQuery, onSearchQueryChange }: LogsFilterPanelPr
             showTrigger={false}
             open={datePickerOpen}
             onOpenChange={(isOpen) => {
-              if (!isOpen) handleDatePickerCancel()
+              if (!isOpen) {
+                if (dateRangeAppliedRef.current) {
+                  dateRangeAppliedRef.current = false
+                } else {
+                  handleDatePickerCancel()
+                }
+              }
             }}
             startDate={startDate}
             endDate={endDate}