@wix/patterns-fields 1.84.0 → 1.85.0

package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAkG,CAAC;AACrH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;CAA8f,CAAC"}
+{"version":3,"file":"rich-content-form-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;CAA8f,CAAC"}

package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-read-only-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA0D,CAAC;AAC7E,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;CAAkQ,CAAC"}
+{"version":3,"file":"rich-content-form-read-only-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAyD,CAAC;AAC5E,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;CAAkQ,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAoG,CAAC;AACvH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0C,CAAC"}
+{"version":3,"file":"publish-loader.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAkG,CAAC;AACrH,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0C,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAmD,CAAC;AACtE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAoD,CAAC;AACvE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;CAA8Y,CAAC;AACja,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0D,CAAC"}
+{"version":3,"file":"rich-content-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;CAAwY,CAAC;AAC3Z,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0D,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA8I,CAAC;AACjK,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;CAA06B,CAAC"}
+{"version":3,"file":"rich-text-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAwI,CAAC;AAC3J,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;;;;;;;CAA06B,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAA67B,CAAC;AACh9B,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;CAA0e,CAAC"}
+{"version":3,"file":"toolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;;;;;;;;;CAA46B,CAAC;AAC/7B,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;;;CAA0e,CAAC"}

package/dist/types/components/time-input/form-time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,EAAW,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IACtD,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA6ChD,CAAC"}
+{"version":3,"file":"form-time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAErE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKlD,OAAO,EAAW,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG;IACtD,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8ChD,CAAC"}

package/dist/types/components/time-input/form-time.driver.d.ts

@@ -1,10 +1,17 @@
+import type { Field } from '@wix/bex-core';
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
-export declare function FormTimeDriver(base: UniDriver, body: UniDriver): {
+export declare function FormTimeDriver(base: UniDriver, body: UniDriver, field: Field): {
     getLabel: () => Promise<string>;
     hasError: () => Promise<boolean>;
     getErrorMessage: () => Promise<string>;
     isRequired: () => Promise<boolean>;
     hasSuffix: () => Promise<boolean>;
+    timeDropdown: {
+        exists: () => Promise<boolean>;
+        getZIndex: () => Promise<number>;
+        getPlacement: () => Promise<string | undefined>;
+        open: () => Promise<void>;
+    };
     exists: () => Promise<boolean>;
     click: () => Promise<void>;
     element: () => Promise<any>;

package/dist/types/components/time-input/form-time.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-time.driver.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAQ7D,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;;;;;;;;;;EAW9D"}
+{"version":3,"file":"form-time.driver.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAS7D,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK;;;;;;;;;;;;;;;;EAa5E"}

package/dist/types/testkit/popover-driver.d.ts

@@ -0,0 +1,30 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+type DatePickerOpener = {
+    driver: {
+        open: () => Promise<unknown>;
+    };
+};
+export declare function CalendarPopoverUniDriver(datePicker: DatePickerOpener, body: UniDriver): {
+    exists: () => Promise<boolean>;
+    getZIndex: () => Promise<number>;
+    getPlacement: () => Promise<string | undefined>;
+    open: () => Promise<unknown>;
+};
+export declare function TimeDropdownUniDriver(timeBase: UniDriver, body: UniDriver): {
+    exists: () => Promise<boolean>;
+    getZIndex: () => Promise<number>;
+    getPlacement: () => Promise<string | undefined>;
+    open: () => Promise<void>;
+};
+export declare function InlineCalendarPopoverUniDriver(base: UniDriver): {
+    exists: () => Promise<boolean>;
+    getZIndex: () => Promise<number>;
+    getPlacement: () => Promise<string | undefined>;
+};
+export declare function InlineTimeDropdownUniDriver(base: UniDriver): {
+    exists: () => Promise<boolean>;
+    getZIndex: () => Promise<number>;
+    getPlacement: () => Promise<string | undefined>;
+};
+export {};
+//# sourceMappingURL=popover-driver.d.ts.map

package/dist/types/testkit/popover-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-driver.d.ts","sourceRoot":"","sources":["../../../src/testkit/popover-driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAK7D,KAAK,gBAAgB,GAAG;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC;AA+BrE,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,gBAAgB,EAC5B,IAAI,EAAE,SAAS;;;;;EAMhB;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;;;;;EAKzE;AAED,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,SAAS;;;;EAE7D;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,SAAS;;;;EAE1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.84.0",
+  "version": "1.85.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -124,7 +124,7 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.65.0",
+    "@wix/patterns-fields-utils": "1.66.0",
     "@wix/rich-content": "1.0.37",
     "@wix/sdk": "^1.17.2",
     "@wix/wix-ui-icons-common": "^3.189.0",
@@ -152,7 +152,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.362.0",
+    "@wix/bex-core": "2.363.0",
     "@wix/design-system": "^1.319.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -212,5 +212,5 @@
       "optional": true
     }
   },
