Cant get Date from MUI object

[Marius555]

im trying to get date from MUI date picker, how can i get date from object, because im missing something, i cant get a string of date. this is my datepicker controler

                      <Controller
                            name="DateOfBirth"
                            control={control}
                            defaultValue={dayjs()}
                            render={({
                                field: { onChange, value },
                                fieldState: { error }
                            }) => (
                                <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale="de">
                                    <DatePicker
                                        label="Date Of Birth"
                                        value={dayjs(value)}
                                        onChange={(event) => { 
                                            onChange(dayjs(event))}
                                        }
                                        slotProps={{ textField: { error: !!error, helperText: error?.message } }}
                                        sx={{ width: "100%" }}
                                    />
                                </LocalizationProvider>
                            )}
                        />

im getting this object

DateOfBirth: M
$D: 28
$H: 1
$L: "de"
$M: 9
$W: 6
$d: Sat Oct 28 2023 01:14:12 GMT+0300 (Eastern European Summer Time) {}
$isDayjsObject: true
$m: 14
$ms: 0
$s: 12
$u: undefined
$x: {}
$y: 2023
[[Prototype]]: Object

[Moshyfawn]

dayjs provides it's own custom object which is not supported by RHF.

You can either use a native Date JS object or parse your date into a string.