feat: add localized formatting using date-fns

[LuLaValva]

Description

Use date-fns to localize date format in date textbox instead of using ISO.

Note

date-fns maintains their own list of locales that likely doesn't exactly match the browser. This is likely something we will need to maintain ourselves, or provide/find a mapping

Screenshots

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0ba230c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[agliga]

Please update from master. Lets try to get this in a patch but lets fix conflicts first.

[LuLaValva]

I'll update from master, but I think this should be part of at least a minor version since placeholder text will need to be updated in applications that are using the component.

[agliga]

I'll update from master, but I think this should be part of at least a minor version since placeholder text will need to be updated in applications that are using the component.

Can you show what teams need to do and what will break for teams?
Maybe we can add a temporary opt in for this localization so that teams can opt into it and then update the placeholder so its not breaking.

[LuLaValva]

This is actually nontrivial for teams, since the placeholder needs to switch from being unconditionally YYYY-MM-DD to a localized format like MM/DD/YYYY for each locale. Alternatively, the placeholder can be removed or replaced with something like Date

[agliga]

This is actually nontrivial for teams, since the placeholder needs to switch from being unconditionally YYYY-MM-DD to a localized format like MM/DD/YYYY for each locale. Alternatively, the placeholder can be removed or replaced with something like Date

So for now: lets not make this automatic. If they want to get this new functionality, have them pass an argument like auto-localize=true.
Next major version we will remove that flag and have it turn on by default.

[agliga]

We should probably keep the original default, otherwise it will be breaking if they don't pass in localizeFormat

[agliga]

Approving for now if that placeholder issue is fixed.

[agliga]

Need to update snapshots in tests. @LuLaValva