Locale DateTime format not used in NDatePicker (input inside the dropdown) + update fr-FR locale date separator

TuSimple/naive-ui version (版本)

2.21.5

Vue version (Vue 版本)

3.2.24

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

N/A

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

N/A

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/en-US/os-theme/components/date-picker

Reappearance steps (重现步骤)

Choose fr-FR locale, open NDatePicker dropdown, then pick a date: the date input inside the dropdown is still using en-US locale.

Expected results (期望的结果)

Locale DateTime format used in NDatePicker (input inside the dropdown)

Actual results (实际的结果)

That input is still using the default en-US locale

Remarks (补充说明)

Oups! I just notice that, in my previous issue #1751, I miss the date separator (/ instead of -) in my translation, it should be:

{
  Time: {
    dateFormat: "dd/MM/yyyy",
    dateTimeFormat: "dd/MM/yyyy HH:mm:ss"
  }
  DatePicker: {
    monthTypeFormat: "MM/yyyy",
    dateFormat: "dd/MM/yyyy",
    dateTimeFormat: "dd/MM/yyyy HH:mm:ss"
  }
}

Really sorry, my bad 😞

Also, I guess the input field inside NDatePicker should probably respect the locale format too:

[07akioni]

@M1CK431 In fact the date-time’s panel doesn’t follows dateFormat now, we will try to fix it.

[wc-matteo]

I was missing monthBeforeYear: true in my custom locale file