AntDesign date time picker does not work

[troos18]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

antd

Version

5.20.1

Current Behavior

In my App, I have an issue when trying to edit a date picker field using antd.

Got this log:

moment.js:24 Uncaught TypeError: clone.weekday is not a function
    at Object.getWeekDay (moment.js:24:18)
    at getWeekStartDate (dateUtil.js:101:41)
    at DateBody (DateBody.js:30:83)
    at renderWithHooks (react-dom.development.js:15486:18)
    at mountIndeterminateComponent (react-dom.development.js:20098:13)
    at beginWork (react-dom.development.js:21621:16)
    at HTMLUnknownElement.callCallback (react-dom.development.js:4164:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:16)
    at invokeGuardedCallback (react-dom.development.js:4277:31)
    at beginWork$1 (react-dom.development.js:27485:7)

Expected Behavior

I should be able to edit the field.

Steps To Reproduce

Using your playground with theme=antd

JSON Schema:

{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema",
  "examples": [
    {
      "date": "2024-09-17T03:24:00"
    }
  ],
  "properties": {
    "date": {
      "type": "string",
      "title": "Date",
      "format": "date-time",
      "description": "Date and time"
    }
  }
}

Try to edit the field, nothing happen.

Environment

- OS: macOS M2 14.6.1 & Windows 10 pro 22H2
- Node: 22.8.0
- npm: 10.8.2

Anything else?

No response

[heath-freenome]

@troos18 Thanks for the bug report. The issue is also quite visible on our date time page in the playground. As we normally rely on developers to deal with theme specific issues, would you be willing to provide a fix for us?

[troos18]

Hello,
Sorry for late answer.
Unfortunately, I can't try to provide a fix for now.
Is there another way to fix this ?

[heath-freenome]

Likely not. Do you have anyone you work with who may be able to fix it?

[MaximeSauvageD4]

Hi @heath-freenome, can we have a helping hand on this please?
We've managed to display the popup of the date picker by adding a call to <DatePicker /> from Antd under <DemoFrame /> in react-jsonschema-form/packages/playground/src/components/Playground.tsx. Note that I talk about the popup of the widget.
The popup does not appearwhen the field is focused but does when the user clicks outside of it after. It stays displayed until field is focused again.

[heath-freenome]

@MaximeSauvageD4 Does the date picker popup work in an antd application outside of the playground?