Calendar: Prop typings are not working correctly about primereact HOT 5 OPEN

Can you provide a stackblitz link please ?

https://stackblitz.com/edit/vitejs-vite-1hvojf?file=src%2FApp.tsx

from primereact.

Can you provide a stackblitz link please ?

from primereact.

OK so it works for me in TypeScript here: https://stackblitz.com/edit/kd3h15?file=src%2FApp.tsx

i think the issue is the Calendar detects the value and sets the SelectionMode based on whether you pass it a single Date, a Date[] array, etc.

See here:

from primereact.

OK so it works for me in TypeScript here: https://stackblitz.com/edit/kd3h15?file=src%2FApp.tsx

i think the issue is the Calendar detects the value and sets the SelectionMode based on whether you pass it a single Date, a Date[] array, etc.

See here:

primereact/components/lib/calendar/calendar.d.ts

Lines 972 to 1041 in 686262f

	/**
	* Defines valid properties in single Calendar component.
	* @group Properties
	*/
	interface CalendarPropsSingle extends CalendarBaseProps {
	/**
	* Specifies the selection mode either "single", "range", or "multiple";
	* @defaultValue single
	*/
	selectionMode?: 'single' | undefined;
	/**
	* Value of the component.
	* @defaultValue null
	*/
	value?: Nullable<Date>;
	/**
	* Callback to invoke when value changes.
	* @param { FormEvent<Date>} event - Custom change event
	*/
	onChange?(event: FormEvent<Date>): void;
	}
	/**
	* Defines valid properties in range Calendar component.
	* @group Properties
	*/
	interface CalendarPropsRange extends CalendarBaseProps {
	/**
	* Specifies the selection mode either "single", "range", or "multiple";
	* @defaultValue single
	*/
	selectionMode: 'range';
	/**
	* Value of the component.
	* @defaultValue null
	*/
	value?: Nullable<(Date | null)[]>;
	/**
	* Callback to invoke when value changes.
	* @param { FormEvent<(Date | null)[]>} event - Custom change event
	*/
	onChange?(event: FormEvent<(Date | null)[]>): void;
	}
	/**
	* Defines valid properties in multiple Calendar component.
	* @group Properties
	*/
	interface CalendarPropsMultiple extends CalendarBaseProps {
	/**
	* Specifies the selection mode either "single", "range", or "multiple";
	* @defaultValue single
	*/
	selectionMode: 'multiple';
	/**
	* Value of the component.
	* @defaultValue null
	*/
	value?: Nullable<Date[]>;
	/**
	* Callback to invoke when value changes.
	* @param {FormEvent<Date[]>} event - Custom change event
	*/
	onChange?(event: FormEvent<Date[]>): void;
	}
	/**
	* Defines valid properties in Calendar component.
	* @group Properties
	*/
	export type CalendarProps = CalendarPropsRange | CalendarPropsMultiple | CalendarPropsSingle;

The issue starts when I try to wrap the Calendar with a wrapping component.
https://stackblitz.com/edit/kd3h15-yfszte?file=src%2FApp.tsx

I tried, passing it a value and an onChange to see if it works, but the typing error still persists. Strange behavour, in theory it should work the same whether the component gets wrapper or not, right?

from primereact.

It should it might be some TypeScript weirdness or magic that I don't know.

from primereact.