ant-design: Dayjs DatePicker doesn't respect Day.js locale from Config Provider (nextjs)
- [ v] I have searched the issues of this repository and believe that this is not a duplicate.
Related but doesn’t work for me: https://github.com/ant-design/ant-design/issues/27815
Reproduction link
https://github.com/chemicalkosek/antd-dayjs-next
Steps to reproduce
- Clone repository
- Launch with npm run dev
- See that the Datepicker with inline locale setup works. The other one doesn’t respect the ConfigProvider (or actually the days locale)
- If without stopping the dev server I change
lib
toes
in the line:
import generatePicker from "antd/lib/date-picker/generatePicker";
to:
import generatePicker from "antd/es/date-picker/generatePicker";
I can see now with hot refresh that it works!
All the week names etc are in pl
locale.
But If I refresh the page or stop the dev server and run again npm run dev
(or build to production), I’l get the following error:
/home/maciek/Dokumenty/websites/antd-dayjs-next/node_modules/antd/es/date-picker/generatePicker/index.js:1
import _extends from "@babel/runtime/helpers/esm/extends";
^^^^^^
SyntaxError: Cannot use import statement outside a module
at wrapSafe (internal/modules/cjs/loader.js:979:16)
at Module._compile (internal/modules/cjs/loader.js:1027:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at eval (webpack-internal:///antd/es/date-picker/generatePicker:1:18)
at Object.antd/es/date-picker/generatePicker (/home/maciek/Dokumenty/websites/antd-dayjs-next/.next/server/pages/index.js:149:1)
at __webpack_require__ (/home/maciek/Dokumenty/websites/antd-dayjs-next/.next/server/pages/index.js:23:31)
at eval (webpack-internal:///./components/DayjsDatePicker.js:4:92)
at Module../components/DayjsDatePicker.js (/home/maciek/Dokumenty/websites/antd-dayjs-next/.next/server/pages/index.js:104:1)
at __webpack_require__ (/home/maciek/Dokumenty/websites/antd-dayjs-next/.next/server/pages/index.js:23:31)
at eval (webpack-internal:///./pages/index.js:9:85)
at Module../pages/index.js (/home/maciek/Dokumenty/websites/antd-dayjs-next/.next/server/pages/index.js:127:1)
at __webpack_require__ (/home/maciek/Dokumenty/websites/antd-dayjs-next/.next/server/pages/index.js:23:31)
What is expected?
The dayjs locale works in dayjs Date Picker
What is actually happening?
The default english dayjs locale is seen
Environment | Info |
---|---|
antd | 4.14.1 |
React | 17.0.2 |
System | Ubuntu 20.04 |
Browser | Chrome 89 |
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Reactions: 11
- Comments: 16 (5 by maintainers)
Any updates here?
Up