@cosmicdrift/kumiko-renderer 0.53.0 → 0.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.53.0",
+  "version": "0.55.0",
   "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/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;