@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/core/sdk/app-state/useAppStateValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/core/sdk/app-state/useAppStateValue.ts"],
+  "sourcesContent": ["import { useAppState, useUserAppState } from './useAppState.js';\n\n/**\n * @internal\n */\nexport type UseAppStateValueResult<T> = {\n  value: T | undefined;\n  isLoading: boolean;\n};\n\n/**\n * Read-only shorthand for `useAppState`.\n *\n * Must be used inside an `<AppStateProvider scope=\"app\">`.\n * @internal\n */\nexport function useAppStateValue<T = unknown>(\n  key: string,\n): UseAppStateValueResult<T> {\n  const { value, isLoading } = useAppState<T>(key);\n  return { value, isLoading };\n}\n\n/**\n * @internal\n */\nexport type UseUserAppStateValueResult<T> = {\n  value: T | undefined;\n  isLoading: boolean;\n};\n\n/**\n * Read-only shorthand for `useUserAppState`.\n *\n * Must be used inside an `<AppStateProvider scope=\"user\">`.\n * @internal\n */\nexport function useUserAppStateValue<T = unknown>(\n  key: string,\n): UseUserAppStateValueResult<T> {\n  const { value, isLoading } = useUserAppState<T>(key);\n  return { value, isLoading };\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,uBAAuB;AAgBtC,SAAS,iBACd,KAC2B;AAC3B,QAAM,EAAE,OAAO,UAAU,IAAI,YAAe,GAAG;AAC/C,SAAO,EAAE,OAAO,UAAU;AAC5B;AAgBO,SAAS,qBACd,KAC+B;AAC/B,QAAM,EAAE,OAAO,UAAU,IAAI,gBAAmB,GAAG;AACnD,SAAO,EAAE,OAAO,UAAU;AAC5B;",
+  "names": []
+}

package/esm/core/sdk/sdk-logger.js

@@ -14,7 +14,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.7.1"
+          version: "3.9.0"
         }
       });
     } else if (supportsLoggerV1()) {
@@ -22,7 +22,7 @@ const LOGGER_FACTORY = /* @__PURE__ */ (() => {
         context: {
           id: "@dynatrace/strato-design-system",
           // @ts-expect-error Global variable injected at package build time
-          version: "3.7.1"
+          version: "3.9.0"
         }
       });
     }

package/esm/core/styles/defaultChartValues.css

@@ -1,4 +1,4 @@
-._1rtjj3o0-3-7-1 {
+._1rtjj3o0-3-9-0 {
   line-height: normal;
   width: inherit;
 }

package/esm/core/styles/defaultChartValues.sty.js

@@ -1,5 +1,5 @@
 import "./defaultChartValues.css";
-var defaultChartSize = "_1rtjj3o0-3-7-1";
+var defaultChartSize = "_1rtjj3o0-3-9-0";
 export {
   defaultChartSize
 };

package/esm/core/styles/defaultChartValues.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/defaultChartValues.css.ts"],
-  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-7-1';"],
+  "sourcesContent": ["import './defaultChartValues.css';\nexport var defaultChartSize = '_1rtjj3o0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/core/styles/focusRing.css

@@ -1,75 +1,75 @@
-._z2r50s3-3-7-1 {
+._z2r50s3-3-9-0 {
   outline: none;
 }
-._z2r50s3-3-7-1:focus-visible {
+._z2r50s3-3-9-0:focus-visible {
   outline: none;
 }
-._z2r50s4-3-7-1 {
+._z2r50s4-3-9-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-7-1);
-  background-color: var(--_z2r50s2-3-7-1);
-}
-._z2r50s5-3-7-1._z2r50s5-3-7-1 {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-7-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-7-1);
-}
-._z2r50s6-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50s7-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50s8-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50s9-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50sa-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._z2r50sb-3-7-1:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-9-0);
+  background-color: var(--_z2r50s2-3-9-0);
+}
+._z2r50s5-3-9-0._z2r50s5-3-9-0 {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-9-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-9-0);
+}
+._z2r50s6-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50s7-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50s8-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50s9-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50sa-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._z2r50sb-3-9-0:focus-within {
   outline: none;
 }
-._z2r50sc-3-7-1:focus-within {
+._z2r50sc-3-9-0:focus-within {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
-  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-7-1);
-  background-color: var(--_z2r50s2-3-7-1);
-}
-._z2r50sd-3-7-1:focus-within {
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-7-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-7-1);
-}
-._z2r50se-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-}
-._z2r50sf-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-primary-default, #d5dbf6);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-}
-._z2r50sg-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-success-default, #d3dedd);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
-}
-._z2r50sh-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-warning-default, #f9ebdb);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
-}
-._z2r50si-3-7-1 {
-  --_z2r50s0-3-7-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z2r50s1-3-7-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_z2r50s2-3-7-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--_z2r50s0-3-9-0);
+  background-color: var(--_z2r50s2-3-9-0);
+}
+._z2r50sd-3-9-0:focus-within {
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_z2r50s0-3-9-0), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_z2r50s1-3-9-0);
+}
+._z2r50se-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+}
+._z2r50sf-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-primary-default, #d5dbf6);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+}
+._z2r50sg-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-success-default, #d3dedd);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-success-emphasized, #e0e7e6);
+}
+._z2r50sh-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-warning-default, #f9ebdb);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-warning-emphasized, #f9f0e5);
+}
+._z2r50si-3-9-0 {
+  --_z2r50s0-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z2r50s1-3-9-0: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_z2r50s2-3-9-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }

package/esm/core/styles/focusRing.sty.js

