having hard time with types

[ammarriq]

i am using the Calendar component with multiple attribute but there seems to be some weird type errors.

the code looks like this;

<script lang="ts">
	import { type DateValue } from '@internationalized/date'
	import { Calendar } from '$lib/components/ui/calendar'
	
	let test: DateValue[] | undefined = []
</script>


<div>
	<Calendar
		class="theme-light"
		multiple={true}
		bind:value={test}
	/>
	{#each test ?? [] as item, i (i)}
		<input
			name="dates.{i}.startTime"
			type="hidden"
		/>
		<input
			name="dates.{i}.endTime"
			type="hidden"
		/>
	{/each}
</div>

but multiple and bind:value throw these errors Type 'true' is not assignable to type 'false'. and Type 'DateValue[] | undefined' is not assignable to type 'DateValue | undefined'.