Bone Flow #024 - Calendar

Package Version 1.0.216 Candidate / Runtime Version 1.0.96 / Status: Development Candidate

累積回帰テストbf-calendar Sample

Dependencies: #001 Bone Core / #002 Bone Joint / #020 Label / #022 Hover Border Effect / #040 ColorPicker

HTML Functional Class: bf-calendar / Formal Functional Class 1.0.17 / Runtime API: BoneCalendarFunctionalClass / BoneCalendarHTMLClass → BoneCalendar 1.0.96

Transitive dependency via #040 ColorPicker: #118 Bone Transition / Runtime 1.0.3 / bf-transition Bridge 1.0.4 / #024 does not own Transition behavior.

#001 Bone Core確認中
#002 Bone Joint確認中
#020 Bone Label確認中
#022 Hover Border Effect確認中
#040 ColorPicker確認中
#118 TransitionRuntime 1.0.3 / Bridge 1.0.4（#040経由）

#024はCalendar UI・日付選択・Annotation・表示状態だけを担当します。commit / OUT / Delivery / WAIT / FIFO / BLOCKEDは所有しません。min/maxは表示可能月の境界も制御し、minより前・maxより後の月移動は禁止します。stepは日付セルの選択可否を制御します。

プロパティ設定 / Calendar Preview

プロパティ設定

Property 表示言語
マウスオーバー時の枠Effect（#022）

各日付セルへ #022 Hover Border Effect を trigger=mouseover で適用します。Effect色は #040 ColorPicker の solid-only Caller で選択します。

Calendar Preview

Event: なし
正式Property定義（Runtime Schema）
Runtime-owned Schema: BoneCalendar.getPropertySchema() / Defaults: BoneCalendar.getPropertyDefaults() / Definition: BoneCalendar.getPropertyDefinition(key)
UI側でProperty Schemaを二重定義せず、BoneCalendar Runtimeの実値から生成します。
KeyLabelGroupTypeDefaultOptions / RangeDescription
Runtime-owned Schema: loading...


Class リスト / Public API

Public ObjectBoneCalendar
Classなし（Factory API）
FactoryBoneCalendar.create(options)
InstanceHTMLElement + BoneCalendar.isInstance()


#024 v1.0.96 は正式 BoneCalendar Public API と正式 BoneCalendarFunctionalClass（bf-calendar）を使用します。




Class / Public API・使用方法・操作説明を1つのガイドで確認できます。




接続イメージ
固定HTMLではなく、#002 BoneJoint.evaluate() の実判定結果を5ケース表示します。線も BoneJoint.drawLine() の実描画です。




IN 接続線
OUT 接続線
型不一致
接続エラー／不存在終端




Smoke Test / Validation Report




NOT RUN
実行日時-
検査件数0件
PASS0件
FAIL0件
実行時間0.0ms
Version1.0.96


Smoke Test 結果NOT RUN
Smoke Testは未実行です。


Validation 結果NOT RUN
Validationは未実行です。



Runtime Console
コンポーネント完了管理
Component#024 Calendar
Package1.0.208 Candidate
Runtime1.0.96
StatusDevelopment
Runtime QA未実行
WAIT目視N/A（OUTなし）
BLOCK目視N/A（OUTなし）
Completion Flagfalse
完了日時-
Runtime ALL PASS後に完了できます。#024はOUT責務がないためWAIT/BLOCKはN/Aです。
HTML Functional Class — 直接HTML契約
以下は手動 BoneCalendar.create()、サンプル用変数、後付け setTaskData() を使いません。bf-calendar が data-* を直接読み込みます。
<div class="bf-calendar"
     data-value="2026-08-13"
     data-theme="dark"
     data-icon-visual="emoji"
     data-selected-day-visible="true"
     data-selection-layout="accordion"
     data-show-settings-manager-button="true"
     data-show-guide-manager-button="true"></div>
Minimal実動作ページ / data-* 外部データ実動作Sample / Minimal動作ZIP