saas-js/saas-ui

DateInput locale prop issue

Bliqui opened this issue · 3 comments

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

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.

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