@cosmicdrift/kumiko-renderer 0.53.0 → 0.55.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.53.0",
+  "version": "0.55.1",
   "description": "Platform-agnostic React renderer for Kumiko screens. Contains the shared logic — primitives-contract, hooks, KumikoScreen, navigation & SSE abstractions — that any platform-specific renderer (web, native) composes. No DOM, no EventSource, no react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",

package/src/app/kumiko-screen.tsx

@@ -1,4 +1,4 @@
-import type { ConfigCascade, ConfigValueSource } from "@cosmicdrift/kumiko-framework/engine";
+import type { ConfigCascade } from "@cosmicdrift/kumiko-framework/engine";
 import type {
   ActionFormScreenDefinition,
   ConfigEditScreenDefinition,
@@ -1032,7 +1032,7 @@ function ConfigEditBody({
   readonly screen: ConfigEditScreenDefinition;
   readonly translate?: Translate;
 }): ReactNode {
-  const { Banner, ConfigSourceBadge, ConfigCascadeView } = usePrimitives();
+  const { Banner, ConfigCascadeView } = usePrimitives();
   const dispatcher = useDispatcher();
 
   // Detail-Load: config:query:values returnt ALLE Keys des Tenants.
@@ -1081,19 +1081,6 @@ function ConfigEditBody({
     return out as FormValues;
   }, [valuesQuery.data, screen.fields, screen.configKeys]);
 
-  // Sources-Lookup: qualifiedKey → ConfigValueSource für das
-  // ConfigSourceBadge. Wird via labelAppendix an RenderEdit
-  // durchgereicht.
-  const sources = useMemo<Record<string, ConfigValueSource>>(() => {
-    if (valuesQuery.data === null) return {};
-    const out: Record<string, ConfigValueSource> = {};
-    for (const [shortName, qualified] of Object.entries(screen.configKeys)) {
-      const source = valuesQuery.data[qualified]?.source as ConfigValueSource | undefined; // @cast-boundary engine-payload
-      if (source !== undefined) out[shortName] = source;
-    }
-    return out;
-  }, [valuesQuery.data, screen.configKeys]);
-
   // Cascade-Lookup: qualifiedKey → ConfigCascade für die
   // Cascade-Anzeige unter jedem Feld. Defensive `levels`-Shape-Check
   // damit fremde Query-Mocks (z.B. configEdit-Unit-Tests die nur
@@ -1172,12 +1159,6 @@ function ConfigEditBody({
       customSubmit={customSubmit}
       {...(screen.submitLabel !== undefined && { submitLabel: screen.submitLabel })}
       {...(translate !== undefined && { translate })}
-      labelAppendix={(fieldName: string) => {
-        const source = sources[fieldName];
-        return source ? (
-          <ConfigSourceBadge source={source} screenScope={screen.scope} />
-        ) : undefined;
-      }}
       fieldAppendix={(fieldName: string) => {
         const cascade = cascades[fieldName];
         if (cascade === undefined) return undefined;

package/src/components/__tests__/render-field-app-locale.test.tsx

@@ -97,3 +97,42 @@ describe("RenderField — App-Locale an date durchreichen", () => {
     if (captured?.kind === "date") expect(captured.locale).toBe("de-DE");
   });
 });
+
+describe("RenderField — min/max/dateLocale ans Picker-Input durchreichen (#369)", () => {
+  test("date-Feld: min/max/dateLocale landen in den InputProps", () => {
+    const field: EditFieldViewModel = {
+      ...dateField(),
+      min: "2020-01-01",
+      max: "2026-12-31",
+      dateLocale: "en-US",
+    };
+    renderUnderLocale("de-DE", field);
+    expect(captured?.kind).toBe("date");
+    if (captured?.kind === "date") {
+      expect(captured.min).toBe("2020-01-01");
+      expect(captured.max).toBe("2026-12-31");
+      // dateLocale (per-Feld) hat Vorrang vor dem App-Locale (de-DE).
+      expect(captured.locale).toBe("en-US");
+    }
+  });
+
+  test("timestamp-Feld: min/max landen in den InputProps", () => {
+    const field: EditFieldViewModel = {
+      field: "at",
+      label: "Zeitpunkt",
+      type: "timestamp",
+      value: "",
+      visible: true,
+      readOnly: false,
+      required: false,
+      min: "2026-01-01T00:00:00Z",
+      max: "2026-12-31T23:59:59Z",
+    };
+    renderUnderLocale("de-DE", field);
+    expect(captured?.kind).toBe("timestamp");
+    if (captured?.kind === "timestamp") {
+      expect(captured.min).toBe("2026-01-01T00:00:00Z");
+      expect(captured.max).toBe("2026-12-31T23:59:59Z");
+    }
+  });
+});

package/src/components/render-field.tsx

@@ -252,7 +252,9 @@ function renderInput({
           {...common}
           value={stringValue(field.value)}
           onChange={(v) => onChange(v)}
-          locale={appLocale}
+          locale={field.dateLocale ?? appLocale}
+          {...(field.min !== undefined && { min: field.min })}
+          {...(field.max !== undefined && { max: field.max })}
         />
       );
     case "timestamp":
@@ -262,7 +264,10 @@ function renderInput({
           {...common}
           value={stringValue(field.value)}
           onChange={(v) => onChange(v)}
+          locale={field.dateLocale ?? appLocale}
           {...(field.wallClock !== undefined && { wallClock: field.wallClock })}
+          {...(field.min !== undefined && { min: field.min })}
+          {...(field.max !== undefined && { max: field.max })}
         />
       );
     case "select": {

package/src/primitives.tsx

@@ -176,10 +176,14 @@ export type InputProps =
       readonly name: string;
       readonly value: string;
       readonly onChange: (v: string | undefined) => void;
-      /** Locale für die Datum-Formatierung im Trigger. Default = Browser-
-       *  Locale via navigator.language. Apps mit eigenem LocaleResolver
-       *  können ihren current locale durchreichen. */
+      /** Locale für Anzeige UND Eingabe-Parsing. Default = Browser-Locale
+       *  via navigator.language. Apps mit eigenem LocaleResolver können
+       *  ihren current locale durchreichen. */
       readonly locale?: string;
+      /** Datumsgrenzen als ISO `yyyy-mm-dd` — begrenzen Picker (Jahres-
+       *  Dropdown-Range + ausgegraute Tage). */
+      readonly min?: string;
+      readonly max?: string;
       readonly disabled?: boolean;
       readonly required?: boolean;
       readonly hasError?: boolean;
@@ -267,13 +271,21 @@ export type InputProps =
       /** ISO-8601 Datetime-String. UTC-Instant mit `Z`
        *  ("2026-04-25T13:45:00Z") oder Wall-Clock ohne Offset
        *  ("2026-04-25T13:45", nur bei wallClock). Empty-State = `""`.
-       *  Web nutzt `<input type="datetime-local">` und konvertiert. */
+       *  Web rendert getrennte Datums- (tippbar + Kalender) und
+       *  Uhrzeit-Eingabe und konvertiert. */
       readonly value: string;
       readonly onChange: (v: string | undefined) => void;
       /** true = locatedTimestamp (Wall-Clock ohne Offset, Server
        *  validiert z.iso.datetime({local:true})). false/undefined =
        *  UTC-Instant, onChange MUSS mit `Z`-Suffix emittieren. */
       readonly wallClock?: boolean;
+      /** Locale für Anzeige UND Eingabe-Parsing des Datums-Teils.
+       *  Default = Browser-Locale. */
+      readonly locale?: string;
+      /** Datumsgrenzen als ISO-Datetime — begrenzen den Kalender auf
+       *  Tages-Granularität. */
+      readonly min?: string;
+      readonly max?: string;
       readonly disabled?: boolean;
       readonly required?: boolean;
       readonly hasError?: boolean;