@@ -1,7 +1,7 @@
 import "./focusRing.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-7-1", variantClassNames: { minimal: { true: "_z2r50s4-3-7-1", false: "_z2r50s5-3-7-1" }, color: { neutral: "_z2r50s6-3-7-1", primary: "_z2r50s7-3-7-1", success: "_z2r50s8-3-7-1", warning: "_z2r50s9-3-7-1", critical: "_z2r50sa-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-7-1", variantClassNames: { minimal: { true: "_z2r50sc-3-7-1", false: "_z2r50sd-3-7-1" }, color: { neutral: "_z2r50se-3-7-1", primary: "_z2r50sf-3-7-1", success: "_z2r50sg-3-7-1", warning: "_z2r50sh-3-7-1", critical: "_z2r50si-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRing = _7a468({ defaultClassName: "_z2r50s3-3-9-0", variantClassNames: { minimal: { true: "_z2r50s4-3-9-0", false: "_z2r50s5-3-9-0" }, color: { neutral: "_z2r50s6-3-9-0", primary: "_z2r50s7-3-9-0", success: "_z2r50s8-3-9-0", warning: "_z2r50s9-3-9-0", critical: "_z2r50sa-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var focusRingFocusWithin = _7a468({ defaultClassName: "_z2r50sb-3-9-0", variantClassNames: { minimal: { true: "_z2r50sc-3-9-0", false: "_z2r50sd-3-9-0" }, color: { neutral: "_z2r50se-3-9-0", primary: "_z2r50sf-3-9-0", success: "_z2r50sg-3-9-0", warning: "_z2r50sh-3-9-0", critical: "_z2r50si-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   focusRing,
   focusRingFocusWithin

package/esm/core/styles/focusRing.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRing.css.ts"],
-  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-7-1',variantClassNames:{minimal:{true:'_z2r50s4-3-7-1',false:'_z2r50s5-3-7-1'},color:{neutral:'_z2r50s6-3-7-1',primary:'_z2r50s7-3-7-1',success:'_z2r50s8-3-7-1',warning:'_z2r50s9-3-7-1',critical:'_z2r50sa-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-7-1',variantClassNames:{minimal:{true:'_z2r50sc-3-7-1',false:'_z2r50sd-3-7-1'},color:{neutral:'_z2r50se-3-7-1',primary:'_z2r50sf-3-7-1',success:'_z2r50sg-3-7-1',warning:'_z2r50sh-3-7-1',critical:'_z2r50si-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRing.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRing = _7a468({defaultClassName:'_z2r50s3-3-9-0',variantClassNames:{minimal:{true:'_z2r50s4-3-9-0',false:'_z2r50s5-3-9-0'},color:{neutral:'_z2r50s6-3-9-0',primary:'_z2r50s7-3-9-0',success:'_z2r50s8-3-9-0',warning:'_z2r50s9-3-9-0',critical:'_z2r50sa-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var focusRingFocusWithin = _7a468({defaultClassName:'_z2r50sb-3-9-0',variantClassNames:{minimal:{true:'_z2r50sc-3-9-0',false:'_z2r50sd-3-9-0'},color:{neutral:'_z2r50se-3-9-0',primary:'_z2r50sf-3-9-0',success:'_z2r50sg-3-9-0',warning:'_z2r50sh-3-9-0',critical:'_z2r50si-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClT,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/focusRingStatic.css

@@ -1,49 +1,49 @@
-._z0fq9b4-3-7-1 {
+._z0fq9b4-3-9-0 {
   outline: none;
 }
-._z0fq9b5-3-7-1 {
-  --_z0fq9b3-3-7-1: var(--dt-borders-width-default, 1px);
-  --_z0fq9b2-3-7-1: 0 0 0 var(--_z0fq9b3-3-7-1) var(--_z0fq9b0-3-7-1) inset;
+._z0fq9b5-3-9-0 {
+  --_z0fq9b3-3-9-0: var(--dt-borders-width-default, 1px);
+  --_z0fq9b2-3-9-0: 0 0 0 var(--_z0fq9b3-3-9-0) var(--_z0fq9b0-3-9-0) inset;
 }
-._z0fq9b6-3-7-1 {
-  --_z0fq9b3-3-7-1: var(--dt-borders-width-emphasized, 2px);
-  --_z0fq9b2-3-7-1: 0 0 0 var(--_z0fq9b3-3-7-1) var(--_z0fq9b0-3-7-1) inset, 0 0 0 calc(var(--_z0fq9b3-3-7-1) + 1px) var(--_z0fq9b1-3-7-1) inset;
+._z0fq9b6-3-9-0 {
+  --_z0fq9b3-3-9-0: var(--dt-borders-width-emphasized, 2px);
+  --_z0fq9b2-3-9-0: 0 0 0 var(--_z0fq9b3-3-9-0) var(--_z0fq9b0-3-9-0) inset, 0 0 0 calc(var(--_z0fq9b3-3-9-0) + 1px) var(--_z0fq9b1-3-9-0) inset;
 }
-._z0fq9b7-3-7-1 {
-  --_z0fq9b2-3-7-1: none;
+._z0fq9b7-3-9-0 {
+  --_z0fq9b2-3-9-0: none;
 }
-._z0fq9b8-3-7-1._z0fq9b8-3-7-1 {
-  box-shadow: var(--_z0fq9b2-3-7-1);
+._z0fq9b8-3-9-0._z0fq9b8-3-9-0 {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9b9-3-7-1:focus-visible {
-  box-shadow: var(--_z0fq9b2-3-7-1);
+._z0fq9b9-3-9-0:focus-visible {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9ba-3-7-1:focus-within {
-  box-shadow: var(--_z0fq9b2-3-7-1);
+._z0fq9ba-3-9-0:focus-within {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9bb-3-7-1:has(:focus-visible) {
-  box-shadow: var(--_z0fq9b2-3-7-1);
+._z0fq9bb-3-9-0:has(:focus-visible) {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9bc-3-7-1:focus {
-  box-shadow: var(--_z0fq9b2-3-7-1);
+._z0fq9bc-3-9-0:focus {
+  box-shadow: var(--_z0fq9b2-3-9-0);
 }
-._z0fq9bd-3-7-1 {
-  --_z0fq9b0-3-7-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_z0fq9b1-3-7-1: var(--dt-colors-border-neutral-default, #dadbe4);
+._z0fq9bd-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._z0fq9be-3-7-1 {
-  --_z0fq9b0-3-7-1: var(--dt-colors-border-primary-accent, #464cce);
-  --_z0fq9b1-3-7-1: var(--dt-colors-border-primary-default, #d5dbf6);
+._z0fq9be-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-primary-accent, #464cce);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._z0fq9bf-3-7-1 {
-  --_z0fq9b0-3-7-1: var(--dt-colors-border-success-accent, #2d6761);
-  --_z0fq9b1-3-7-1: var(--dt-colors-border-success-default, #d3dedd);
+._z0fq9bf-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-success-accent, #2d6761);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._z0fq9bg-3-7-1 {
-  --_z0fq9b0-3-7-1: var(--dt-colors-border-warning-accent, #855400);
-  --_z0fq9b1-3-7-1: var(--dt-colors-border-warning-default, #f9ebdb);
+._z0fq9bg-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-warning-accent, #855400);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._z0fq9bh-3-7-1 {
-  --_z0fq9b0-3-7-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_z0fq9b1-3-7-1: var(--dt-colors-border-critical-default, #f6d6d5);
+._z0fq9bh-3-9-0 {
+  --_z0fq9b0-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
+  --_z0fq9b1-3-9-0: var(--dt-colors-border-critical-default, #f6d6d5);
 }

package/esm/core/styles/focusRingStatic.sty.js

@@ -1,6 +1,6 @@
 import "./focusRingStatic.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-7-1", variantClassNames: { minimal: { true: "_z0fq9b5-3-7-1", false: "_z0fq9b6-3-7-1" }, disabled: { true: "_z0fq9b7-3-7-1" }, when: { always: "_z0fq9b8-3-7-1", "focus-visible": "_z0fq9b9-3-7-1", "focus-within": "_z0fq9ba-3-7-1", "focus-within-visible": "_z0fq9bb-3-7-1", focus: "_z0fq9bc-3-7-1" }, color: { neutral: "_z0fq9bd-3-7-1", primary: "_z0fq9be-3-7-1", success: "_z0fq9bf-3-7-1", warning: "_z0fq9bg-3-7-1", critical: "_z0fq9bh-3-7-1" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
+var focusRingStatic = _7a468({ defaultClassName: "_z0fq9b4-3-9-0", variantClassNames: { minimal: { true: "_z0fq9b5-3-9-0", false: "_z0fq9b6-3-9-0" }, disabled: { true: "_z0fq9b7-3-9-0" }, when: { always: "_z0fq9b8-3-9-0", "focus-visible": "_z0fq9b9-3-9-0", "focus-within": "_z0fq9ba-3-9-0", "focus-within-visible": "_z0fq9bb-3-9-0", focus: "_z0fq9bc-3-9-0" }, color: { neutral: "_z0fq9bd-3-9-0", primary: "_z0fq9be-3-9-0", success: "_z0fq9bf-3-9-0", warning: "_z0fq9bg-3-9-0", critical: "_z0fq9bh-3-9-0" } }, defaultVariants: { color: "neutral", minimal: false, when: "focus", disabled: false }, compoundVariants: [] });
 export {
   focusRingStatic
 };

package/esm/core/styles/focusRingStatic.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/focusRingStatic.css.ts"],
-  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-7-1',variantClassNames:{minimal:{true:'_z0fq9b5-3-7-1',false:'_z0fq9b6-3-7-1'},disabled:{true:'_z0fq9b7-3-7-1'},when:{always:'_z0fq9b8-3-7-1','focus-visible':'_z0fq9b9-3-7-1','focus-within':'_z0fq9ba-3-7-1','focus-within-visible':'_z0fq9bb-3-7-1',focus:'_z0fq9bc-3-7-1'},color:{neutral:'_z0fq9bd-3-7-1',primary:'_z0fq9be-3-7-1',success:'_z0fq9bf-3-7-1',warning:'_z0fq9bg-3-7-1',critical:'_z0fq9bh-3-7-1'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
+  "sourcesContent": ["import './focusRingStatic.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var focusRingStatic = _7a468({defaultClassName:'_z0fq9b4-3-9-0',variantClassNames:{minimal:{true:'_z0fq9b5-3-9-0',false:'_z0fq9b6-3-9-0'},disabled:{true:'_z0fq9b7-3-9-0'},when:{always:'_z0fq9b8-3-9-0','focus-visible':'_z0fq9b9-3-9-0','focus-within':'_z0fq9ba-3-9-0','focus-within-visible':'_z0fq9bb-3-9-0',focus:'_z0fq9bc-3-9-0'},color:{neutral:'_z0fq9bd-3-9-0',primary:'_z0fq9be-3-9-0',success:'_z0fq9bf-3-9-0',warning:'_z0fq9bg-3-9-0',critical:'_z0fq9bh-3-9-0'}},defaultVariants:{color:'neutral',minimal:false,when:'focus',disabled:false},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,QAAO,kBAAiB,iBAAgB,kBAAiB,gBAAe,kBAAiB,wBAAuB,kBAAiB,OAAM,iBAAgB,GAAE,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,OAAM,WAAU,SAAQ,OAAM,MAAK,SAAQ,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/core/styles/virtualFocus.css

@@ -1,10 +1,10 @@
-._9mvxlq0-3-7-1 {
+._9mvxlq0-3-9-0 {
   transition: none;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._9mvxlq1-3-7-1 {
+._9mvxlq1-3-9-0 {
   transition: none;
   border-radius: var(--dt-borders-radius-field-default, 6px);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-primary-accent, #464cce);

package/esm/core/styles/virtualFocus.sty.js

@@ -1,5 +1,5 @@
 import "./virtualFocus.css";
-var virtualFocus = { neutral: "_9mvxlq0-3-7-1", primary: "_9mvxlq1-3-7-1" };
+var virtualFocus = { neutral: "_9mvxlq0-3-9-0", primary: "_9mvxlq1-3-9-0" };
 export {
   virtualFocus
 };

package/esm/core/styles/virtualFocus.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/styles/virtualFocus.css.ts"],
-  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-7-1',primary:'_9mvxlq1-3-7-1'};"],
+  "sourcesContent": ["import './virtualFocus.css';\nexport var virtualFocus = {neutral:'_9mvxlq0-3-9-0',primary:'_9mvxlq1-3-9-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe,EAAC,SAAQ,kBAAiB,SAAQ,iBAAgB;",
   "names": []
 }

package/esm/core/time/timeframeStore/actions/dateTimePicker.js

@@ -74,9 +74,6 @@ function getDateTimePickerActions(formFieldMessagesDispatch, onChangeProp, isCon
           }
           onChangeProp?.(newValue);
           const calendarTimeValue = toCalendarValue(newValue, state.precision);
-          if (isControlled) {
-            return { calendarValue: calendarTimeValue };
-          }
           const dateTimePickerError = validate(newValue, state.min, state.max, {
             formMessageDispatch: formFieldMessagesDispatch,
             formerError: state.dateTimePickerError,
@@ -85,8 +82,12 @@ function getDateTimePickerActions(formFieldMessagesDispatch, onChangeProp, isCon
             checkOrder: false,
             ref: state.dateTimePickerRef,
             expectedFormat: state.formatString,
-            valueMode: "single"
+            valueMode: "single",
+            required: state.required
           });
+          if (isControlled) {
+            return { calendarValue: calendarTimeValue, dateTimePickerError };
+          }
           return {
             dateTimePickerValue: newValue,
             calendarValue: calendarTimeValue,

package/esm/core/time/timeframeStore/actions/dateTimePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/core/time/timeframeStore/actions/dateTimePicker.ts"],
-  "sourcesContent": ["import type { Dispatch } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { focusElementWithRetry } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  getTimeValueFromSimpleValue,\n  toCalendarValue,\n} from '../../../../forms/forms-core/time/helpers.js';\nimport { getTimeValue } from '../../../../forms/forms-core/time/timeParser.js';\nimport { type TimeValue } from '../../../types/time.js';\nimport { isTimeValue } from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type {\n  DateTimePickerValueStore,\n  DateTimePickerValueStoreActions,\n} from '../dateTimePicker.types.js';\n\n/**\n * Creates actions for the DateTimePicker store using the slice action handlers.\n *  @internal\n */\nexport function getDateTimePickerActions(\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: TimeValue | null | '') => void) | undefined,\n  isControlled?: boolean,\n) {\n  const actions = (\n    set: StoreApi<DateTimePickerValueStore>['setState'],\n  ): DateTimePickerValueStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          // DateTimePicker is single-date only \u2014 TimeValue expressions are not applicable.\n          if (isTimeValue(inputValue)) {\n            return state;\n          }\n\n          const newTimeValue =\n            getTimeValueFromSimpleValue(\n              inputValue,\n              state.timeOffset,\n              undefined,\n              undefined,\n              state.min,\n              state.max,\n              state.precision,\n            ) ?? null;\n\n          const calendarError = validate(newTimeValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessagesDispatch,\n            formerError: state.dateTimePickerError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: state.dateTimePickerRef,\n            expectedFormat: state.formatString,\n            valueMode: 'single',\n            required: state.required,\n          });\n\n          state.dateTimePickerRef?.current?.close();\n          focusElementWithRetry(\n            () =>\n              state.dateTimeInputRef.current?.spinButtonHandlers.get('hour')\n                ?.element.current,\n            state.dateTimeInputRef,\n          );\n\n          const calendarTimeValue = toCalendarValue(\n            newTimeValue,\n            state.precision,\n          );\n          return {\n            calendarValue: calendarTimeValue,\n            dateTimePickerValue: newTimeValue,\n            dateTimePickerError: calendarError,\n            calendarError,\n          };\n        });\n      },\n      setDateTimePickerValue: (value) => {\n        return set((state) => {\n          const newValue = getTimeValue(value, state.precision) ?? null;\n\n          // we would expect a timevalue but as it isn't a complete value then parser returns null.\n          const isPartialValue = newValue?.absoluteDate === '';\n\n          // In case of interrim values we want to validate and show errors but not update the calendar value.\n          // To still inform about the error state it triggers the onChange with an empty string.\n          if (isPartialValue) {\n            const errorKey = validate(newValue, state.min, state.max, {\n              formMessageDispatch: formFieldMessagesDispatch,\n              formerError: state.dateTimePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'single',\n            });\n\n            onChangeProp?.('');\n\n            return {\n              calendarError: errorKey,\n              dateTimePickerError: errorKey,\n            };\n          }\n\n          onChangeProp?.(newValue);\n\n          const calendarTimeValue = toCalendarValue(newValue, state.precision);\n\n          if (isControlled) {\n            return { calendarValue: calendarTimeValue };\n          }\n\n          const dateTimePickerError = validate(newValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessagesDispatch,\n            formerError: state.dateTimePickerError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: false,\n            ref: state.dateTimePickerRef,\n            expectedFormat: state.formatString,\n            valueMode: 'single',\n          });\n\n          return {\n            dateTimePickerValue: newValue,\n            calendarValue: calendarTimeValue,\n            calendarError: dateTimePickerError,\n            dateTimePickerError,\n          };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
-  "mappings": "AAGA,SAAS,6BAA6B;AAEtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAUlB,SAAS,yBACd,2BACA,cACA,cACA;AACA,QAAM,UAAU,CACd,QACoC;AACpC,WAAO;AAAA,MACL,kBAAkB,CAAC,eAAe;AAChC,YAAI,CAAC,UAAU;AAEb,cAAI,YAAY,UAAU,GAAG;AAC3B,mBAAO;AAAA,UACT;AAEA,gBAAM,eACJ;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAM;AAAA,UACR,KAAK;AAEP,gBAAM,gBAAgB,SAAS,cAAc,MAAM,KAAK,MAAM,KAAK;AAAA,YACjE,qBAAqB;AAAA,YACrB,aAAa,MAAM;AAAA,YACnB,WAAW,MAAM;AAAA,YACjB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,KAAK,MAAM;AAAA,YACX,gBAAgB,MAAM;AAAA,YACtB,WAAW;AAAA,YACX,UAAU,MAAM;AAAA,UAClB,CAAC;AAED,gBAAM,mBAAmB,SAAS,MAAM;AACxC;AAAA,YACE,MACE,MAAM,iBAAiB,SAAS,mBAAmB,IAAI,MAAM,GACzD,QAAQ;AAAA,YACd,MAAM;AAAA,UACR;AAEA,gBAAM,oBAAoB;AAAA,YACxB;AAAA,YACA,MAAM;AAAA,UACR;AACA,iBAAO;AAAA,YACL,eAAe;AAAA,YACf,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,wBAAwB,CAAC,UAAU;AACjC,eAAO,IAAI,CAAC,UAAU;AACpB,gBAAM,WAAW,aAAa,OAAO,MAAM,SAAS,KAAK;AAGzD,gBAAM,iBAAiB,UAAU,iBAAiB;AAIlD,cAAI,gBAAgB;AAClB,kBAAM,WAAW,SAAS,UAAU,MAAM,KAAK,MAAM,KAAK;AAAA,cACxD,qBAAqB;AAAA,cACrB,aAAa,MAAM;AAAA,cACnB,WAAW,MAAM;AAAA,cACjB,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,KAAK,MAAM;AAAA,cACX,gBAAgB,MAAM;AAAA,cACtB,WAAW;AAAA,YACb,CAAC;AAED,2BAAe,EAAE;AAEjB,mBAAO;AAAA,cACL,eAAe;AAAA,cACf,qBAAqB;AAAA,YACvB;AAAA,UACF;AAEA,yBAAe,QAAQ;AAEvB,gBAAM,oBAAoB,gBAAgB,UAAU,MAAM,SAAS;AAEnE,cAAI,cAAc;AAChB,mBAAO,EAAE,eAAe,kBAAkB;AAAA,UAC5C;AAEA,gBAAM,sBAAsB,SAAS,UAAU,MAAM,KAAK,MAAM,KAAK;AAAA,YACnE,qBAAqB;AAAA,YACrB,aAAa,MAAM;AAAA,YACnB,WAAW,MAAM;AAAA,YACjB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,KAAK,MAAM;AAAA,YACX,gBAAgB,MAAM;AAAA,YACtB,WAAW;AAAA,UACb,CAAC;AAED,iBAAO;AAAA,YACL,qBAAqB;AAAA,YACrB,eAAe;AAAA,YACf,eAAe;AAAA,YACf;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import type { Dispatch } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { focusElementWithRetry } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  getTimeValueFromSimpleValue,\n  toCalendarValue,\n} from '../../../../forms/forms-core/time/helpers.js';\nimport { getTimeValue } from '../../../../forms/forms-core/time/timeParser.js';\nimport { type TimeValue } from '../../../types/time.js';\nimport { isTimeValue } from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type {\n  DateTimePickerValueStore,\n  DateTimePickerValueStoreActions,\n} from '../dateTimePicker.types.js';\n\n/**\n * Creates actions for the DateTimePicker store using the slice action handlers.\n *  @internal\n */\nexport function getDateTimePickerActions(\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: TimeValue | null | '') => void) | undefined,\n  isControlled?: boolean,\n) {\n  const actions = (\n    set: StoreApi<DateTimePickerValueStore>['setState'],\n  ): DateTimePickerValueStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          // DateTimePicker is single-date only \u2014 TimeValue expressions are not applicable.\n          if (isTimeValue(inputValue)) {\n            return state;\n          }\n\n          const newTimeValue =\n            getTimeValueFromSimpleValue(\n              inputValue,\n              state.timeOffset,\n              undefined,\n              undefined,\n              state.min,\n              state.max,\n              state.precision,\n            ) ?? null;\n\n          const calendarError = validate(newTimeValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessagesDispatch,\n            formerError: state.dateTimePickerError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: state.dateTimePickerRef,\n            expectedFormat: state.formatString,\n            valueMode: 'single',\n            required: state.required,\n          });\n\n          state.dateTimePickerRef?.current?.close();\n          focusElementWithRetry(\n            () =>\n              state.dateTimeInputRef.current?.spinButtonHandlers.get('hour')\n                ?.element.current,\n            state.dateTimeInputRef,\n          );\n\n          const calendarTimeValue = toCalendarValue(\n            newTimeValue,\n            state.precision,\n          );\n          return {\n            calendarValue: calendarTimeValue,\n            dateTimePickerValue: newTimeValue,\n            dateTimePickerError: calendarError,\n            calendarError,\n          };\n        });\n      },\n      setDateTimePickerValue: (value) => {\n        return set((state) => {\n          const newValue = getTimeValue(value, state.precision) ?? null;\n\n          // we would expect a timevalue but as it isn't a complete value then parser returns null.\n          const isPartialValue = newValue?.absoluteDate === '';\n\n          // In case of interrim values we want to validate and show errors but not update the calendar value.\n          // To still inform about the error state it triggers the onChange with an empty string.\n          if (isPartialValue) {\n            const errorKey = validate(newValue, state.min, state.max, {\n              formMessageDispatch: formFieldMessagesDispatch,\n              formerError: state.dateTimePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'single',\n            });\n\n            onChangeProp?.('');\n\n            return {\n              calendarError: errorKey,\n              dateTimePickerError: errorKey,\n            };\n          }\n\n          onChangeProp?.(newValue);\n\n          const calendarTimeValue = toCalendarValue(newValue, state.precision);\n\n          const dateTimePickerError = validate(newValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessagesDispatch,\n            formerError: state.dateTimePickerError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: false,\n            ref: state.dateTimePickerRef,\n            expectedFormat: state.formatString,\n            valueMode: 'single',\n            required: state.required,\n          });\n\n          if (isControlled) {\n            return { calendarValue: calendarTimeValue, dateTimePickerError };\n          }\n\n          return {\n            dateTimePickerValue: newValue,\n            calendarValue: calendarTimeValue,\n            calendarError: dateTimePickerError,\n            dateTimePickerError,\n          };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
+  "mappings": "AAGA,SAAS,6BAA6B;AAEtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAUlB,SAAS,yBACd,2BACA,cACA,cACA;AACA,QAAM,UAAU,CACd,QACoC;AACpC,WAAO;AAAA,MACL,kBAAkB,CAAC,eAAe;AAChC,YAAI,CAAC,UAAU;AAEb,cAAI,YAAY,UAAU,GAAG;AAC3B,mBAAO;AAAA,UACT;AAEA,gBAAM,eACJ;AAAA,YACE;AAAA,YACA,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN,MAAM;AAAA,UACR,KAAK;AAEP,gBAAM,gBAAgB,SAAS,cAAc,MAAM,KAAK,MAAM,KAAK;AAAA,YACjE,qBAAqB;AAAA,YACrB,aAAa,MAAM;AAAA,YACnB,WAAW,MAAM;AAAA,YACjB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,KAAK,MAAM;AAAA,YACX,gBAAgB,MAAM;AAAA,YACtB,WAAW;AAAA,YACX,UAAU,MAAM;AAAA,UAClB,CAAC;AAED,gBAAM,mBAAmB,SAAS,MAAM;AACxC;AAAA,YACE,MACE,MAAM,iBAAiB,SAAS,mBAAmB,IAAI,MAAM,GACzD,QAAQ;AAAA,YACd,MAAM;AAAA,UACR;AAEA,gBAAM,oBAAoB;AAAA,YACxB;AAAA,YACA,MAAM;AAAA,UACR;AACA,iBAAO;AAAA,YACL,eAAe;AAAA,YACf,qBAAqB;AAAA,YACrB,qBAAqB;AAAA,YACrB;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,wBAAwB,CAAC,UAAU;AACjC,eAAO,IAAI,CAAC,UAAU;AACpB,gBAAM,WAAW,aAAa,OAAO,MAAM,SAAS,KAAK;AAGzD,gBAAM,iBAAiB,UAAU,iBAAiB;AAIlD,cAAI,gBAAgB;AAClB,kBAAM,WAAW,SAAS,UAAU,MAAM,KAAK,MAAM,KAAK;AAAA,cACxD,qBAAqB;AAAA,cACrB,aAAa,MAAM;AAAA,cACnB,WAAW,MAAM;AAAA,cACjB,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,KAAK,MAAM;AAAA,cACX,gBAAgB,MAAM;AAAA,cACtB,WAAW;AAAA,YACb,CAAC;AAED,2BAAe,EAAE;AAEjB,mBAAO;AAAA,cACL,eAAe;AAAA,cACf,qBAAqB;AAAA,YACvB;AAAA,UACF;AAEA,yBAAe,QAAQ;AAEvB,gBAAM,oBAAoB,gBAAgB,UAAU,MAAM,SAAS;AAEnE,gBAAM,sBAAsB,SAAS,UAAU,MAAM,KAAK,MAAM,KAAK;AAAA,YACnE,qBAAqB;AAAA,YACrB,aAAa,MAAM;AAAA,YACnB,WAAW,MAAM;AAAA,YACjB,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,KAAK,MAAM;AAAA,YACX,gBAAgB,MAAM;AAAA,YACtB,WAAW;AAAA,YACX,UAAU,MAAM;AAAA,UAClB,CAAC;AAED,cAAI,cAAc;AAChB,mBAAO,EAAE,eAAe,mBAAmB,oBAAoB;AAAA,UACjE;AAEA,iBAAO;AAAA,YACL,qBAAqB;AAAA,YACrB,eAAe;AAAA,YACf,eAAe;AAAA,YACf;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/core/time/timeframeStore/actions/timeframeSelector.js

@@ -176,9 +176,11 @@ function getTimeframeSelectorActions(isControlled, timeframeSelectorRef, formFie
               dateTimeRangePickerTimeframe: timeframeWithPrecision,
               calendarValue,
               calendarError: errorKey,
-              dateTimeRangePickerError: errorKey
+              dateTimeRangePickerError: errorKey,
+              isFullDay: false
             };
           }
+          const isFullDay = isFullTimeframe(timeframeWithPrecision) ? isFullDayTimeframe(timeframeWithPrecision, state) : false;
           const dateTimeRangePickerError = validate(
             timeframeWithPrecision,
             state.min,
@@ -199,7 +201,8 @@ function getTimeframeSelectorActions(isControlled, timeframeSelectorRef, formFie
             dateTimeRangePickerTimeframe: timeframeWithPrecision,
             calendarValue: timeframeWithPrecision,
             calendarError: dateTimeRangePickerError,
-            dateTimeRangePickerError
+            dateTimeRangePickerError,
+            isFullDay
           };
         });
       },

package/esm/core/time/timeframeStore/actions/timeframeSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/core/time/timeframeStore/actions/timeframeSelector.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\nimport type { DebouncedFunc } from 'lodash-es';\nimport type { Dispatch, RefObject } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport {\n  applySetToNow,\n  closeCalendarAndFocusInput,\n  handleClearCalendarValue,\n} from './helpers.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { sortTimeframeValues } from '../../../../forms/forms-core/time/helpers.js';\nimport {\n  removePrecision,\n  removePrecisionFromTimeFrame,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { TimeRangePickerRef } from '../../../../forms/shared-types.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isNowTimeValue,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { isOutOfBounds, validate } from '../../validation.js';\nimport type { ValidateOptions } from '../../validation.js';\nimport type {\n  TimeframeSelectorState,\n  TimeframeSelectorStoreActions,\n} from '../timeframeSelector.types.js';\n\n/**\n * Handles setting the TimeframeSelector timeframe value.\n * Validates the input, calls onChange callback, closes the selector,\n * and updates all related state (selector, calendar, dateTimePicker).\n * @internal\n */\nfunction handleTimeframeSelectorTimeframeChange(\n  inputValue: Timeframe | null,\n  state: TimeframeSelectorState,\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (value: Timeframe | null) => void,\n  errorMessages?: ValidateOptions['errorMessages'],\n): Partial<TimeframeSelectorState> {\n  const timeframeWithPrecision =\n    removePrecisionFromTimeFrame(inputValue, state.precision) ?? null;\n\n  const value = isFullTimeframe(timeframeWithPrecision)\n    ? timeframeWithPrecision\n    : null;\n\n  onChangeProp?.(value);\n  timeframeSelectorRef.current?.close();\n\n  if (isControlled) {\n    return state;\n  }\n\n  const error = validate(timeframeWithPrecision, state.min, state.max, {\n    formMessageDispatch: formFieldMessagesDispatch,\n    formerError: state.timeframeSelectorError,\n    precision: state.precision,\n    showError: false,\n    checkOrder: true,\n    ref: timeframeSelectorRef,\n    expectedFormat: state.formatString,\n    valueMode: 'timeframeSelector',\n    required: state.required,\n    errorMessages,\n  });\n\n  return {\n    timeframeSelectorTimeframe: value,\n    calendarValue: value ?? timeframeWithPrecision,\n    dateTimeRangePickerTimeframe: value ?? timeframeWithPrecision,\n    referenceTimeframe: null,\n    timeframeSelectorError: error,\n    calendarError: error,\n    dateTimeRangePickerError: error,\n  };\n}\n\n/**\n * Handles setting the previous timeframe value.\n * Used for tracking the last valid timeframe before changes.\n * @internal\n */\nfunction handlePreviousTimeframeChange(\n  value: Timeframe | null,\n): Partial<TimeframeSelectorState> {\n  return {\n    referenceTimeframe: value,\n  };\n}\n\nfunction isFullDayTimeframe(\n  timeframe: Timeframe,\n  state: TimeframeSelectorState,\n): boolean {\n  const timeZone = getTimezone();\n  const to = new TZDateMini(timeframe.to.absoluteDate, timeZone);\n  const from = new TZDateMini(timeframe.from.absoluteDate, timeZone);\n\n  const isToAtEndOfDay =\n    removePrecision(endOfDay(to).toISOString(), state.precision) ===\n    removePrecision(timeframe.to.absoluteDate, state.precision);\n  const isToAtMax = state.max?.absoluteDate === to.toISOString();\n\n  const isFromAtStartOfDay =\n    removePrecision(startOfDay(from).toISOString(), state.precision) ===\n    removePrecision(timeframe.from.absoluteDate, state.precision);\n  const isFromAtMin = state.min?.absoluteDate === from.toISOString();\n\n  return Boolean(\n    (isToAtEndOfDay || isToAtMax) && (isFromAtStartOfDay || isFromAtMin),\n  );\n}\n\n/**\n * Creates actions for the TimeframeSelector store using the slice action handlers.\n * @internal\n */\nexport function getTimeframeSelectorActions(\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n  debouncedOnChangeRef?: RefObject<\n    DebouncedFunc<(timeframe: Timeframe | null) => void>\n  >,\n  errorMessages?: ValidateOptions['errorMessages'],\n) {\n  const actions = (\n    set: StoreApi<\n      TimeframeSelectorState & TimeframeSelectorStoreActions\n    >['setState'],\n  ): TimeframeSelectorStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          // TimeValue input (e.g. a \"now\" expression): apply it as the \"to\" boundary directly.\n          if (isTimeValue(inputValue) && inputValue.value === 'now()') {\n            const update = applySetToNow(state, {\n              validateMode: 'timeframeSelector',\n              errorMessages,\n            });\n            // nowInserted: true only in the \"pending\" case \u2014 button clicked with no existing\n            // from, so calendar stays open waiting for the complementary boundary.\n            const nowInserted =\n              'dateTimeRangePickerTimeframe' in update &&\n              !update.dateTimeRangePickerTimeframe?.from &&\n              isNowTimeValue(update.dateTimeRangePickerTimeframe?.to);\n\n            return {\n              timeframeSelectorError: undefined,\n              isFullDay: false,\n              ...update,\n              nowInserted,\n            };\n          }\n\n          const calendarValue = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          const nowIsOutOfBounds =\n            isOutOfBounds(\n              'now',\n              isNowTimeValue(state.min) ? null : state.min,\n              isNowTimeValue(state.max) ? null : state.max,\n            ) !== undefined;\n\n          // The user set `to = now` (via button or typing) without a `from` yet.\n          // When they click a calendar date, pair it with the existing `to = now`.\n          if (\n            !nowIsOutOfBounds &&\n            !state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to &&\n            isNowTimeValue(state.dateTimeRangePickerTimeframe?.to) &&\n            calendarValue?.from &&\n            !calendarValue?.to\n          ) {\n            const timeframe = sortTimeframeValues(\n              {\n                from: calendarValue.from,\n                to: state.dateTimeRangePickerTimeframe.to,\n              },\n              state.min,\n              state.max,\n              state.precision,\n            );\n            closeCalendarAndFocusInput(\n              state.dateTimeRangePickerRef,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue: timeframe,\n              dateTimeRangePickerTimeframe: timeframe,\n              calendarError: undefined,\n              dateTimeRangePickerError: undefined,\n              timeframeSelectorError: undefined,\n              isFullDay: false,\n              nowInserted: false,\n            };\n          }\n\n          if (isFullTimeframe(calendarValue)) {\n            const isFullDay = isFullDayTimeframe(calendarValue, state);\n            closeCalendarAndFocusInput(\n              state.dateTimeRangePickerRef,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue,\n              dateTimeRangePickerTimeframe: calendarValue,\n              isFullDay,\n              nowInserted: false,\n            };\n          }\n\n          return { calendarValue, isFullDay: false, nowInserted: false };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null and errors to undefined\n          if (value === null) {\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n              dateTimeRangePickerError: undefined,\n              calendarError: undefined,\n              nowInserted: false,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // For partial values while editing we trigger onChange with '' to inform\n          // the user that the current value is invalid, but not empty.\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'timeframeSelector',\n                required: state.required,\n                errorMessages,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'timeframeSelector',\n              required: state.required,\n              errorMessages,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      setTimeframeSelectorTimeframe: (inputValue) => {\n        debouncedOnChangeRef?.current?.cancel();\n        return set((state) =>\n          handleTimeframeSelectorTimeframeChange(\n            inputValue,\n            state,\n            isControlled,\n            timeframeSelectorRef,\n            formFieldMessagesDispatch,\n            onChangeProp,\n            errorMessages,\n          ),\n        );\n      },\n      setReferenceTimeframe: (value) => {\n        set(() => handlePreviousTimeframeChange(value));\n      },\n      setStepperValue: (value) => {\n        set((state) => {\n          debouncedOnChangeRef?.current?.(value);\n          if (isControlled) {\n            return state;\n          }\n          return {\n            timeframeSelectorTimeframe: value,\n            calendarValue: value,\n            dateTimeRangePickerTimeframe: value,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => handleClearCalendarValue(state));\n      },\n    };\n  };\n\n  return actions;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\nimport type { DebouncedFunc } from 'lodash-es';\nimport type { Dispatch, RefObject } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport {\n  applySetToNow,\n  closeCalendarAndFocusInput,\n  handleClearCalendarValue,\n} from './helpers.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { sortTimeframeValues } from '../../../../forms/forms-core/time/helpers.js';\nimport {\n  removePrecision,\n  removePrecisionFromTimeFrame,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { TimeRangePickerRef } from '../../../../forms/shared-types.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isNowTimeValue,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { isOutOfBounds, validate } from '../../validation.js';\nimport type { ValidateOptions } from '../../validation.js';\nimport type {\n  TimeframeSelectorState,\n  TimeframeSelectorStoreActions,\n} from '../timeframeSelector.types.js';\n\n/**\n * Handles setting the TimeframeSelector timeframe value.\n * Validates the input, calls onChange callback, closes the selector,\n * and updates all related state (selector, calendar, dateTimePicker).\n * @internal\n */\nfunction handleTimeframeSelectorTimeframeChange(\n  inputValue: Timeframe | null,\n  state: TimeframeSelectorState,\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (value: Timeframe | null) => void,\n  errorMessages?: ValidateOptions['errorMessages'],\n): Partial<TimeframeSelectorState> {\n  const timeframeWithPrecision =\n    removePrecisionFromTimeFrame(inputValue, state.precision) ?? null;\n\n  const value = isFullTimeframe(timeframeWithPrecision)\n    ? timeframeWithPrecision\n    : null;\n\n  onChangeProp?.(value);\n  timeframeSelectorRef.current?.close();\n\n  if (isControlled) {\n    return state;\n  }\n\n  const error = validate(timeframeWithPrecision, state.min, state.max, {\n    formMessageDispatch: formFieldMessagesDispatch,\n    formerError: state.timeframeSelectorError,\n    precision: state.precision,\n    showError: false,\n    checkOrder: true,\n    ref: timeframeSelectorRef,\n    expectedFormat: state.formatString,\n    valueMode: 'timeframeSelector',\n    required: state.required,\n    errorMessages,\n  });\n\n  return {\n    timeframeSelectorTimeframe: value,\n    calendarValue: value ?? timeframeWithPrecision,\n    dateTimeRangePickerTimeframe: value ?? timeframeWithPrecision,\n    referenceTimeframe: null,\n    timeframeSelectorError: error,\n    calendarError: error,\n    dateTimeRangePickerError: error,\n  };\n}\n\n/**\n * Handles setting the previous timeframe value.\n * Used for tracking the last valid timeframe before changes.\n * @internal\n */\nfunction handlePreviousTimeframeChange(\n  value: Timeframe | null,\n): Partial<TimeframeSelectorState> {\n  return {\n    referenceTimeframe: value,\n  };\n}\n\nfunction isFullDayTimeframe(\n  timeframe: Timeframe,\n  state: TimeframeSelectorState,\n): boolean {\n  const timeZone = getTimezone();\n  const to = new TZDateMini(timeframe.to.absoluteDate, timeZone);\n  const from = new TZDateMini(timeframe.from.absoluteDate, timeZone);\n\n  const isToAtEndOfDay =\n    removePrecision(endOfDay(to).toISOString(), state.precision) ===\n    removePrecision(timeframe.to.absoluteDate, state.precision);\n  const isToAtMax = state.max?.absoluteDate === to.toISOString();\n\n  const isFromAtStartOfDay =\n    removePrecision(startOfDay(from).toISOString(), state.precision) ===\n    removePrecision(timeframe.from.absoluteDate, state.precision);\n  const isFromAtMin = state.min?.absoluteDate === from.toISOString();\n\n  return Boolean(\n    (isToAtEndOfDay || isToAtMax) && (isFromAtStartOfDay || isFromAtMin),\n  );\n}\n\n/**\n * Creates actions for the TimeframeSelector store using the slice action handlers.\n * @internal\n */\nexport function getTimeframeSelectorActions(\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n  debouncedOnChangeRef?: RefObject<\n    DebouncedFunc<(timeframe: Timeframe | null) => void>\n  >,\n  errorMessages?: ValidateOptions['errorMessages'],\n) {\n  const actions = (\n    set: StoreApi<\n      TimeframeSelectorState & TimeframeSelectorStoreActions\n    >['setState'],\n  ): TimeframeSelectorStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          // TimeValue input (e.g. a \"now\" expression): apply it as the \"to\" boundary directly.\n          if (isTimeValue(inputValue) && inputValue.value === 'now()') {\n            const update = applySetToNow(state, {\n              validateMode: 'timeframeSelector',\n              errorMessages,\n            });\n            // nowInserted: true only in the \"pending\" case \u2014 button clicked with no existing\n            // from, so calendar stays open waiting for the complementary boundary.\n            const nowInserted =\n              'dateTimeRangePickerTimeframe' in update &&\n              !update.dateTimeRangePickerTimeframe?.from &&\n              isNowTimeValue(update.dateTimeRangePickerTimeframe?.to);\n\n            return {\n              timeframeSelectorError: undefined,\n              isFullDay: false,\n              ...update,\n              nowInserted,\n            };\n          }\n\n          const calendarValue = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          const nowIsOutOfBounds =\n            isOutOfBounds(\n              'now',\n              isNowTimeValue(state.min) ? null : state.min,\n              isNowTimeValue(state.max) ? null : state.max,\n            ) !== undefined;\n\n          // The user set `to = now` (via button or typing) without a `from` yet.\n          // When they click a calendar date, pair it with the existing `to = now`.\n          if (\n            !nowIsOutOfBounds &&\n            !state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to &&\n            isNowTimeValue(state.dateTimeRangePickerTimeframe?.to) &&\n            calendarValue?.from &&\n            !calendarValue?.to\n          ) {\n            const timeframe = sortTimeframeValues(\n              {\n                from: calendarValue.from,\n                to: state.dateTimeRangePickerTimeframe.to,\n              },\n              state.min,\n              state.max,\n              state.precision,\n            );\n            closeCalendarAndFocusInput(\n              state.dateTimeRangePickerRef,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue: timeframe,\n              dateTimeRangePickerTimeframe: timeframe,\n              calendarError: undefined,\n              dateTimeRangePickerError: undefined,\n              timeframeSelectorError: undefined,\n              isFullDay: false,\n              nowInserted: false,\n            };\n          }\n\n          if (isFullTimeframe(calendarValue)) {\n            const isFullDay = isFullDayTimeframe(calendarValue, state);\n            closeCalendarAndFocusInput(\n              state.dateTimeRangePickerRef,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue,\n              dateTimeRangePickerTimeframe: calendarValue,\n              isFullDay,\n              nowInserted: false,\n            };\n          }\n\n          return { calendarValue, isFullDay: false, nowInserted: false };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null and errors to undefined\n          if (value === null) {\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n              dateTimeRangePickerError: undefined,\n              calendarError: undefined,\n              nowInserted: false,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // For partial values while editing we trigger onChange with '' to inform\n          // the user that the current value is invalid, but not empty.\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'timeframeSelector',\n                required: state.required,\n                errorMessages,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n              isFullDay: false,\n            };\n          }\n\n          const isFullDay = isFullTimeframe(timeframeWithPrecision)\n            ? isFullDayTimeframe(timeframeWithPrecision, state)\n            : false;\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'timeframeSelector',\n              required: state.required,\n              errorMessages,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n            isFullDay,\n          };\n        });\n      },\n      setTimeframeSelectorTimeframe: (inputValue) => {\n        debouncedOnChangeRef?.current?.cancel();\n        return set((state) =>\n          handleTimeframeSelectorTimeframeChange(\n            inputValue,\n            state,\n            isControlled,\n            timeframeSelectorRef,\n            formFieldMessagesDispatch,\n            onChangeProp,\n            errorMessages,\n          ),\n        );\n      },\n      setReferenceTimeframe: (value) => {\n        set(() => handlePreviousTimeframeChange(value));\n      },\n      setStepperValue: (value) => {\n        set((state) => {\n          debouncedOnChangeRef?.current?.(value);\n          if (isControlled) {\n            return state;\n          }\n          return {\n            timeframeSelectorTimeframe: value,\n            calendarValue: value,\n            dateTimeRangePickerTimeframe: value,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => handleClearCalendarValue(state));\n      },\n    };\n  };\n\n  return actions;\n}\n"],
+  "mappings": "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",
   "names": []
 }