Calendar component

[matheusps]

Summary

• Create the calendar component
• Create the store package
• Improve locale to support react-aria components
• Add invariant() util
• Add warning() util
• Add extended-components layer

Examples

<Calendar />

Controled

const now = today(getLocalTimeZone())
const [value, setValue] = useState(now)

<Calendar value={value} onChange={setValue} />

Localized

<LocaleProvider locale="en-US">
  <Calendar />
</LocaleProvider>

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
shoreline-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 5, 2023 0:49am

[github-actions]

Hi @matheusps! Thanks for opening this PR. Please set the applicable project fields and labels to this PR to improve our workflow. You can do this by clicking on the "Projects" tab on the right side of the PR page and expanding the tab to set other fields, and by clicking on the "Labels" tab on top of it and selecting the applicable labels.

[lucasaarcoverde]

✨

[marcelovicentegc]

Shouldn't we use their provider instead then? Or maybe port whatever makes this required to our own locale provider? It seems to me that it does the same job we're doing here.

Or maybe just use the provider from react-aria on the components that require it.

Ref: https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/i18n/src/context.tsx

[matheusps]

I've tried using it on each component, but it caused DX issues since it must wrap the hooks. Though in using the locale instead of wrapping it - buuut it would make the lib stuck on react-aria to do intl even in non-react-aria components. So, I've decided to plug into the LocaleProvider :)