selected value handling in react-date-picker causes getMonth() errors

[delmac-dev]

Bug: selected value handling in react-date-picker causes getMonth() errors

Description:

When using react-date-picker in modes like range or multiple, selecting a month by tapping on the month caption causes an error. This happens because the selected value can be a string, an object (from and to in range mode), or an array (multiple dates). Directly treating selected as a Date leads to errors when trying to call getMonth().

Steps to Reproduce:

1. Use react-date-picker in range or multiple mode.
2. Tap on the month caption to select a month.
3. Select any month.
4. The error TypeError: selected.getMonth is not a function occurs.

Expected Behavior:

getMonth() should only be called on valid Date objects, with proper checks for selected being a string, object, or array.

Actual Behavior:

TypeError: selected.getMonth is not a function occurs when selected is not a Date.

Suggested Solution:

Implement proper type-checking for the selected value based on its type (string, object, array) before attempting to call getMonth().

[xpek20]

Same error here

[alexalannunes]

My solution

setNavView("days");
if (mode === "range") {
  const selectedRange = selected as unknown as { from: Date; to: Date };
  // if mode is range, use `selectedRange.from`
  goToMonth(
    new Date(displayYears.from + i, selectedRange.from?.getMonth() ?? new Date().getMonth())
  );
  return;
}
goToMonth(new Date(displayYears.from + i, (selected as Date | undefined)?.getMonth() ?? 0));