DynamicForm: DatePicker (range) not working

[raizdev]

Describe the bug

I am receiving the following error while trying to set range datepicker in dynamic form.

const fields = reactive({
  date: {
    label: 'Datum',
    as: 'DatePicker',
    selectionMode: 'range',
    schema: z.array(),
  },
});

Attachted example
https://stackblitz.com/edit/kcjndv?file=src%2FApp.vue

[Vue warn]: Unhandled error during execution of component update
at <DatePicker id=undefined name="date" class="w-full" ... >
at <DynamicFormControl ref_for=true as="DatePicker" selectionMode="range" ... >
at
at
at <Form initialValues= {name: '', date: ''} resolver=fn onSubmit=fn ... >
at <DynamicForm fields= {name: {…}, date: {…}} onSubmit=fn >
at <BaseTransition onEnter=fn onAfterEnter=fn onBeforeLeave=fn ... >
at <Transition name="p-drawer" onEnter=fn onAfterEnter=fn ... >
at
at <Drawer visible=true onUpdate:visible=fn header="Werkmap toevoegen" ... >
at
at <AppLayout onVnodeUnmounted=fn ref=Ref< Proxy(Object) {__v_skip: true} > >
at
at
warn$1 @ runtime-core.esm-bundler.js:51
logError @ runtime-core.esm-bundler.js:263
handleError @ runtime-core.esm-bundler.js:255
callWithErrorHandling @ runtime-core.esm-bundler.js:201
flushJobs @ runtime-core.esm-bundler.js:408
Promise.then
queueFlush @ runtime-core.esm-bundler.js:322
queueJob @ runtime-core.esm-bundler.js:317
baseWatchOptions.scheduler @ runtime-core.esm-bundler.js:6168
effect2.scheduler @ reactivity.esm-bundler.js:1826
trigger @ reactivity.esm-bundler.js:250
endBatch @ reactivity.esm-bundler.js:308
trigger @ reactivity.esm-bundler.js:721
set @ reactivity.esm-bundler.js:1003
set @ runtime-core.esm-bundler.js:3110
writeValue @ BaseEditableHolder.vue:81
updateModel @ DatePicker.vue:1238
selectDate @ DatePicker.vue:1226
onDateSelect @ DatePicker.vue:1162
onClick @ DatePicker.vue:230
callWithErrorHandling @ runtime-core.esm-bundler.js:199
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:206
invoker @ runtime-dom.esm-bundler.js:722
Show 22 more frames
Show less
DatePickerStyle.js:457 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0')
at day (DatePickerStyle.js:457:60)
at resolve (resolve.ts:4:30)
at getKeyValue (getKeyValue.ts:9:48)
at Proxy._getOptionValue (BaseComponent.vue:212:20)
at Proxy.cx (BaseComponent.vue:300:44)
at DatePicker.vue:229:63
at renderList (runtime-core.esm-bundler.js:2867:16)
at DatePicker.vue:255:49
at renderList (runtime-core.esm-bundler.js:2867:16)
at DatePicker.vue:256:45

Reproducer

https://stackblitz.com/edit/kcjndv?file=src%2FApp.vue

PrimeVue version

4.1.2

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[Milos5611]

What is going on with this issue? I have the same problem. Or how should we overcome this issue?