date-picker's format prop not localized when using date-fns localized date string (e.g. PP)

[wc-matteo]

TuSimple/naive-ui version (版本)

2.13.0

Vue version (Vue 版本)

3.1.2

Browser and its version (浏览器及其版本)

Chrome 91.0.4472.106

System and its version (系统及其版本)

Windows 10

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/affectionate-browser-e13mu?file=/src/Demo.vue

Reappearance steps (重现步骤)

Select the chinese locale
Select a date
Observe the formatted value in the date-picker field

Expected results (期望的结果)

The format of the date matches the locale

Actual results (实际的结果)

The format of the date is always in the english locale

Remarks (补充说明)

[07akioni]

It seems to be the problem of date-fns.

Please see https://codesandbox.io/s/sleepy-ardinghelli-320ju?file=/src/index.js

[wc-matteo]

https://codesandbox.io/s/confident-johnson-w6ky5?file=/src/index.js:35-72

with my locale (italian, it) it works correctly

it seems to work for spanish (es), french (fr) and german (de) as well

[wc-matteo]

I'm not really that familiar with date-fns but as far as I can see you need to provide a locale option for every function call (e.g. format)

[07akioni]

I'm not really that familiar with date-fns but as far as I see you need to provide a locale option for every function call (e.g. format)

Yes, I use it because it's treeshakable. However I just expose a number interface outside, if you want use other libs it's not hard.

[07akioni]

If you need more locale please create a PR and add the locale you needed.

[wc-matteo]

I created an italian locale for my project. I'll submit a pr once I'm sure it's all good 👍🏿

[wc-matteo]

would you consider adding the locale parameter to format's date-fns function. Here for example: https://github.com/TuSimple/naive-ui/blob/main/src/date-picker/src/DatePicker.tsx#L336
?

[07akioni]

https://github.com/TuSimple/naive-ui/blob/main/src/date-picker/src/DatePicker.tsx#L336

Sure, it seems to be a bug.

[07akioni]

Some format hasn't been passed in with locale options.