Error on-change is deprecated, please use on-update:value instead. When Using Date picker in a Vee-validate form using Yup

[damianfranco-miami-edu]

Hello,
I have been trying to use the date picker component in a Vee-Validate form using Yup.
I am getting error:
naive-ui.js?v=f5b9e6df:2995 [naive/date-picker]: on-change is deprecated, please use on-update:value instead.

Any suggestion is appreciated!
Thanks!

https://stackblitz.com/edit/vee-validate-v4-friendly-labels-with-yup-2gw5rr?file=src%2FApp.vue

<template>
  <Form
    @submit="onSubmit"
    :validation-schema="schema"
    :initial-values="userData"
    v-slot="{ errors, isSubmitting, values }"
  >
    <pre>
  {{ values }}
  </pre
    >

    <label for="email">Your Email</label>
    <Field id="email_addr" name="email_addr" type="email" />
    <ErrorMessage name="email_addr" />

    <label for="password">Your Password</label>
    <Field id="password" name="acc_pazzword" type="password" />
    <ErrorMessage name="acc_pazzword" />

    <Field id="dob" name="dob" v-slot="{ field }">
      <n-date-picker v-bind="field" type="date" />
    </Field>

    <button>Submit</button>
  </Form>
</template>

<script setup lang="ts">
import { Field, Form, ErrorMessage } from 'vee-validate';
import * as Yup from 'yup';
import { ref } from 'vue';

let userData = ref({});

const schema = Yup.object().shape({
  email_addr: Yup.string().email().required().label('Email Address'),
  acc_pazzword: Yup.string().min(5).required().label('Your Password'),
});

function onSubmit(values) {
  alert(JSON.stringify(values, null, 2));
}
</script>

[07akioni]

The field you v-bind to looks like upon. It doesn't conform n-date-picker's props definition, so you need to transform them manually.