Footer fixes

src/components/datepicker/datepicker-component.tsx

@@ -107,7 +107,8 @@ const DatePickerComponent = ( {
 	numberOfMonths,
 	...props
 }: DatePickerProps ) => {
-	const isFooter = props.footer !== undefined;
+	// check footer is a valide compoenent 
+	const isFooter = React.isValidElement(props.footer) || typeof props.footer === 'function';
 	const [ showMonthSelect, setShowMonthSelect ] = useState( false );
 	const [ showYearSelect, setShowYearSelect ] = useState( false ); // New state for year selection
 	const [ selectedYear, setSelectedYear ] = useState( new Date().getFullYear() );