-  "falconPackageHash": "6cfe901d638f11297b2202e1d59e9f231ae3345d32d0b303749f1129"
+  "falconPackageHash": "0774e57c5b5f152070950f4fcac2076345857fcab6b5f43b4d161bb3"
 }

package/src/__tests__/components/date-input/date-input-popover.spec.tsx

@@ -0,0 +1,57 @@
+import '../../../testkit/test-polyfills';
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
+
+import { ControlledDateInput } from '../../../components/date-input/date-input';
+import { ControlledInputUniDriver } from '../../../components/controlled-input.uni.driver';
+import { Z_INDEX_MODAL_OVERLAY } from '../../../components/common';
+
+const controlledInputTestkitFactory = uniTestkitFactoryCreator(
+  ControlledInputUniDriver,
+);
+
+const setup = (
+  props: Partial<React.ComponentProps<typeof ControlledDateInput>> = {},
+) => {
+  const { container } = render(
+    <ControlledDateInput
+      data="2026-08-10"
+      onChange={jest.fn()}
+      dataHook="date"
+      {...props}
+    />,
+  );
+  return controlledInputTestkitFactory({
+    wrapper: container,
+    dataHook: 'date',
+  });
+};
+
+describe('ControlledDateInput calendar popover', () => {
+  it('opens below the input and appends to the window by default (escapes modal clipping)', async () => {
+    const tk = setup();
+
+    await tk.calendarPopover.open();
+
+    expect(await tk.calendarPopover.exists()).toBe(true);
+    expect(await tk.inlineCalendarPopover.exists()).toBe(false);
+    expect(await tk.calendarPopover.getPlacement()).toBe('bottom-start');
+    expect(await tk.calendarPopover.getZIndex()).toBeGreaterThan(
+      Z_INDEX_MODAL_OVERLAY,
+    );
+  });
+
+  it('lets the consumer override the popover props', async () => {
+    const tk = setup({
+      popoverProps: { appendTo: 'parent', placement: 'top-end' },
+    });
+
+    await tk.calendarPopover.open();
+
+    expect(await tk.calendarPopover.exists()).toBe(false);
+    expect(await tk.inlineCalendarPopover.exists()).toBe(true);
+    expect(await tk.inlineCalendarPopover.getPlacement()).toBe('top-end');
+  });
+});

package/src/__tests__/components/date-input/form-date-input.spec.tsx

@@ -50,6 +50,15 @@ describe('FormDateInput field', () => {
     expect(await driver.tk.isRequired()).toBe(true);
   });
 
