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

Feat i18n support for DatePicker and DateRangePicker #1398

Merged
merged 5 commits into from
Sep 1, 2023

Conversation

takurinton
Copy link
Contributor

@changeset-bot
Copy link

changeset-bot bot commented Aug 31, 2023

🦋 Changeset detected

Latest commit: d742867

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
ingred-ui Minor

Not sure what this means? Click here to learn what changesets are.

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

@netlify
Copy link

netlify bot commented Aug 31, 2023

Deploy Preview for ingred-ui ready!

Name Link
🔨 Latest commit d742867
🔍 Latest deploy log https://app.netlify.com/sites/ingred-ui/deploys/64f033eaf54bfd0008a0971a
😎 Deploy Preview https://deploy-preview-1398--ingred-ui.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Comment on lines +20 to +24
/**
* カレンダーに表示する曜日のリスト
* @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
*/
weekList?: string[];
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

曜日一覧も props から受け取るようにした。
dayjs を使えば指定した locale で曜日を取得することもできるけど、階層が深くなることでどこで何を扱っているかが不明瞭になったりするので、一旦 props 経由で受け取り上から流すだけの構成にする。

この PR では対応しないだけで、後でいい構成に変更するかも。

@takurinton takurinton force-pushed the feat-i18n-datepicker branch from 3ffd257 to d742867 Compare August 31, 2023 06:32
@takurinton
Copy link
Contributor Author

@takurinton takurinton marked this pull request as ready for review August 31, 2023 06:42
@takurinton
Copy link
Contributor Author

takurinton commented Aug 31, 2023

Calendar コンポーネントの粒度でもやった方がいい気がしつつ、単体で使うユースケースがないため一旦やってない。
format prop もやった方がいい気がしつつ、#975 (comment) にある理由で一旦やっていない。

@takurinton takurinton requested a review from Yutan0423 September 1, 2023 04:04
Copy link
Contributor

@Yutan0423 Yutan0423 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

一点だけ気になった点コメントしましたー!

Comment on lines 17 to +20
type Props = {
date: Dayjs;
monthFormat?: string;
weekList?: string[];
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

率直な疑問ですが、この辺のフォーマットは現状型を強く縛らない方針なのでしょうか?
言語の違いはあれど扱う文字列は決まってそうなのでユニオン等で表現するのもありかなと思いまして。

この辺の話で一旦リテラル型にしているのか

/**
   * カレンダーに表示する曜日のリスト
   * @memo dayjs().format("ddd") で対応したいが、階層が深くなったりするので一旦静的な値で対処
   */

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここは useLocaleProps を通じて曜日のリストを管理するための暫定的なものであり、実質ユーザーから渡される想定ではないのであまり強く縛る必要もないかなと思ってこのようにしてます!

たしかに英語と日本語くらいしか対応するつもりもないので言われてみたら縛ってもいいかな?と思ったのですが、一旦このままでも良いかなとも思います。

Copy link
Contributor

@Yutan0423 Yutan0423 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTMです!

@Yutan0423 Yutan0423 merged commit a61bcfe into master Sep 1, 2023
1 check passed
@Yutan0423 Yutan0423 deleted the feat-i18n-datepicker branch September 1, 2023 09:16
@FluctMember FluctMember mentioned this pull request Sep 1, 2023
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

Successfully merging this pull request may close these issues.

2 participants