Trigger onDatesChange only when BOTH dates are selected

Current behaviour for DateRangePicker is that onDatesChange is triggered on EVERY date select, to and from

How to trigger onDatesChange only when BOTH dates has been selected? I know I can compare new and current dates, but I want to avoid this kind of hacking. It there some out of the box approaches?

`to` => `from` => onDatesChange( only now it is triggered )

[furkantanyol]

Here is my solution:

  const [stateStartDate, updateStateStartDate] = useState(null)
  const [stateEndDate, updateStateEndDate] = useState(null)

  const refreshDates = () => {
    updateStateStartDate(null)
    updateStateEndDate(null)
  }

const updateDateData = async ({ startDate, endDate }) => {
    if (focusedInput === 'startDate') {
      refreshDates()
      updateStateStartDate(startDate)
      return
    }
    if (focusedInput === 'endDate') {
      updateStateEndDate(endDate)
    }

    if (stateStartDate && stateEndDate) {
      // DO STUFF
      updateFocusedInput(null)
      // DO STUFF
      }
    }
  }

<DateRangePicker
      .
      .
   startDate={stateStartDate}
   endDate={stateEndDate}
   onDatesChange={updateDateData}
      .
      .
      />

[linorabolini]

@majapw hey im saying the same thing. It should be logic that the parent component should handle ! i just provided the snippet haahah