Bone Flow #025 - DatePicker

Package Version 1.0.33 / Runtime Version 1.0.12 / Status: Development Candidate

累積回帰テスト

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

HTML Functional Class（HTML機能クラス）: bf-datepicker / Runtime API: BoneDatePickerHTMLClass → BoneDatePicker

#001 Bone Core確認中
#002 Bone Joint確認中
#020 Bone Label確認中
#022 Hover Border Effect確認中
#024 Bone Calendar確認中
#040 ColorPicker確認中
#118 Transition確認中

#024 Calendarを呼び出し元INPUTの直下へ表示し、PanelのENTER / EXITは#118 Transitionへ委譲、Hover Borderは#022正式Runtimeへ委譲します。

プロパティ設定 / 合算プレビュー

DatePicker Property

プロパティ
カレンダー設定（#024）
カレンダー日付マウスオーバー時の枠エフェクト（#022）

#024 Calendarの日付セルへ #022 Hover Border Effectを trigger=mouseover で適用します。エフェクト色は#040 ColorPickerのsolid-only Callerです。

#024 Calendarへテーマ / アイコン / 開始曜日 / min / max / step / 高さ / ロケール / タスク表示を委譲します。Calendar下部の管理ボタンはDatePickerでは初期非表示で、必要時だけ表示できます。日付セルのマウスオーバー時エフェクトも設定します。

マウスオーバー時の枠エフェクト（#022）

DatePickerのINPUT＋Calendarボタン全体へ #022 Hover Border Effectを trigger=mouseover で適用します。エフェクト色は#040 ColorPickerのsolid-only Callerです。

#118 トランジション — ピッカーパネル 表示 / 非表示

開閉状態は#025が所有し、視覚補間のENTER / EXITだけを#118へ委譲します。

DatePicker Preview

日付を選択しても呼び出し元INPUTの値は自動変更しません。

呼び出し元INPUT値2026-08-10
ピッカー選択値-
最終イベント-
ランタイムコンソール
返却契約
{}

正式プロパティ定義（Runtime Schema）

Runtime-owned Schema: BoneDatePicker.getPropertySchema() / Defaults: BoneDatePicker.getPropertyDefaults() / Definition: BoneDatePicker.getPropertyDefinition(key)

キー表示名グループ型初期値選択肢 / 範囲説明

Runtime-owned Schema: loading...

クラス一覧 / 公開API
公開オブジェクトBoneDatePicker
クラスなし（Factory API）
生成APIBoneDatePicker.create(input, options)
インスタンスHTMLElement + BoneDatePicker.isInstance()

#025 v1.0.12 は架空クラスを追加せず、実在する BoneDatePicker 公開オブジェクト / Factory APIを表示します。詳細説明はヘッダーの正式 DOC-0025 ガイドへ統合しています。

接続イメージ — #002 BoneJoint v1.1.36

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

IN 接続線
RETURN 接続線
型不一致
接続エラー / 不存在

OUT WAIT / FIFO / BLOCKED — #002正式Delivery Channel

#025自身にOUT / queue / BLOCKED責務は追加しません。DatePickerのRETURNを受けたCaller OUTを模擬し、#002 BoneJoint.createDeliveryChannel() の正式Delivery Channelとして、Target BUSY中のWAIT、READY復帰後のFIFO配送、BLOCKED時のTarget不達を確認します。

Caller OUT
DatePicker RETURN / DATE
Target
READY
Joint Stateconnected
TargetREADY
Queue0
Delivered0
READY

Smoke Test / Validation Report

OverallNOT RUN
SmokeNOT RUN
ValidationNOT RUN
Runtime1.0.12

Smoke Test 結果

Smoke Testは未実行です。

Validation 結果

Validationは未実行です。

コンポーネント完了管理

Component#025 DatePicker
Package Version1.0.33
Runtime1.0.12
Completion Flagfalse
StatusDevelopment
Runtime QA未実行
Smoke / Validation ALL PASS と WAIT / BLOCKED目視確認後に完了できます。

HTML Functional Class

<input class="bf-datepicker"> → BoneDatePicker Runtime 1.0.12

bf-datepicker bridge: waiting...