@wix/patterns 1.413.0 → 1.415.0

package/dist/cjs/components/EditableTable/cellTypes/date/Edit.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.DateEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
 var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/date/Edit.tsx";
@@ -34,11 +35,7 @@ const DateEdit = ({
     }
   }, [editTrigger]);
   const wrapperRef = (0, _react.useRef)(null);
-  // WDS DatePicker types declare closeCalendar but only _closeCalendar exists at runtime.
-  const closeCalendar = (0, _react.useCallback)(() => {
-    var _datePickerRef$curren2;
-    return (_datePickerRef$curren2 = datePickerRef.current) == null || _datePickerRef$curren2._closeCalendar == null ? void 0 : _datePickerRef$curren2._closeCalendar();
-  }, []);
+  const closeCalendar = (0, _react.useCallback)(() => (0, _patternsFields.closeDatePickerCalendar)(datePickerRef.current), []);
   (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closeCalendar, !!editTrigger);
   const dateValue = value ? value instanceof Date ? value : new Date(value) : null;
   const handleChange = (0, _react.useCallback)(date => {

package/dist/cjs/components/EditableTable/cellTypes/date/Edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useCloseOnAncestorScroll","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","validDate","useEffect","kind","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","_datePickerRef$curren2","_closeCalendar","useCloseOnAncestorScroll","dateValue","handleChange","handleKeyDown","key","preventDefault","createElement","ref","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","size","inputProps","border","prefix","el","undefined","popoverProps","appendTo","moveBy","y","className","classes","dateInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { classes } from './Edit.st.css.js';\n\nfunction isValidDate(value: Date | string | null | undefined): boolean {\n  if (!value) {\n    return true;\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  return !isNaN(date.getTime());\n}\n\nexport const DateEdit: React.FC<CellEditProps<Date | string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const datePickerRef = useRef<DatePicker | null>(null);\n  const validDate = isValidDate(value);\n\n  // Auto-open calendar when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (\n      editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n    ) {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // WDS DatePicker types declare closeCalendar but only _closeCalendar exists at runtime.\n  const closeCalendar = useCallback(\n    () => (datePickerRef.current as any)?._closeCalendar?.(),\n    [],\n  );\n  useCloseOnAncestorScroll(wrapperRef, closeCalendar, !!editTrigger);\n\n  const dateValue = value\n    ? value instanceof Date\n      ? value\n      : new Date(value)\n    : null;\n\n  const handleChange = useCallback(\n    (date: Date) => {\n      onChange(date);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <DatePicker\n        ref={datePickerRef}\n        size=\"small\"\n        inputProps={{\n          border: 'none',\n          prefix: <span />,\n          ...(validDate\n            ? {}\n            : { value: typeof value === 'string' ? value : '' }),\n          inputRef: (el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          },\n        }}\n        value={dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined}\n        onChange={handleChange}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        className={classes.dateInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","validDate","useEffect","kind","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","closeDatePickerCalendar","useCloseOnAncestorScroll","dateValue","handleChange","handleKeyDown","key","preventDefault","createElement","ref","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","size","inputProps","border","prefix","el","undefined","popoverProps","appendTo","moveBy","y","className","classes","dateInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport { closeDatePickerCalendar } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { classes } from './Edit.st.css.js';\n\nfunction isValidDate(value: Date | string | null | undefined): boolean {\n  if (!value) {\n    return true;\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  return !isNaN(date.getTime());\n}\n\nexport const DateEdit: React.FC<CellEditProps<Date | string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const datePickerRef = useRef<DatePicker | null>(null);\n  const validDate = isValidDate(value);\n\n  // Auto-open calendar when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (\n      editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n    ) {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const closeCalendar = useCallback(\n    () => closeDatePickerCalendar(datePickerRef.current),\n    [],\n  );\n  useCloseOnAncestorScroll(wrapperRef, closeCalendar, !!editTrigger);\n\n  const dateValue = value\n    ? value instanceof Date\n      ? value\n      : new Date(value)\n    : null;\n\n  const handleChange = useCallback(\n    (date: Date) => {\n      onChange(date);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <DatePicker\n        ref={datePickerRef}\n        size=\"small\"\n        inputProps={{\n          border: 'none',\n          prefix: <span />,\n          ...(validDate\n            ? {}\n            : { value: typeof value === 'string' ? value : '' }),\n          inputRef: (el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          },\n        }}\n        value={dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined}\n        onChange={handleChange}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        className={classes.dateInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit3159283181";
+var _namespace_ = "Edit4022858121";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Edit3159283181__root",
-  "dateInput": "Edit3159283181__dateInput"
+  "root": "Edit4022858121__root",
+  "dateInput": "Edit4022858121__dateInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3159283181\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit3159283181__root\",\"dateInput\":\"Edit3159283181__dateInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,WAAW,EAAC;AAA2B,CAAC;AACrF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit4022858121\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit4022858121__root\",\"dateInput\":\"Edit4022858121__dateInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,WAAW,EAAC;AAA2B,CAAC;AACrF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View4127422310";
+var _namespace_ = "View3170074310";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "View4127422310__root"
+  "root": "View3170074310__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/date/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View4127422310\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View4127422310__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3170074310\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View3170074310__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/datetime/DateTimeEditWrapper.js

@@ -0,0 +1,42 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DateTimeEditWrapper = DateTimeEditWrapper;
+var _react = _interopRequireWildcard(require("react"));
+var _subCellContext = require("./subCellContext");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/datetime/DateTimeEditWrapper.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Stable owner (mounted by EditableCell around the cell content, kept mounted
+ * across the edit↔view swap) for the datetime cell's sub-cell click tracking.
+ *
+ * The View writes the most-recently-clicked sub-cell to a ref via the
+ * context; the Edit consumes it on mount to pick the initial sub-edit. This
+ * survives the View→Edit transition without resorting to module-global state
+ * or a document-level listener.
+ */
+function DateTimeEditWrapper({
+  children
+}) {
+  const lastClickedRef = (0, _react.useRef)(null);
+  const tracker = (0, _react.useMemo)(() => ({
+    consume: () => {
+      const value = lastClickedRef.current;
+      lastClickedRef.current = null;
+      return value;
+    },
+    record: sub => {
+      lastClickedRef.current = sub;
+    }
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_subCellContext.SubCellClickContext.Provider, {
+    value: tracker,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }, children);
+}
+//# sourceMappingURL=DateTimeEditWrapper.js.map

package/dist/cjs/components/EditableTable/cellTypes/datetime/DateTimeEditWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_subCellContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateTimeEditWrapper","children","lastClickedRef","useRef","tracker","useMemo","consume","value","current","record","sub","createElement","SubCellClickContext","Provider","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/DateTimeEditWrapper.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport type { CellEditWrapperProps } from '../../types';\nimport { SubCellClickContext, type SubCell } from './subCellContext';\n\n/**\n * Stable owner (mounted by EditableCell around the cell content, kept mounted\n * across the edit↔view swap) for the datetime cell's sub-cell click tracking.\n *\n * The View writes the most-recently-clicked sub-cell to a ref via the\n * context; the Edit consumes it on mount to pick the initial sub-edit. This\n * survives the View→Edit transition without resorting to module-global state\n * or a document-level listener.\n */\nexport function DateTimeEditWrapper({ children }: CellEditWrapperProps) {\n  const lastClickedRef = useRef<SubCell | null>(null);\n\n  const tracker = useMemo(\n    () => ({\n      consume: () => {\n        const value = lastClickedRef.current;\n        lastClickedRef.current = null;\n        return value;\n      },\n      record: (sub: SubCell) => {\n        lastClickedRef.current = sub;\n      },\n    }),\n    [],\n  );\n\n  return (\n    <SubCellClickContext.Provider value={tracker}>\n      {children}\n    </SubCellClickContext.Provider>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAqE,IAAAE,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASkB,mBAAmBA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EACtE,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEnD,MAAMC,OAAO,GAAG,IAAAC,cAAO,EACrB,OAAO;IACLC,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMC,KAAK,GAAGL,cAAc,CAACM,OAAO;MACpCN,cAAc,CAACM,OAAO,GAAG,IAAI;MAC7B,OAAOD,KAAK;IACd,CAAC;IACDE,MAAM,EAAGC,GAAY,IAAK;MACxBR,cAAc,CAACM,OAAO,GAAGE,GAAG;IAC9B;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACElC,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAAChC,eAAA,CAAAiC,mBAAmB,CAACC,QAAQ;IAACN,KAAK,EAAEH,OAAQ;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC1CjB,QAC2B,CAAC;AAEnC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.js

@@ -0,0 +1,428 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DateTimeEdit = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
+var _mergeDateTime = require("./mergeDateTime");
+var _formatters = require("./formatters");
+var _helpers = require("./helpers");
+var _subCellContext = require("./subCellContext");
+var _EditStCss = require("./Edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/datetime/Edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * DateTimeEdit — 2-in-1 sub-cell editor.
+ *
+ * Single `Date | null` value rendered as two halves (date | time) with a
+ * vertical divider. Each half has its own focus + edit lifecycle, but only
+ * one sub-cell is in edit mode at a time. Commits merge the half-value back
+ * into the full `Date` before calling onChange (so the other half is
+ * preserved).
+ *
+ * The EditableTable framework has no sub-cell concept — `focusedCell` /
+ * `editingCell` are `{rowKey, columnId}` only. So sub-cell focus, intra-cell
+ * Tab interception, and date-popover focused-day capture all live here.
+ */
+
+const DateTimeEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef,
+  editTrigger
+}) => {
+  const {
+    t
+  } = (0, _patternsFields.useTranslations)();
+
+  // Initial sub-cell. The View records the clicked half via
+  // `onMouseDownCapture` (capture phase, before the framework's onClick
+  // stopPropagation) into the wrapper-provided tracker; consume it once.
+  const tracker = (0, _subCellContext.useSubCellClickTracker)();
+  const [subEdit, setSubEdit] = (0, _react.useState)(() => {
+    if (editTrigger === 'click' || editTrigger === 'doubleClick') {
+      return tracker.consume() ?? 'date';
+    }
+    return 'date';
+  });
+  const dateWrapperRef = (0, _react.useRef)(null);
+  const timeWrapperRef = (0, _react.useRef)(null);
+  const datePickerRef = (0, _react.useRef)(null);
+  const timeInputRef = (0, _react.useRef)(null);
+  // Direct refs to the underlying <input> in each half. Populated by
+  // CellDateInput / CellTimeInput via their object-ref `inputRef` prop.
+  // Used for focus, programmatic typed-key forwarding, and the "is the
+  // date input focused?" check — instead of querySelector'ing into WDS
+  // internals.
+  const dateInputElRef = (0, _react.useRef)(null);
+  const timeInputElRef = (0, _react.useRef)(null);
+  const isInsideCell = (0, _react.useCallback)(target => {
+    var _dateWrapperRef$curre, _timeWrapperRef$curre;
+    if (!(target instanceof Node)) {
+      return false;
+    }
+    return Boolean(((_dateWrapperRef$curre = dateWrapperRef.current) == null ? void 0 : _dateWrapperRef$curre.contains(target)) || ((_timeWrapperRef$curre = timeWrapperRef.current) == null ? void 0 : _timeWrapperRef$curre.contains(target)));
+  }, []);
+
+  // Latest date from the date input (typed or picked), NOT yet committed to
+  // editingValue. WDS DateInput's `componentDidUpdate` reformats the input
+  // text on every props.value change, so calling onChange while the user is
+  // still in the date half would overwrite mid-typing input. We stash here
+  // and flush on focusout / intra-cell Tab / Escape.
+  const typedDateRef = (0, _react.useRef)(null);
+  const onChangeRef = (0, _react.useRef)(onChange);
+  const onCommitRef = (0, _react.useRef)(onCommit);
+  const valueRef = (0, _react.useRef)(value);
+  const subEditRef = (0, _react.useRef)(subEdit);
+  onChangeRef.current = onChange;
+  onCommitRef.current = onCommit;
+  valueRef.current = value;
+  subEditRef.current = subEdit;
+
+  // Type-to-edit trigger is consumed exactly once on mount. Without this
+  // guard, both type-forwarding effects below would re-inject the typed
+  // character every time `subEdit` changes (Tab between halves), because
+  // `editTrigger` stays stable for the lifetime of the edit session.
+  const typeTriggerConsumedRef = (0, _react.useRef)(false);
+  const commitTypedDate = (0, _react.useCallback)(() => {
+    if (typedDateRef.current) {
+      onChangeRef.current(typedDateRef.current);
+      typedDateRef.current = null;
+    }
+  }, []);
+  const closeCalendar = (0, _react.useCallback)(() => {
+    var _datePickerRef$curren;
+    return (_datePickerRef$curren = datePickerRef.current) == null ? void 0 : _datePickerRef$curren.closeCalendar();
+  }, []);
+  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(dateWrapperRef, closeCalendar, subEdit === 'date');
+  const closeTimeDropdown = (0, _react.useCallback)(() => {
+    var _timeInputRef$current;
+    return (_timeInputRef$current = timeInputRef.current) == null ? void 0 : _timeInputRef$current.blur();
+  }, []);
+  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(timeWrapperRef, closeTimeDropdown, subEdit === 'time');
+
+  // Flush typed-but-not-committed date when focus leaves the date half. The
+  // gesture paths (calendar day pick, Tab/Enter on focused day, intra-cell
+  // Tab, Enter on input) flush via their own handlers; this covers external
+  // exits — clicking another cell, the toolbar, or anything else outside
+  // the date wrapper. Without it the framework's commitEdit (triggered by
+  // the focus shift to another cell) would read the stale editingValue and
+  // silently discard the user's typing.
+  (0, _react.useEffect)(() => {
+    if (subEdit !== 'date') {
+      return;
+    }
+    const wrapper = dateWrapperRef.current;
+    if (!wrapper) {
+      return;
+    }
+    const onFocusOut = e => {
+      const next = e.relatedTarget;
+      if (next && wrapper.contains(next)) {
+        return;
+      }
+      commitTypedDate();
+    };
+    wrapper.addEventListener('focusout', onFocusOut);
+    return () => {
+      wrapper.removeEventListener('focusout', onFocusOut);
+    };
+  }, [subEdit, commitTypedDate]);
+
+  // Focus active sub-input on mount / sub-cell switch. Deferred via rAF so
+  // any in-flight click chain finishes before WDS dropdown options mount —
+  // otherwise a stray mousedown can land on a freshly-rendered option and
+  // silently commit a value the user never picked.
+  (0, _react.useEffect)(() => {
+    if (subEdit === 'time') {
+      const raf = requestAnimationFrame(() => {
+        const input = timeInputElRef.current;
+        if (input) {
+          input.focus();
+          input.click(); // auto-open WDS TimeInput dropdown
+        }
+      });
+      return () => cancelAnimationFrame(raf);
+    }
+    const raf = requestAnimationFrame(() => {
+      var _datePickerRef$curren2;
+      (_datePickerRef$curren2 = datePickerRef.current) == null || _datePickerRef$curren2.focus();
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [subEdit]);
+
+  // Type-to-edit: forward the typed character into the initial sub-cell's
+  // input. Runs once via typeTriggerConsumedRef — re-running on sub-cell
+  // switches would re-inject the digit every time the user Tabs between the
+  // date and time halves (editTrigger stays stable for the whole session).
+  (0, _react.useEffect)(() => {
+    if (typeTriggerConsumedRef.current) {
+      return;
+    }
+    if (!editTrigger || typeof editTrigger !== 'object' || editTrigger.kind !== 'type') {
+      return;
+    }
+    typeTriggerConsumedRef.current = true;
+    const key = editTrigger.key;
+    if (key.length !== 1) {
+      return;
+    }
+    const raf = requestAnimationFrame(() => {
+      if (subEditRef.current === 'date') {
+        var _datePickerRef$curren3;
+        (_datePickerRef$curren3 = datePickerRef.current) == null || _datePickerRef$curren3.openCalendar();
+        const dpInput = dateInputElRef.current;
+        if (dpInput) {
+          (0, _helpers.setNativeInputValue)(dpInput, key);
+        }
+        return;
+      }
+      const input = timeInputElRef.current;
+      if (input) {
+        (0, _helpers.setNativeInputValue)(input, key);
+      }
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [editTrigger]);
+
+  // Wire inputRef to whichever sub-input is currently active.
+  (0, _react.useEffect)(() => {
+    if (!inputRef) {
+      return;
+    }
+    inputRef.current = (subEdit === 'time' ? timeInputElRef.current : dateInputElRef.current) ?? undefined;
+  }, [subEdit, inputRef]);
+
+  // Intra-cell Tab (date → time, Shift+Tab time → date). Document-capture
+  // so we run BEFORE the table's useKeyboardNavigation Tab handler — the
+  // framework only sees the Tab that should actually exit the cell.
+  (0, _react.useEffect)(() => {
+    const onKeyDownCapture = e => {
+      if (e.key !== 'Tab') {
+        return;
+      }
+      if (!isInsideCell(e.target)) {
+        return;
+      }
+      if (!e.shiftKey && subEditRef.current === 'date') {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        commitTypedDate();
+        setSubEdit('time');
+        return;
+      }
+      if (e.shiftKey && subEditRef.current === 'time') {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        setSubEdit('date');
+        return;
+      }
+    };
+    document.addEventListener('keydown', onKeyDownCapture, true);
+    return () => {
+      document.removeEventListener('keydown', onKeyDownCapture, true);
+    };
+  }, [commitTypedDate, isInsideCell]);
+
+  // Click on the inactive sub-cell switches sub-edit. pointerdown capture
+  // only: calling preventDefault on a primary pointer's pointerdown
+  // suppresses the synthesized mousedown / click that would otherwise let
+  // WDS DropdownBase.onSelect commit whichever option happens to sit under
+  // the click coords. Pair with the rAF defer on dropdown open above.
+  (0, _react.useEffect)(() => {
+    const onPointerDown = e => {
+      var _target$closest;
+      if (!isInsideCell(e.target)) {
+        return;
+      }
+      const target = e.target;
+      const sub = target == null || (_target$closest = target.closest('[data-sub-cell]')) == null ? void 0 : _target$closest.getAttribute('data-sub-cell');
+      if (sub !== 'date' && sub !== 'time') {
+        return;
+      }
+      if (sub === subEditRef.current) {
+        return;
+      }
+      e.preventDefault();
+      e.stopImmediatePropagation();
+      setSubEdit(sub);
+    };
+    document.addEventListener('pointerdown', onPointerDown, true);
+    return () => {
+      document.removeEventListener('pointerdown', onPointerDown, true);
+    };
+  }, [isInsideCell]);
+  const handleDateChange = (0, _react.useCallback)(newDate => {
+    // Stash, don't commit — WDS DateInput reformats input text on every
+    // props.value change, clobbering mid-typing input. The focusout effect
+    // (and intra-cell Tab) flushes this to editingValue at the right moment.
+    typedDateRef.current = (0, _mergeDateTime.mergeDate)(valueRef.current, newDate);
+  }, []);
+  const handleTimeChange = (0, _react.useCallback)(time => {
+    if (!time) {
+      // Per spec: no clear on the time half. CellTimeInput's clear button
+      // is suppressed (no onClear prop). If WDS somehow emits null, no-op.
+      return;
+    }
+    const asDate = (0, _patternsFields.timeToDate)(time);
+    const merged = (0, _mergeDateTime.mergeTime)(valueRef.current, asDate);
+    onChange(merged);
+    onCommit();
+  }, [onChange, onCommit]);
+
+  // Clears the entire DateTime value. Wired to the date half's clear (X)
+  // button — the single "remove this DateTime" affordance. Time half has no
+  // clear button: there is no "date set, time null" state.
+  const handleDateClear = (0, _react.useCallback)(() => {
+    // Drop any stashed typed date so the focusout flush doesn't restore it
+    // after we commit null.
+    typedDateRef.current = null;
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
+  const handleEscape = (0, _react.useCallback)(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation();
+      // Cancellation drops any typed-but-stashed date. Without this, a
+      // delayed focusout (browsers fire blur asynchronously when the
+      // focused element is removed) could re-introduce the typed value
+      // after the user already pressed Escape.
+      typedDateRef.current = null;
+      onCancel();
+    }
+  }, [onCancel]);
+  const validDate = (0, _helpers.isValidDate)(value) ? value : null;
+  const timeAsString = validDate ? (0, _patternsFields.dateToTime)(validDate) : null;
+  const placeholderTokens = {
+    day: t('CMS.cellDateTime.placeholder.day'),
+    month: t('CMS.cellDateTime.placeholder.month'),
+    year: t('CMS.cellDateTime.placeholder.year'),
+    hour: t('CMS.cellDateTime.placeholder.hour'),
+    minute: t('CMS.cellDateTime.placeholder.minute')
+  };
+  const datePh = (0, _formatters.datePlaceholder)(placeholderTokens);
+  const timePh = (0, _formatters.timePlaceholder)(placeholderTokens);
+
+  // Event-suppression layers in this component, by owner:
+  //   1. halfHandlers.onClick / onMouseDown (React, below)
+  //      → swallow the framework's "click inside cell during edit" handling
+  //        so clicks on either half don't re-trigger an edit start.
+  //   2. halfHandlers.onKeyDown = handleEscape (React, below)
+  //      → cancels the edit before the framework's Escape behavior runs.
+  //   3. document keydown capture for intra-cell Tab (useEffect above)
+  //      → date↔time half switch runs BEFORE the framework's Tab handler
+  //        would move focus to the next column.
+  //   4. document pointerdown capture for sub-cell switch (useEffect above)
+  //      → click on the inactive half switches subEdit without committing,
+  //        and preventDefault suppresses the synthesized mousedown/click
+  //        that would otherwise let WDS DropdownBase.onSelect commit a
+  //        random option under the cursor.
+  const halfHandlers = {
+    onKeyDown: handleEscape,
+    onClick: e => e.stopPropagation(),
+    onMouseDown: e => e.stopPropagation()
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: dateWrapperRef,
+    "data-sub-cell": "date",
+    className: _EditStCss.classes.dateHalf
+  }, halfHandlers, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 369,
+      columnNumber: 7
+    }
+  }), subEdit === 'date' ? /*#__PURE__*/_react.default.createElement(_patternsFields.CellDateInput, {
+    ref: datePickerRef,
+    inputRef: dateInputElRef,
+    value: validDate,
+    onChange: handleDateChange,
+    onClear: handleDateClear,
+    placeholder: datePh,
+    ariaLabel: t('CMS.cellDateTime.ariaLabel.date'),
+    hidePrefix: true,
+    dataHook: "datetime-date-edit",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 376,
+      columnNumber: 11
+    }
+  }) : validDate ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _EditStCss.classes.passiveText,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 388,
+      columnNumber: 11
+    }
+  }, (0, _formatters.formatDatePart)(validDate)) : /*#__PURE__*/_react.default.createElement("span", {
+    className: _EditStCss.classes.placeholderText,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 392,
+      columnNumber: 11
+    }
+  }, datePh)), /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": true,
+    className: _EditStCss.classes.divider,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 396,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: timeWrapperRef,
+    "data-sub-cell": "time",
+    className: _EditStCss.classes.timeHalf,
+    "aria-label": t('CMS.cellDateTime.ariaLabel.time')
+  }, halfHandlers, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 398,
+      columnNumber: 7
+    }
+  }), subEdit === 'time' ? /*#__PURE__*/_react.default.createElement(_patternsFields.CellTimeInput, {
+    ref: timeInputRef,
+    inputRef: timeInputElRef,
+    value: timeAsString,
+    onChange: handleTimeChange,
+    placeholder: timePh,
+    clearable: false,
+    dataHook: "datetime-time-edit",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 406,
+      columnNumber: 11
+    }
+  }) : validDate ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _EditStCss.classes.passiveText,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 416,
+      columnNumber: 11
+    }
+  }, (0, _formatters.formatTimePart)(validDate)) : /*#__PURE__*/_react.default.createElement("span", {
+    className: _EditStCss.classes.placeholderText,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 420,
+      columnNumber: 11
+    }
+  }, timePh)));
+};
+exports.DateTimeEdit = DateTimeEdit;
+//# sourceMappingURL=Edit.js.map