How to transform a value before it gets sent for a resource update

export const ArtistEdit: React.FC<IResourceComponentsProps> = () =>  {
  const { formProps, saveButtonProps, queryResult } = useForm();
  const artistsData = queryResult?.data?.data;

  return (
    <Edit saveButtonProps={saveButtonProps}>
      <Form.Item
          label="Date Of Birth"
          name={["date_of_birth"]}
          rules={[
            {
              required: true,
            },
          ]}
          getValueProps={(value) => ({
            value: value ? dayjs(value) : undefined,
          })}
        >
          <DatePicker />
        </Form.Item>
    </Edit>

  )

}

export const ArtistEdit: React.FC<IResourceComponentsProps> = () =>  {
  const { formProps, saveButtonProps, queryResult } = useForm();
  const artistsData = queryResult?.data?.data;

  return (
    <Edit saveButtonProps={saveButtonProps}>
      <Form.Item
          label="Date Of Birth"
          name={["date_of_birth"]}
          rules={[
            {
              required: true,
            },
          ]}
          getValueProps={(value) => ({
            value: value ? dayjs(value) : undefined,
          })}
        >
          <DatePicker />
        </Form.Item>
    </Edit>

  )

}