docs: sync wireframes and finalize calendar

2026-08-31 19:35:19 +02:00
1 parent 586994e28c
commit e0a963aaab
@@ -1,5 +1,5 @@
 Bereich: #Feedback
-Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Alert_c836f6cf-ff90-4e2d-991f-5cc256be2b6b)
+Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/a3e8dcff-3c57-42da-880f-432bb8ce4100/edit)
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -0,0 +1,13 @@
+Bereich: #FormInputs
+Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/37a3cced-3793-4849-a1bc-2cdeba169093/edit)
+Regeln:
+- [[03_Benennung]]
+- [[07_Global-Rules]]
+- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
+
+## Notizen
+
+- Gemeinsames Panel für Datum, Datumsbereich und optional Uhrzeit.
+- Unterstützt Single-Date, Range und einen Zustand ohne Zeitauswahl.
+- Monat, Jahr, ausgewählter Tag und Uhrzeiten müssen immer aus dem aufrufenden Screen kommen.
+- Der aktuelle Komponenten-Preview enthält noch feste Beispielwerte. M01a, M01b und M02 dürfen diese nicht als echte Termindaten übernehmen.
@@ -1,5 +1,5 @@
 Bereich: #Overlays
-Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Confirm+Dialog_7826382f-0b13-45d9-ac8f-238fa6de9121)
+Subframe: Kein eigener Confirm-Dialog-Baustein. Bestätigungsfälle werden mit [[Modal Dialog]] gebaut.
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -7,4 +7,6 @@ Regeln:

 ## Notizen

-
+- Zwei klare Ausgänge reichen für einfache Bestätigungen.
+- Wenn eine Aktion drei fachlich verschiedene Ergebnisse hat, müssen alle eindeutig benannt sein. Beispiel: [[M03 Änderungen per E-Mail senden]] mit Zurück, Ohne E-Mail speichern und E-Mail senden.
+- Destruktive Aktionen behalten die destruktive Button-Hierarchie; ein Versandentscheid ist neutral und nutzt den normalen primären Button.
@@ -1,5 +1,5 @@
 Bereich: #FormInputs
-Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Date+Field_8597ff0e-368d-42c9-b5bc-b22473c41104)
+Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/e0461776-caeb-4bb3-a9a1-7df3bcfe9afe/edit)
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -11,4 +11,6 @@ Regeln:

 ## Notizen

- Basis-Regeln gelten erstmal fuer Single Date. Date Range / von-bis braucht eine eigene offene Regelklaerung.
+- Für ein einzelnes Datum direkt verwenden; Datum plus Uhrzeit beziehungsweise von–bis über [[Date with Time Picker]] zusammensetzen.
+- Wenn ein Wert angezeigt werden soll, müssen Wert und Has-Value-Zustand gemeinsam gesetzt sein. Sonst bleibt visuell der Platzhalter sichtbar.
+- Im Kalender-Flow wird der Date Picker in M01a und M01b zusammen mit dem Time Picker verwendet.
@@ -0,0 +1,15 @@
+Bereich: #FormInputs
+Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/9c475604-cb24-4326-b803-a55a7b851305/edit)
+Regeln:
+- [[03_Benennung]]
+- [[07_Global-Rules]]
+- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
+- ![[04_Gruppenregeln#Regel: Form Inputs nutzen definierte Standardbreiten]]
+
+## Notizen
+
+- Kombiniert [[Date Picker]] und [[Time Picker]] in einem gemeinsamen Auslöser.
+- Im Range-Zustand werden Start und Ende zusammen dargestellt und über ein gemeinsames [[Calendar Panel]] bearbeitet.
+- Reihenfolge und Trennzeichen müssen klar als Start → Ende lesbar sein.
+- Beim Öffnen aus einem bestehenden Termin oder Kalenderslot müssen alle Werte vorausgefüllt bleiben.
+- Im Kalender-Flow verwendet in M01a Quick Create Edit Mode und M01b Termin-Dialog.
@@ -1,5 +1,5 @@
 Bereich: #Feedback
-Subframe: [In Subframe oeffnen](https://app.subframe.com/f023064a5ca0/library?component=Partial+page+failure_db7ae858-338b-4089-8177-2dea8e3b97fe)
+Subframe: [In Subframe oeffnen](https://app.subframe.com/f023064a5ca0/design/07f75db5-d9ee-406e-8c83-cb9e3bf687ee/edit)
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -1,5 +1,5 @@
 Bereich: #Patterns
-Subframe: [In Subframe oeffnen](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_KanbanCard_27235bcb-e61b-4880-9ae6-3f12d290a434)
+Subframe: Nicht mehr im aktuellen Projektbestand (MCP-Abgleich 2026-08-25).
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -1,5 +1,5 @@
 Bereich: #Overlays
-Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=Result+Dialog_15b54873-a4f7-4507-a25a-06739f26cf11)
+Subframe: Nicht mehr im aktuellen Projektbestand (MCP-Abgleich 2026-08-25).
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -1,5 +1,5 @@
 Bereich: #Layout
-Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_Divider_d7beb179-8dd1-4635-8e50-38eea311008d)
+Subframe: Nicht mehr im aktuellen Projektbestand (MCP-Abgleich 2026-08-25).
 Regeln:
 - [[03_Benennung]]
 - [[07_Global-Rules]]
@@ -0,0 +1,12 @@
+Bereich: #FormInputs
+Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/b72b2762-6e0c-45f9-87ed-c99b67c3982c/edit)
+Regeln:
+- [[03_Benennung]]
+- [[07_Global-Rules]]
+- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
+
+## Notizen
+
+- Interne Auswahlliste für Stunde und Minute innerhalb des [[Time Picker]] beziehungsweise [[Calendar Panel]].
+- Genau ein Stunden- und ein Minutenwert sind aktiv.
+- Tastaturbedienung, Scrollposition und Fokus müssen im Development erhalten bleiben.
@@ -0,0 +1,14 @@
+Bereich: #FormInputs
+Subframe: [In Subframe öffnen](https://app.subframe.com/f023064a5ca0/design/112bf5fd-6bf3-46ae-859d-571384cc04de/edit)
+Regeln:
+- [[03_Benennung]]
+- [[07_Global-Rules]]
+- ![[04_Gruppenregeln#Regel: Control-Hoehen fuer Button und Form Inputs]]
+- ![[04_Gruppenregeln#Regel: Form Inputs teilen eine Field-Anatomy]]
+
+## Notizen
+
+- Verwendet dieselben Größen-, Fehler-, Disabled- und Label-Zustände wie andere Form Inputs.
+- Ein gesetzter Wert wird nur im Has-Value-Zustand sichtbar; andernfalls bleibt der Platzhalter stehen.
+- Innerhalb von [[Date with Time Picker]] kann der eigene Dropdown-Auslöser deaktiviert werden, damit nur ein gemeinsames Panel öffnet.
+- Die eigentliche Stunden-/Minutenauswahl verwendet [[Time Panel]].