@wix/himalaya-cli 0.1188.0 → 0.1189.0

package/dist/cli.mjs

@@ -6818,7 +6818,6 @@ function walk(node, registry, path2, out2) {
 var SYSTEM_FONT_FAMILY, TONAL_ELEVATION_ALPHA, COLOR_TOKEN_PROPS, TYPOGRAPHY_TOKEN_PROPS;
 var init_tokens = __esm({
   "../../core/ts/src/tokens.ts"() {
-    "use strict";
     SYSTEM_FONT_FAMILY = "$system";
     TONAL_ELEVATION_ALPHA = [0, 0.05, 0.08, 0.11, 0.12, 0.14];
     COLOR_TOKEN_PROPS = {
@@ -31656,6 +31655,26 @@ function encodeDateFieldValue(raw) {
   const ms = Date.parse(raw);
   return Number.isFinite(ms) ? String(Math.trunc(ms / 1e3)) : "";
 }
+function clampDateFieldValue(encoded2, minUnix, maxUnix, mode) {
+  if (!/^-?\d+$/.test(encoded2)) return encoded2;
+  return String(clampDateUnix(Number(encoded2), minUnix, maxUnix, mode));
+}
+function clampDateUnix(unix, minUnix, maxUnix, mode) {
+  const onDay = (bound) => {
+    if (typeof bound !== "number") return null;
+    if (mode !== "time") return bound;
+    const b = new Date(bound * 1e3);
+    const d = new Date(unix * 1e3);
+    d.setHours(b.getHours(), b.getMinutes(), b.getSeconds(), 0);
+    return Math.floor(d.getTime() / 1e3);
+  };
+  const lo = onDay(minUnix);
+  const hi = onDay(maxUnix);
+  let held = unix;
+  if (hi != null && held > hi) held = hi;
+  if (lo != null && held < lo) held = lo;
+  return held;
+}
 var ISO_INTERNET_DATE_TIME;
 var init_form_bag = __esm({
   "../../core/ts/src/form-bag.ts"() {
@@ -37484,6 +37503,10 @@ var init_renderNode = __esm({
     InteractiveDatePicker = withExtras("InteractiveDatePicker", ({ props, ctx, wrap }) => {
       const C = ctx.color;
       const timeMode = props.mode === "time";
+      const dateTimeMode = props.mode === "datetime";
+      const minUnix = typeof props.minUnix === "number" ? props.minUnix : null;
+      const maxUnix = typeof props.maxUnix === "number" ? props.maxUnix : null;
+      const clampUnix = (unix) => clampDateUnix(unix, minUnix, maxUnix, props.mode);
       const boundRaw = useBoundValue(ctx, typeof props.valuePath === "string" && isBinding(props.valuePath) ? props.valuePath : "");
       const seedUnix = () => {
         if (typeof boundRaw === "number") return boundRaw;
@@ -37497,16 +37520,22 @@ var init_renderNode = __esm({
         if (unix == null) return "";
         const d = new Date(unix * 1e3);
         const p = (n) => String(n).padStart(2, "0");
-        return timeMode ? `${p(d.getHours())}:${p(d.getMinutes())}` : `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+        const day = `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+        const time = `${p(d.getHours())}:${p(d.getMinutes())}`;
+        return timeMode ? time : dateTimeMode ? `${day}T${time}` : day;
+      };
+      const shownSeed = () => {
+        const s = seedUnix();
+        return s == null ? null : clampUnix(s);
       };
-      const [val, setVal] = React7.useState(ctx.empty ? "" : toInput(seedUnix()));
+      const [val, setVal] = React7.useState(ctx.empty ? "" : toInput(shownSeed()));
       const dateServiceBound = typeof props.valuePath === "string" && props.valuePath.startsWith("$service:");
       const bagSource = () => dateServiceBound ? boundRaw : boundRaw !== void 0 && boundRaw !== null && boundRaw !== "" ? boundRaw : props.valueUnix;
-      const [dateBagVal, setDateBagVal] = React7.useState(ctx.empty ? "" : encodeDateFieldValue(bagSource()));
+      const [dateBagVal, setDateBagVal] = React7.useState(ctx.empty ? "" : clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
       React7.useEffect(() => {
         if (ctx.empty) return;
-        setVal(toInput(seedUnix()));
-        setDateBagVal(encodeDateFieldValue(bagSource()));
+        setVal(toInput(shownSeed()));
+        setDateBagVal(clampDateFieldValue(encodeDateFieldValue(bagSource()), props.minUnix, props.maxUnix, props.mode));
       }, [boundRaw, props.valueUnix, props.valuePath, ctx.empty]);
       const dateBag = React7.useContext(FormValuesContext);
       const dateFieldId = props.__formFieldId;
@@ -37523,7 +37552,7 @@ var init_renderNode = __esm({
         let label2 = "Select date";
         if (!ctx.empty && props.valueUnix) {
           const d = new Date(props.valueUnix * 1e3);
-          label2 = timeMode ? d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+          label2 = timeMode ? d.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : dateTimeMode ? d.toLocaleString(void 0, { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
         }
         return /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", boxSizing: "border-box", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#111"), ...wrap }, children: [
           /* @__PURE__ */ jsx8("span", { children: label2 }),
@@ -37537,12 +37566,14 @@ var init_renderNode = __esm({
           setDateBagVal("");
           return;
         }
-        const unix = timeMode ? (() => {
+        const picked = timeMode ? (() => {
           const [h, m] = raw.split(":").map(Number);
           const d = /* @__PURE__ */ new Date();
           d.setHours(h || 0, m || 0, 0, 0);
           return Math.floor(d.getTime() / 1e3);
-        })() : Math.floor(Date.parse(`${raw}T00:00:00`) / 1e3);
+        })() : dateTimeMode ? Math.floor(Date.parse(raw) / 1e3) : Math.floor(Date.parse(`${raw}T00:00:00`) / 1e3);
+        const unix = Number.isFinite(picked) ? clampUnix(picked) : NaN;
+        if (Number.isFinite(unix) && unix !== picked) setVal(toInput(unix));
         const value = Number.isFinite(unix) ? String(unix) : "";
         setDateBagVal(value);
         if (!onChange || !ctx.onAction) return;
@@ -37551,10 +37582,12 @@ var init_renderNode = __esm({
       return /* @__PURE__ */ jsx8(
         "input",
         {
-          type: timeMode ? "time" : "date",
+          type: timeMode ? "time" : dateTimeMode ? "datetime-local" : "date",
           value: val,
           onChange: (e) => emit(e.currentTarget.value),
-          "aria-label": timeMode ? "Select time" : "Select date",
+          min: minUnix != null ? toInput(minUnix) : void 0,
+          max: maxUnix != null ? toInput(maxUnix) : void 0,
+          "aria-label": timeMode ? "Select time" : dateTimeMode ? "Select date and time" : "Select date",
           style: { width: "100%", boxSizing: "border-box", background: C("surfacePrimary", "#fff"), border: `1px solid ${C("border", "#e3e3e3")}`, borderRadius: ctx.radius("md", 8), padding: "12px 14px", fontFamily: bodyFont(ctx), fontSize: pxToRem(15), color: C("textPrimary", "#111"), ...wrap }
         }
       );
@@ -61120,21 +61153,21 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/index-CuJ-kgj4.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1134765, sha256: "a9096277792ac97bb0ef720bee2022174e7819c53db0d22ae6be2710e9412c1e" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1134773, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1139383, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1627967, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1718891, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1809875, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1900855, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1991727, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2082707, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2191343, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2300427, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2409475, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2517175, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2605283, length: 4947, sha256: "2bd45a6fb7d319fcfb7bb44c472decfd2fb6780a7ad852fde57e144fb4f97c86" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2610230, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
+      { key: "assets/index-C_AIgKp4.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1135680, sha256: "dec95bd7419620a5edfb4e9cdcf7a027a81cce9009bc214cf03578d384fc1724" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1135688, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1140298, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1628882, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1719806, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1810790, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1901770, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1992642, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2083622, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2192258, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2301342, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2410390, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2518090, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2606198, length: 4947, sha256: "c3f476b436d5ba5d2c7e928ba8da0472201b6353f25d6f73fb6cce9f5326c965" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2611145, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
     ];
   }
 });

package/guides/component-reference.json

@@ -6,7 +6,6 @@
   "notImplementedComponents": [
     "FieldError",
     "Picker",
-    "DatePicker",
     "Tabs",
     "Snackbar",
     "Slider",
@@ -348,22 +347,16 @@
       "name": "DatePicker",
       "category": "Form primitives",
       "propsType": "DatePickerProps",
-      "bindings": [],
+      "bindings": [
+        "valuePath"
+      ],
       "dispatches": [
         {
           "callback": "onChange",
           "key": "value",
           "encoding": "unix-seconds-string",
-          "note": "Unix SECONDS, string-encoded so the params mirror stays legal. iOS ships `valueUnix` as an int instead; RN ships nothing. The normative key is `value` because that is what three of four arms already use for every other scalar control.",
+          "note": "Unix SECONDS, string-encoded so the params mirror stays legal, clamped into [minUnix, maxUnix]. iOS, Android and web conform (iOS shipped `valueUnix` as an int until the SwiftUI-parity DatePicker fix); RN ships nothing. The normative key is `value` because that is what the arms use for every other scalar control.",
           "divergences": [
-            {
-              "arms": [
-                "ios"
-              ],
-              "kind": "wrong-key",
-              "actual": "sends `valueUnix` as an int instead of the contract's `value`.",
-              "reason": "Only web conforms. This is the widest split in the vocabulary and the clearest argument for the file."
-            },
             {
               "arms": [
                 "rn"
@@ -382,19 +375,6 @@
           ]
         }
       ],
-      "notImplemented": {
-        "props": [
-          "mode",
-          "minUnix",
-          "maxUnix",
-          "valuePath"
-        ],
-        "platforms": [
-          "ios"
-        ],
-        "severity": "styling",
-        "note": "The picker itself renders as a native date wheel — these four props are inert: `mode: \"time\"` still renders a date wheel; `minUnix`/`maxUnix` do not clamp; `valuePath` does not bind."
-      },
       "propsSource": "export interface DatePickerProps {\n  valueUnix?: number;\n  minUnix?: number;\n  maxUnix?: number;\n  mode?: \"date\" | \"time\" | \"datetime\";\n  onChange?: Action;\n  /** \"$service:\" sentinel → ISO-8601 string (or unix seconds); prefills + tracks. */\n  valuePath?: string;\n}"
     },
     {

package/guides/component-reference.md

@@ -52,7 +52,7 @@ See also **[Modifiers](#modifiers)** (the `modifiers` block) and **[Actions](#ac
 | `FormField` | Form primitives | — |
 | `FieldError` | Form primitives | `textPath` |
 | `Picker` | Form primitives | — |
-| `DatePicker` | Form primitives | — |
+| `DatePicker` | Form primitives | `valuePath` |
 | `StatefulSection` | State envelopes | — |
 | `Skeleton` | State envelopes | — |
 | `FragmentSlot` | Descriptor-shipped dynamic structure | `casePath` |
@@ -116,16 +116,15 @@ See also **[Modifiers](#modifiers)** (the `modifiers` block) and **[Actions](#ac
 
 These props are accepted by the schema and pass validation, but the named platform's renderer never reads them — they silently do nothing (no warning, no log). Prefer a prop NOT listed here, or drive the behaviour from a worker.
 
-**Scope: 14 of 84 components, all of them ios-only** — every other component/platform pair reads every prop it decodes. The list splits in two, and the halves mean different things:
+**Scope: 13 of 84 components, all of them ios-only** — every other component/platform pair reads every prop it decodes. The list splits in two, and the halves mean different things:
 
 - **`category` (4: `BottomSheet`, `Menu`, `Tooltip`, `Popover`)** — the prop changes the component's *kind*. These genuinely are **not implemented**: an overlay renders always-visible inline, so the component does not do the job its name implies. Check the row's note for a working alternative — for a dismissible sheet it is `presentation: "sheet"` on the navigating `Action`, not `BottomSheet`.
-- **`styling` (10: `FieldError`, `Picker`, `DatePicker`, `Tabs`, `Snackbar`, `Slider`, `ActivityIndicator`, `ChipsInput`, `OtpInput`, `Video`)** — the component itself **works**; only the listed prop is inert. `Slider` on iOS is a working slider whose `debounceMs` does not throttle — not a broken `Slider`. Use the component; just do not depend on that one prop.
+- **`styling` (9: `FieldError`, `Picker`, `Tabs`, `Snackbar`, `Slider`, `ActivityIndicator`, `ChipsInput`, `OtpInput`, `Video`)** — the component itself **works**; only the listed prop is inert. `Slider` on iOS is a working slider whose `debounceMs` does not throttle — not a broken `Slider`. Use the component; just do not depend on that one prop.
 
 | Component | Unread props | Platform | Kind | Note |
 |---|---|---|---|---|
 | `FieldError` | `severity` | ios | styling | `severity: "warning"` still paints `danger` red. |
 | `Picker` | `optionsPath`, `placeholder` | ios | styling | `optionsPath` does not bind options; `placeholder` is not shown. |
-| `DatePicker` | `mode`, `minUnix`, `maxUnix`, `valuePath` | ios | styling | The picker itself renders as a native date wheel — these four props are inert: `mode: "time"` still renders a date wheel; `minUnix`/`maxUnix` do not clamp; `valuePath` does not bind. |
 | `Tabs` | `style` | ios | styling | The tab bar itself renders — only `style` is inert: `swipe` still renders as top tabs. |
 | `Snackbar` | `durationMs` | ios | styling | `durationMs` does not control the auto-dismiss timeout. |
 | `Slider` | `debounceMs` | ios | styling | `debounceMs` does not throttle the onChange stream. |
@@ -821,17 +820,13 @@ export interface DatePickerProps {
 }
 ```
 
-> ⚠️ **Implemented, but these props are inert on ios:** `mode`, `minUnix`, `maxUnix`, `valuePath` — The picker itself renders as a native date wheel — these four props are inert: `mode: "time"` still renders a date wheel; `minUnix`/`maxUnix` do not clamp; `valuePath` does not bind.
-
 **Dispatches** — see [What a control sends](#what-a-control-sends-action-payloads):
 
 | callback | key | type |
 |---|---|---|
 | `onChange` | `value` | unix-seconds-string |
 
-> `onChange` — Unix SECONDS, string-encoded so the params mirror stays legal. iOS ships `valueUnix` as an int instead; RN ships nothing. The normative key is `value` because that is what three of four arms already use for every other scalar control.
-
-> ⚠️ **`onChange` on ios — DIVERGES:** sends `valueUnix` as an int instead of the contract's `value`. Only web conforms. This is the widest split in the vocabulary and the clearest argument for the file.
+> `onChange` — Unix SECONDS, string-encoded so the params mirror stays legal, clamped into [minUnix, maxUnix]. iOS, Android and web conform (iOS shipped `valueUnix` as an int until the SwiftUI-parity DatePicker fix); RN ships nothing. The normative key is `value` because that is what the arms use for every other scalar control.
 
 > ⚠️ **`onChange` on rn — DIVERGES:** dispatches the bare action with no date at all.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.1188.0",
+  "version": "0.1189.0",
   "type": "module",
   "description": "himi — the Himalaya authoring CLI. Build a Tier-5 content package on your own machine, push it to the production serve as a draft, preview it on web + Himi Player, and read worker logs back — the remote dev loop. Wraps @himalaya/serve-cli for transport.",
   "keywords": [
@@ -67,5 +67,5 @@
       "artifactId": "himalaya-cli"
     }
   },
-  "falconPackageHash": "67d96922cd1adeed2becc3bef5c4d027397fd441f83346cd018cb252"
+  "falconPackageHash": "6cdd1d60a3c8d77a450fac977716f1d7ded301af4e074c978148513e"
 }