コンテンツ v1.0.0

カレンダー

日付の表示と選択のためのインタラクティブなカレンダーコンポーネント。 月のナビゲーション、イベントドット、日付範囲制約、 キーボードナビゲーション、週の開始曜日の設定に対応しています。

月表示

日付番号、ナビゲーション、今日のハイライト、イベントドット、日付選択を備えた月間グリッド

オプション

名前 型 デフォルト 説明
date String Date.today.iso8601 ISO date string for the displayed month
events Array [] Array of event hashes with :date, :title, and :color keys
selected_date String nil ISO date string for the currently selected date
min_date String nil ISO date string for the earliest selectable date
max_date String nil ISO date string for the latest selectable date
week_start Symbol :sunday Day the week starts on: :sunday or :monday

ミニ

小さいセルと省略ラベルを使ったコンパクトなデイトピッカーカレンダー

オプション

名前 型 デフォルト 説明
date String Date.today.iso8601 ISO date string for the displayed month
selected_date String nil ISO date string for the currently selected date
min_date String nil ISO date string for the earliest selectable date
max_date String nil ISO date string for the latest selectable date
week_start Symbol :sunday Day the week starts on: :sunday or :monday

変更履歴 v1.0.0

- v1.0.0: Initial release with month and mini styles
- Full month grid with event dots and date selection
- Compact mini calendar picker
- Keyboard navigation with arrow keys
- Configurable week start (Sunday/Monday)
- Min/max date range constraints

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得