Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DateInput locale prop issue #249

Open
1 of 3 tasks
Bliqui opened this issue Jul 24, 2024 · 3 comments
Open
1 of 3 tasks

DateInput locale prop issue #249

Bliqui opened this issue Jul 24, 2024 · 3 comments

Comments

@Bliqui
Copy link
Contributor

Bliqui commented Jul 24, 2024

Description

With the locale prop, only the input itself is localized. Calendar popup remains in English

image
image

Link to Reproduction

Link

Steps to reproduce

Just render DateInput with locale prop set to any language (besides english :) )

Saas UI Version

2.8.8

Chakra UI Version

2.8.2

Browser

No response

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response

Copy link

linear bot commented Jul 24, 2024

@Pagebakers
Copy link
Contributor

To enable translations you can wrap your app with I18nProvider

import { I18nProvider } from '@react-aria/i18n'

<I18nProvider locale="nl-NL">

I might consider adding this as a wrapper around all date picker components, but it does add extra weight to the package.

@Bliqui
Copy link
Contributor Author

Bliqui commented Sep 7, 2024

@Pagebakers it just a little confusing for me that passing the locale prop only translates the input itself

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants