MUI X Date Picker v5 LocalizationProvider первый день недели

Я хочу установить в приложении локализацию, отличную от локализации пользователя, таким образом, чтобы первый день недели всегда был понедельником, а все остальное можно было установить на основе локализации пользователя. Я использую MUI DatePicker и перепробовал множество вариантов. Код ниже кажется логичным, но он не работает. я могу заменитьdate-fnsс другой библиотекой, если понадобится, но я хотел бы сохранить ее, если это возможно.

Соответствующие пакеты:

      {
   "@mui/lab": "^5.0.0-alpha.130",
   "@mui/material": "^5.13.1",
   "@mui/x-data-grid": "^6.4.0",
   "@mui/x-date-pickers": "^6.4.0",
   "date-fns": "^2.30.0",
}

index.tsx

      <React.StrictMode>
    <QueryClientProvider client={queryClient}>
      <LocalizationProvider
        dateAdapter={AdapterDateFns}
        adapterLocale={{ options: { weekStartsOn: 1 } }}
      >
        <SettingsProvider>
          <CollapseDrawerProvider>
            <BrowserRouter>
              <App />
              <ReactQueryDevtools initialIsOpen={false} />
            </BrowserRouter>
          </CollapseDrawerProvider>
        </SettingsProvider>
      </LocalizationProvider>
    </QueryClientProvider>
  </React.StrictMode>

0 ответов

Другие вопросы по тегам