+  it('portals the calendar to the window, opening below the input', async () => {
+    const driver = setup();
+
+    await driver.tk.calendarPopover.open();
+
+    expect(await driver.tk.calendarPopover.exists()).toBe(true);
+    expect(await driver.tk.calendarPopover.getPlacement()).toBe('bottom-start');
+  });
+
   it('focuses the date input when submit is blocked (so the page scrolls to it)', async () => {
     const driver = setup({
       field: makeField({ type: 'DATE', validation: { required: true } }),

package/src/__tests__/components/datetime-input/date-time-input-popover.spec.tsx

@@ -0,0 +1,80 @@
+import '../../../testkit/test-polyfills';
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import { uniTestkitFactoryCreator } from '@wix/wix-ui-test-utils/testing-library';
+
+import { ControlledDateTimeInput } from '../../../components/datetime-input/date-time-input';
+import { ControlledInputUniDriver } from '../../../components/controlled-input.uni.driver';
+import { PatternsFieldsTestProvider } from '../../../testkit/patterns-fields-test-provider';
+import { Z_INDEX_MODAL_OVERLAY } from '../../../components/common';
+
+const controlledInputTestkitFactory = uniTestkitFactoryCreator(
+  ControlledInputUniDriver,
+);
+
+const setup = (
+  props: Partial<React.ComponentProps<typeof ControlledDateTimeInput>> = {},
+) => {
+  const { container } = render(
+    <ControlledDateTimeInput
+      data={new Date(2026, 7, 10, 10, 30).toISOString()}
+      onChange={jest.fn()}
+      dataHook="date-time"
+      {...props}
+    />,
+    { wrapper: PatternsFieldsTestProvider },
+  );
+  return controlledInputTestkitFactory({
+    wrapper: container,
+    dataHook: 'date-time',
+  }).dateTime;
+};
+
+describe('ControlledDateTimeInput popovers', () => {
+  it('opens the calendar below the input and appends it to the window by default', async () => {
+    const tk = setup();
+
+    await tk.calendarPopover.open();
+
+    expect(await tk.calendarPopover.exists()).toBe(true);
+    expect(await tk.inlineCalendarPopover.exists()).toBe(false);
+    expect(await tk.calendarPopover.getPlacement()).toBe('bottom-start');
+    expect(await tk.calendarPopover.getZIndex()).toBeGreaterThan(
+      Z_INDEX_MODAL_OVERLAY,
+    );
+  });
+
+  it('lets the consumer override the calendar popover props', async () => {
+    const tk = setup({
+      datePopoverProps: { appendTo: 'parent', placement: 'top-end' },
+    });
+
+    await tk.calendarPopover.open();
+
+    expect(await tk.calendarPopover.exists()).toBe(false);
+    expect(await tk.inlineCalendarPopover.exists()).toBe(true);
+    expect(await tk.inlineCalendarPopover.getPlacement()).toBe('top-end');
+  });
+
+  it('appends the time dropdown to the window by default', async () => {
+    const tk = setup();
+
+    await tk.timeDropdown.open();
+
+    expect(await tk.timeDropdown.exists()).toBe(true);
+    expect(await tk.inlineTimeDropdown.exists()).toBe(false);
+    expect(await tk.timeDropdown.getZIndex()).toBeGreaterThan(
+      Z_INDEX_MODAL_OVERLAY,
+    );
+  });
+
+  it('lets the consumer override the time dropdown popover props', async () => {
+    const tk = setup({ timePopoverProps: { appendTo: 'parent' } });
+
+    await tk.timeDropdown.open();
+
+    expect(await tk.timeDropdown.exists()).toBe(false);
+    expect(await tk.inlineTimeDropdown.exists()).toBe(true);
+  });
+});

package/src/__tests__/components/datetime-input/form-date-time.spec.tsx

@@ -35,6 +35,19 @@ describe('FormDateTime field', () => {
     expect(await driver.tk.timeExists()).toBe(true);
   });
 
+  it('portals the calendar and time dropdown to the window', async () => {
+    const driver = setup();
+
+    await driver.tk.calendarPopover.open();
+
+    expect(await driver.tk.calendarPopover.exists()).toBe(true);
+    expect(await driver.tk.calendarPopover.getPlacement()).toBe('bottom-start');
+
+    await driver.tk.timeDropdown.open();
+
+    expect(await driver.tk.timeDropdown.exists()).toBe(true);
+  });
+
   it('marks the field as required when validation.required is true', async () => {
     const driver = setup({
       field: makeField({ type: 'DATETIME', validation: { required: true } }),

package/src/__tests__/components/time-input/form-time.spec.tsx

@@ -34,6 +34,14 @@ describe('FormTime field', () => {
     expect(await driver.tk.isRequired()).toBe(true);
   });
 
+  it('portals the time dropdown to the window', async () => {
+    const driver = setup();
+
+    await driver.tk.timeDropdown.open();
+
+    expect(await driver.tk.timeDropdown.exists()).toBe(true);
+  });
+
   it('does not show a type-mismatch suffix for a valid time value', async () => {
     const driver = setup({ initialValue: '12:30:00.000' });
 

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput1459234632";
+var _namespace_ = "addressinput805382552";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput1459234632__root","tableAddressInput":"addressinput1459234632__tableAddressInput"};
+export var classes = {"root":"addressinput805382552__root","tableAddressInput":"addressinput805382552__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu3629125153";
+var _namespace_ = "actionsmenu1816635489";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu3629125153__root","action":"actionsmenu3629125153__action"};
+export var classes = {"root":"actionsmenu1816635489__root","action":"actionsmenu1816635489__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield4236266672";
+var _namespace_ = "formaudiofield3796152263";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield4236266672__root","addItem":"formaudiofield4236266672__addItem","mediaTitle":"formaudiofield4236266672__mediaTitle"};
+export var classes = {"root":"formaudiofield3796152263__root","addItem":"formaudiofield3796152263__addItem","mediaTitle":"formaudiofield3796152263__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer152380658";
+var _namespace_ = "audioplayer4193871409";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"audioplayer152380658__root"};
+export var classes = {"root":"audioplayer4193871409__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/cell-color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview2715743887";
+var _namespace_ = "cellcolorview3189053930";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellcolorview2715743887__root","hashPrefix":"cellcolorview2715743887__hashPrefix"};
+export var classes = {"root":"cellcolorview3189053930__root","hashPrefix":"cellcolorview3189053930__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview1171078275";
+var _namespace_ = "colorview1453016986";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview1171078275__root","view":"colorview1171078275__view","fillPreview":"colorview1171078275__fillPreview"};
+export var classes = {"root":"colorview1453016986__root","view":"colorview1453016986__view","fillPreview":"colorview1453016986__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/controlled-input.uni.driver.ts

@@ -9,18 +9,26 @@ import {
 } from '@wix/design-system/dist/testkit/unidriver';
 
 import { baseUniDriverFactory } from '../testkit/base-driver';
+import {
+  CalendarPopoverUniDriver,
+  InlineCalendarPopoverUniDriver,
+} from '../testkit/popover-driver';
 import { DateTimeInputUniDriver } from './datetime-input/controlled-date-time-input.uni.driver';
 
 export function ControlledInputUniDriver(base: UniDriver, body: UniDriver) {
+  const datePicker = DatePickerUniDriver(base, body);
+
   return {
     ...baseUniDriverFactory(base),
     checkbox: CheckboxUniDriver(base, body),
     number: NumberInputUniDriver(base, body),
     text: InputUniDriver(base, body),
     autocomplete: AutoCompleteUniDriver(base, body),
-    datePicker: DatePickerUniDriver(base, body),
+    datePicker,
     dateTime: DateTimeInputUniDriver(base, body),
     color: InputUniDriver(base, body),
     radioGroup: RadioGroupUniDriver(base, body),
+    calendarPopover: CalendarPopoverUniDriver(datePicker, body),
+    inlineCalendarPopover: InlineCalendarPopoverUniDriver(base),
   };
 }

package/src/components/date-input/date-input.tsx

@@ -1,8 +1,12 @@
 import React, { useMemo } from 'react';
 import { DatePicker } from '@wix/design-system';
-import type { DatePickerProps } from '@wix/design-system';
+import type {
+  DatePickerProps,
+  PopoverCommonProps,
+} from '@wix/design-system';
 
 import type { ControlledInputProps } from '../../types/controlled-input';
+import { calendarPopoverDefaults } from '../popover-defaults';
 import {
   getDateWithoutTimezone,
   getISODateStringWithFixedTimezone,
@@ -11,6 +15,7 @@ import {
 export interface DateInputProps extends ControlledInputProps<string | null> {
   placeholder?: string;
   inputRef?: DatePickerProps['inputRef'];
+  popoverProps?: PopoverCommonProps;
   onInvalid?(value: string): void;
 }
 
@@ -24,6 +29,7 @@ export const ControlledDateInput: React.FC<DateInputProps> = ({
   dataHook,
   placeholder,
   inputRef,
+  popoverProps,
   onInvalid,
 }) => {
   const value = useMemo(() => {
@@ -50,6 +56,7 @@ export const ControlledDateInput: React.FC<DateInputProps> = ({
         }
       }}
       inputProps={{ autoFocus, onBlur, inputRef }}
+      popoverProps={{ ...calendarPopoverDefaults, ...popoverProps }}
       readOnly={readOnly}
       status={invalid ? 'error' : undefined}
       placeholderText={placeholder}

package/src/components/date-input/form-date-input.driver.ts

@@ -9,6 +9,7 @@ import {
   baseUniDriverFactory,
   getFormFieldLabelText,
 } from '../../testkit/base-driver';
+import { CalendarPopoverUniDriver } from '../../testkit/popover-driver';
 
 export function FormDateInputDriver(
   base: UniDriver,
@@ -28,5 +29,6 @@ export function FormDateInputDriver(
     hasError: () => datePicker.inputDriver.hasStatus('error'),
     getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
     isRequired: () => formField.isRequired(),
+    calendarPopover: CalendarPopoverUniDriver(datePicker, body),
   };
 }

package/src/components/date-input/form-date-input.tsx

@@ -7,6 +7,7 @@ import { useController } from '@wix/bex-core/form';
 import { BaseInputProps, BaseInputRef } from '../../types/base-input';
 import { useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
+import { calendarPopoverDefaults } from '../popover-defaults';
 import {
   getDateWithoutTimezone,
   getISODateStringWithFixedTimezone,
@@ -78,6 +79,7 @@ const _FormDateInput = (props: FormDateInputProps) => {
           controller.field.ref(inputEl ?? null);
         }}
         dataHook={`date-${field.id}`}
+        popoverProps={calendarPopoverDefaults}
         width="100%"
         placeholderText={tFields('CMS.formDate.placeholder')}
         value={date}

package/src/components/datetime-input/controlled-date-time-input.uni.driver.ts

@@ -5,14 +5,25 @@ import {
 } from '@wix/design-system/dist/testkit/unidriver';
 
 import { baseUniDriverFactory } from '../../testkit/base-driver';
+import {
+  CalendarPopoverUniDriver,
+  InlineCalendarPopoverUniDriver,
+  InlineTimeDropdownUniDriver,
+  TimeDropdownUniDriver,
+} from '../../testkit/popover-driver';
 
 export function DateTimeInputUniDriver(base: UniDriver, body: UniDriver) {
+  const dateBase = base.$('[data-hook="date-time-date"]');
+  const timeBase = base.$('[data-hook="date-time-time"]');
+  const datePicker = DatePickerUniDriver(dateBase, body);
+
   return {
     ...baseUniDriverFactory(base),
-    datePicker: DatePickerUniDriver(
-      base.$('[data-hook="date-time-date"]'),
-      body,
-    ),
-    timeInput: TimeInputUniDriver(base.$('[data-hook="date-time-time"]'), body),
+    datePicker,
+    timeInput: TimeInputUniDriver(timeBase, body),
+    calendarPopover: CalendarPopoverUniDriver(datePicker, body),
+    timeDropdown: TimeDropdownUniDriver(timeBase, body),
+    inlineCalendarPopover: InlineCalendarPopoverUniDriver(base),
+    inlineTimeDropdown: InlineTimeDropdownUniDriver(base),
   };
 }

package/src/components/datetime-input/date-time-input.tsx

@@ -1,9 +1,17 @@
 import React, { useMemo } from 'react';
 import { Cell, DatePicker, Layout, TimeInput } from '@wix/design-system';
-import type { DatePickerProps, TimeInputProps } from '@wix/design-system';
+import type {
+  DatePickerProps,
+  PopoverCommonProps,
+  TimeInputProps,
+} from '@wix/design-system';
 
 import type { ControlledInputProps } from '../../types/controlled-input';
 import { useTranslations } from '../../hooks';
+import {
+  calendarPopoverDefaults,
+  dropdownPopoverDefaults,
+} from '../popover-defaults';
 
 const DATE_INPUT_DATA_HOOK = 'date-time-date';
 const TIME_INPUT_DATA_HOOK = 'date-time-time';
@@ -24,6 +32,8 @@ export interface DateTimeInputProps
   timeInvalidMessage?: string;
   dateInputRef?: DatePickerProps['inputRef'];
   timeInputRef?: TimeInputProps['inputRef'];
+  datePopoverProps?: PopoverCommonProps;
+  timePopoverProps?: PopoverCommonProps;
   onInvalidDate?(value: string): void;
   onInvalidTime?(): void;
 }
@@ -41,6 +51,8 @@ export const ControlledDateTimeInput: React.FC<DateTimeInputProps> = ({
   timeInvalidMessage,
   dateInputRef,
   timeInputRef,
+  datePopoverProps,
+  timePopoverProps,
   onInvalidDate,
   onInvalidTime,
 }) => {
@@ -91,6 +103,7 @@ export const ControlledDateTimeInput: React.FC<DateTimeInputProps> = ({
               }
             }}
             inputProps={{ autoFocus, inputRef: dateInputRef }}
+            popoverProps={{ ...calendarPopoverDefaults, ...datePopoverProps }}
             readOnly={readOnly}
             status={invalid ? 'error' : undefined}
             placeholderText={datePlaceholder}
@@ -116,6 +129,7 @@ export const ControlledDateTimeInput: React.FC<DateTimeInputProps> = ({
             }}
             onInvalid={onInvalidTime}
             inputRef={timeInputRef}
+            popoverProps={{ ...dropdownPopoverDefaults, ...timePopoverProps }}
             readOnly={readOnly}
             status={invalid ? 'error' : undefined}
             invalidMessage={timeInvalidMessage}