Datepicker: Change calendar view onchange inputfield

[kevinnio1]

Change calendar view when datepicker inputfield has valid date.

core_components_react/packages/antwerp-ui/react-components/src/lib/molecules/datepicker/Calendar.tsx

Lines 47 to 57 in c78c0cf

	useEffect(() => {
	const parsedDate = value ? new Date(value) : undefined;
	if (isNaN(parsedDate?.getTime() as number)) {
	setActiveMonth(getMonth(new Date()));
	setActiveYear(getYear(new Date()));
	setYearsRowsStart(getYear(new Date()) - 7);
	setActiveDate(undefined);
	return;
	}
	return setActiveDate(parsedDate);
	}, [value]);

useEffect(() => {
  const parsedDate = value ? new Date(value) : undefined;
  if (isNaN(parsedDate?.getTime() as number)) {
    setActiveMonth(getMonth(new Date()));
    setActiveYear(getYear(new Date()));
    setYearsRowsStart(getYear(new Date()) - 7);
    setActiveDate(undefined);
    return;
  }
  if (parsedDate && Number.isSafeInteger(parsedDate?.getTime())) {
    setActiveMonth(getMonth(parsedDate));
    setActiveYear(getYear(parsedDate));
  }
  return setActiveDate(parsedDate);
}, [value]);

[TriangleJuice]

@kevinnio1 Can you please provide a small explanation here?