@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/forms/_base-input/BaseInput.sty.js

@@ -3,19 +3,18 @@ import "../../styles/field.css";
 import "../../styles/textStyle.css";
 import "../hooks/useAutofillEvent.css";
 import "./BaseInput.css";
-var clearIconButton = "_1a8lqy9e-3-5-2";
-var container = "_1a8lqy98-3-5-2";
-var containerPadding = { none: "_1a8lqy99-3-5-2", rightNone: "_1a8lqy9a-3-5-2", rightUnset: "_1a8lqy9b-3-5-2", leftUnset: "_1a8lqy9c-3-5-2" };
-var disabled = "_1a8lqy92-3-5-2";
-var divider = "_1a8lqy9f-3-5-2";
-var hasError = "_1a8lqy91-3-5-2";
-var input = "_1a8lqy9d-3-5-2 _yfwka33-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v3-3-5-2 _da9a8vb-3-5-2";
-var isAutoFilled = "_1a8lqy9g-3-5-2";
-var readOnly = "_1a8lqy93-3-5-2";
-var variant = { "default": "_1a8lqy94-3-5-2", minimal: "_1a8lqy95-3-5-2" };
-var wrapper = "_1a8lqy90-3-5-2";
+var container = "_1a8lqy98-3-7-0";
+var containerPadding = { none: "_1a8lqy99-3-7-0", rightNone: "_1a8lqy9a-3-7-0", rightUnset: "_1a8lqy9b-3-7-0", leftUnset: "_1a8lqy9c-3-7-0" };
+var disabled = "_1a8lqy92-3-7-0";
+var divider = "_1a8lqy9f-3-7-0";
+var hasError = "_1a8lqy91-3-7-0";
+var input = "_1a8lqy9d-3-7-0 _yfwka33-3-7-0 _da9a8v0-3-7-0 _da9a8v2-3-7-0 _da9a8v3-3-7-0 _da9a8vb-3-7-0";
+var isAutoFilled = "_1a8lqy9g-3-7-0";
+var readOnly = "_1a8lqy93-3-7-0";
+var reservedSuffixButton = "_1a8lqy9e-3-7-0";
+var variant = { "default": "_1a8lqy94-3-7-0", minimal: "_1a8lqy95-3-7-0" };
+var wrapper = "_1a8lqy90-3-7-0";
 export {
-  clearIconButton,
   container,
   containerPadding,
   disabled,
@@ -24,6 +23,7 @@ export {
   input,
   isAutoFilled,
   readOnly,
+  reservedSuffixButton,
   variant,
   wrapper
 };

package/esm/forms/_base-input/BaseInput.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/_base-input/BaseInput.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../hooks/useAutofillEvent.css';\nimport './BaseInput.css';\nexport var clearIconButton = '_1a8lqy9e-3-5-2';\nexport var container = '_1a8lqy98-3-5-2';\nexport var containerPadding = {none:'_1a8lqy99-3-5-2',rightNone:'_1a8lqy9a-3-5-2',rightUnset:'_1a8lqy9b-3-5-2',leftUnset:'_1a8lqy9c-3-5-2'};\nexport var disabled = '_1a8lqy92-3-5-2';\nexport var divider = '_1a8lqy9f-3-5-2';\nexport var hasError = '_1a8lqy91-3-5-2';\nexport var input = '_1a8lqy9d-3-5-2 _yfwka33-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v3-3-5-2 _da9a8vb-3-5-2';\nexport var isAutoFilled = '_1a8lqy9g-3-5-2';\nexport var readOnly = '_1a8lqy93-3-5-2';\nexport var variant = {'default':'_1a8lqy94-3-5-2',minimal:'_1a8lqy95-3-5-2'};\nexport var wrapper = '_1a8lqy90-3-5-2';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,mBAAmB,EAAC,MAAK,mBAAkB,WAAU,mBAAkB,YAAW,mBAAkB,WAAU,kBAAiB;AACnI,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,WAAW;AACf,IAAI,UAAU,EAAC,WAAU,mBAAkB,SAAQ,kBAAiB;AACpE,IAAI,UAAU;",
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../hooks/useAutofillEvent.css';\nimport './BaseInput.css';\nexport var container = '_1a8lqy98-3-7-0';\nexport var containerPadding = {none:'_1a8lqy99-3-7-0',rightNone:'_1a8lqy9a-3-7-0',rightUnset:'_1a8lqy9b-3-7-0',leftUnset:'_1a8lqy9c-3-7-0'};\nexport var disabled = '_1a8lqy92-3-7-0';\nexport var divider = '_1a8lqy9f-3-7-0';\nexport var hasError = '_1a8lqy91-3-7-0';\nexport var input = '_1a8lqy9d-3-7-0 _yfwka33-3-7-0 _da9a8v0-3-7-0 _da9a8v2-3-7-0 _da9a8v3-3-7-0 _da9a8vb-3-7-0';\nexport var isAutoFilled = '_1a8lqy9g-3-7-0';\nexport var readOnly = '_1a8lqy93-3-7-0';\nexport var reservedSuffixButton = '_1a8lqy9e-3-7-0';\nexport var variant = {'default':'_1a8lqy94-3-7-0',minimal:'_1a8lqy95-3-7-0'};\nexport var wrapper = '_1a8lqy90-3-7-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,mBAAmB,EAAC,MAAK,mBAAkB,WAAU,mBAAkB,YAAW,mBAAkB,WAAU,kBAAiB;AACnI,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,WAAW;AACf,IAAI,uBAAuB;AAC3B,IAAI,UAAU,EAAC,WAAU,mBAAkB,SAAQ,kBAAiB;AACpE,IAAI,UAAU;",
   "names": []
 }

package/esm/forms/_base-input/BaseInputContent.css

@@ -1,27 +1,27 @@
-._o6rxr70-3-5-2 {
+._o6rxr70-3-7-0 {
   white-space: nowrap;
   overflow: hidden;
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._1a8lqy91-3-5-2 ._o6rxr70-3-5-2 {
+._1a8lqy91-3-7-0 ._o6rxr70-3-7-0 {
   color: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._1a8lqy92-3-5-2 ._o6rxr70-3-5-2 {
+._1a8lqy92-3-7-0 ._o6rxr70-3-7-0 {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
 }
-._o6rxr70-3-5-2:has(svg):not(:has(span)) {
+._o6rxr70-3-7-0:has(svg):not(:has(span)) {
   overflow: inherit;
 }
-._o6rxr70-3-5-2 > * {
+._o6rxr70-3-7-0 > * {
   overflow: hidden;
   text-overflow: ellipsis;
   display: inline-block;
 }
-._o6rxr70-3-5-2 svg {
+._o6rxr70-3-7-0 svg {
   box-sizing: content-box;
   align-items: stretch;
   flex-shrink: 0;
 }
-._o6rxr70-3-5-2 svg:first-of-type {
+._o6rxr70-3-7-0 svg:first-of-type {
   align-self: center;
 }

package/esm/forms/_base-input/BaseInputContent.js

@@ -25,10 +25,12 @@ const BaseInputContent = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
 });
 const BaseInputPrefix = /* @__PURE__ */ forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(BaseInputContent, { ref: forwardedRef, ...props }));
 const BaseInputSuffix = /* @__PURE__ */ forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(BaseInputContent, { ref: forwardedRef, ...props }));
+const BaseInputReservedSuffix = /* @__PURE__ */ forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(BaseInputContent, { ref: forwardedRef, ...props }));
 BaseInputPrefix.displayName = "Input.Prefix";
 BaseInputSuffix.displayName = "Input.Suffix";
 export {
   BaseInputPrefix,
+  BaseInputReservedSuffix,
   BaseInputSuffix
 };
 //# sourceMappingURL=BaseInputContent.js.map

package/esm/forms/_base-input/BaseInputContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/_base-input/BaseInputContent.tsx"],
-  "sourcesContent": ["import { type ReactNode, forwardRef } from 'react';\n\nimport * as styles from './BaseInputContent.sty.js';\nimport { TextEllipsisAroundChildren } from '../../core/components/TextEllipsisAroundChildren.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\n/**\n * Accepted properties for the Content\n * @public\n */\nexport interface BaseInputContentProps extends BehaviorTrackingProps {\n  /** Elements to be displayed in the Prefix slot. */\n  children: ReactNode;\n}\n\n/*\n * The BaseInputContent does not expose className / style, because it is only used to determine\n * whether the children should be rendered as prefix or suffix items. The BaseInputContent is then\n * internally used again to wrap only the prefix elements, but not the prefix buttons, which are\n * rendered next to the input container.\n * Adding custom styles would only style the elements wrapped in the internally rendered BaseInputContent\n * container, which would be unexpected, since for the user, the buttons are also wrapped in the container.\n */\n\n/**\n * BaseInputContent component, used for adding elements to the prefix/suffix slot.\n */\nconst BaseInputContent = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => {\n  const { children, ...rest }: BaseInputContentProps = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(rest);\n\n  return (\n    <Flex\n      ref={forwardedRef}\n      flexGrow={0}\n      alignItems=\"center\"\n      alignSelf=\"stretch\"\n      gap={8}\n      paddingLeft={8}\n      paddingRight={8}\n      className={styles.content}\n      {...behavioralTrackingProps}\n    >\n      <TextEllipsisAroundChildren>{children}</TextEllipsisAroundChildren>\n    </Flex>\n  );\n});\n\n/**\n * Component used for adding elements to the prefix slot.\n * @internal\n */\nexport const BaseInputPrefix = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => <BaseInputContent ref={forwardedRef} {...props} />);\n\n/**\n * Component used for adding elements to the suffix slot.\n * @internal\n */\nexport const BaseInputSuffix = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => <BaseInputContent ref={forwardedRef} {...props} />);\n\n(\n  BaseInputPrefix as typeof BaseInputPrefix & { displayName: string }\n).displayName = 'Input.Prefix';\n(\n  BaseInputSuffix as typeof BaseInputSuffix & { displayName: string }\n).displayName = 'Input.Suffix';\n"],
-  "mappings": "AAiDM;AAjDN,SAAyB,kBAAkB;AAE3C,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAC3C,SAAS,kCAAkC;AAE3C,SAAS,YAAY;AAuBrB,MAAM,mBAAmC,2BAGvC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,GAAG,KAAK,IAA2B;AAErD,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,IAAI;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAK;AAAA,MACL,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW,OAAO;AAAA,MACjB,GAAG;AAAA,MAEJ,8BAAC,8BAA4B,UAAS;AAAA;AAAA,EACxC;AAEJ,CAAC;AAMM,MAAM,kBAAkC,2BAG7C,CAAC,OAAO,iBAAiB,oBAAC,oBAAiB,KAAK,cAAe,GAAG,OAAO,CAAE;AAMtE,MAAM,kBAAkC,2BAG7C,CAAC,OAAO,iBAAiB,oBAAC,oBAAiB,KAAK,cAAe,GAAG,OAAO,CAAE;AAG3E,gBACA,cAAc;AAEd,gBACA,cAAc;",
+  "sourcesContent": ["import { type ReactNode, forwardRef } from 'react';\n\nimport * as styles from './BaseInputContent.sty.js';\nimport { TextEllipsisAroundChildren } from '../../core/components/TextEllipsisAroundChildren.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\n/**\n * Accepted properties for the Content\n * @public\n */\nexport interface BaseInputContentProps extends BehaviorTrackingProps {\n  /** Elements to be displayed in the Prefix slot. */\n  children: ReactNode;\n}\n\n/*\n * The BaseInputContent does not expose className / style, because it is only used to determine\n * whether the children should be rendered as prefix or suffix items. The BaseInputContent is then\n * internally used again to wrap only the prefix elements, but not the prefix buttons, which are\n * rendered next to the input container.\n * Adding custom styles would only style the elements wrapped in the internally rendered BaseInputContent\n * container, which would be unexpected, since for the user, the buttons are also wrapped in the container.\n */\n\n/**\n * BaseInputContent component, used for adding elements to the prefix/suffix slot.\n */\nconst BaseInputContent = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => {\n  const { children, ...rest }: BaseInputContentProps = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(rest);\n\n  return (\n    <Flex\n      ref={forwardedRef}\n      flexGrow={0}\n      alignItems=\"center\"\n      alignSelf=\"stretch\"\n      gap={8}\n      paddingLeft={8}\n      paddingRight={8}\n      className={styles.content}\n      {...behavioralTrackingProps}\n    >\n      <TextEllipsisAroundChildren>{children}</TextEllipsisAroundChildren>\n    </Flex>\n  );\n});\n\n/**\n * Component used for adding elements to the prefix slot.\n * @internal\n */\nexport const BaseInputPrefix = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => <BaseInputContent ref={forwardedRef} {...props} />);\n\n/**\n * Component used for adding elements to the suffix slot.\n * @internal\n */\nexport const BaseInputSuffix = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => <BaseInputContent ref={forwardedRef} {...props} />);\n\n/**\n * Component used for adding elements to the reserved suffix slot.\n * @internal\n */\nexport const BaseInputReservedSuffix = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  BaseInputContentProps\n>((props, forwardedRef) => <BaseInputContent ref={forwardedRef} {...props} />);\n\n(\n  BaseInputPrefix as typeof BaseInputPrefix & { displayName: string }\n).displayName = 'Input.Prefix';\n(\n  BaseInputSuffix as typeof BaseInputSuffix & { displayName: string }\n).displayName = 'Input.Suffix';\n"],
+  "mappings": "AAiDM;AAjDN,SAAyB,kBAAkB;AAE3C,YAAY,YAAY;AACxB,SAAS,kCAAkC;AAC3C,SAAS,kCAAkC;AAE3C,SAAS,YAAY;AAuBrB,MAAM,mBAAmC,2BAGvC,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,UAAU,GAAG,KAAK,IAA2B;AAErD,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,IAAI;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAK;AAAA,MACL,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW,OAAO;AAAA,MACjB,GAAG;AAAA,MAEJ,8BAAC,8BAA4B,UAAS;AAAA;AAAA,EACxC;AAEJ,CAAC;AAMM,MAAM,kBAAkC,2BAG7C,CAAC,OAAO,iBAAiB,oBAAC,oBAAiB,KAAK,cAAe,GAAG,OAAO,CAAE;AAMtE,MAAM,kBAAkC,2BAG7C,CAAC,OAAO,iBAAiB,oBAAC,oBAAiB,KAAK,cAAe,GAAG,OAAO,CAAE;AAMtE,MAAM,0BAA0C,2BAGrD,CAAC,OAAO,iBAAiB,oBAAC,oBAAiB,KAAK,cAAe,GAAG,OAAO,CAAE;AAG3E,gBACA,cAAc;AAEd,gBACA,cAAc;",
   "names": []
 }

package/esm/forms/_base-input/BaseInputContent.sty.js

@@ -4,7 +4,7 @@ import "../../styles/textStyle.css";
 import "../hooks/useAutofillEvent.css";
 import "./BaseInput.css";
 import "./BaseInputContent.css";
-var content = "_o6rxr70-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v3-3-5-2 _da9a8vb-3-5-2";
+var content = "_o6rxr70-3-7-0 _da9a8v0-3-7-0 _da9a8v2-3-7-0 _da9a8v3-3-7-0 _da9a8vb-3-7-0";
 export {
   content
 };

package/esm/forms/_base-input/BaseInputContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/_base-input/BaseInputContent.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../hooks/useAutofillEvent.css';\nimport './BaseInput.css';\nimport './BaseInputContent.css';\nexport var content = '_o6rxr70-3-5-2 _da9a8v0-3-5-2 _da9a8v2-3-5-2 _da9a8v3-3-5-2 _da9a8vb-3-5-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../hooks/useAutofillEvent.css';\nimport './BaseInput.css';\nimport './BaseInputContent.css';\nexport var content = '_o6rxr70-3-7-0 _da9a8v0-3-7-0 _da9a8v2-3-7-0 _da9a8v3-3-7-0 _da9a8vb-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/forms/_base-input/ClearButton.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { XmarkIcon } from "@dynatrace/strato-icons";
+import * as baseInputStyles from "./BaseInput.sty.js";
+import { BaseInputContext } from "./contexts/BaseInputContext.js";
+import { Button } from "../../buttons/button/Button.js";
+const ClearButton = ({ onClear }) => {
+  const { hasError, disabled, ariaDisabled } = useContext(BaseInputContext);
+  const disabledOrAriaDisabled = disabled || ariaDisabled || false;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: onClear,
+      className: baseInputStyles.reservedSuffixButton,
+      color: hasError ? "critical" : "neutral",
+      disabled: disabledOrAriaDisabled,
+      "data-dt-name": "ClearAll",
+      children: /* @__PURE__ */ jsx(XmarkIcon, {})
+    }
+  );
+};
+export {
+  ClearButton
+};
+//# sourceMappingURL=ClearButton.js.map

package/esm/forms/_base-input/ClearButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/forms/_base-input/ClearButton.tsx"],
+  "sourcesContent": ["import { useContext } from 'react';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport * as baseInputStyles from './BaseInput.sty.js';\nimport { BaseInputContext } from './contexts/BaseInputContext.js';\nimport { Button } from '../../buttons/button/Button.js';\n\nexport const ClearButton = ({ onClear }: { onClear: VoidFunction }) => {\n  const { hasError, disabled, ariaDisabled } = useContext(BaseInputContext);\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  return (\n    <Button\n      onClick={onClear}\n      className={baseInputStyles.reservedSuffixButton}\n      color={hasError ? 'critical' : 'neutral'}\n      disabled={disabledOrAriaDisabled}\n      data-dt-name=\"ClearAll\"\n    >\n      <XmarkIcon />\n    </Button>\n  );\n};\n"],
+  "mappings": "AAoBM;AApBN,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAE1B,YAAY,qBAAqB;AACjC,SAAS,wBAAwB;AACjC,SAAS,cAAc;AAEhB,MAAM,cAAc,CAAC,EAAE,QAAQ,MAAiC;AACrE,QAAM,EAAE,UAAU,UAAU,aAAa,IAAI,WAAW,gBAAgB;AACxE,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAW,gBAAgB;AAAA,MAC3B,OAAO,WAAW,aAAa;AAAA,MAC/B,UAAU;AAAA,MACV,gBAAa;AAAA,MAEb,8BAAC,aAAU;AAAA;AAAA,EACb;AAEJ;",
+  "names": []
+}

package/esm/forms/calendar/Calendar.css

@@ -1,24 +1,24 @@
-._xm8mdk0-3-5-2 {
+._xm8mdk0-3-7-0 {
   width: 248px;
 }
-._xm8mdk1-3-5-2 {
+._xm8mdk1-3-7-0 {
   cursor: not-allowed;
 }
-._xm8mdk2-3-5-2 {
+._xm8mdk2-3-7-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._xm8mdk3-3-5-2 {
+._xm8mdk3-3-7-0 {
   all: revert;
   width: 100%;
   border-collapse: collapse;
   border: 0;
   border-spacing: 0;
 }
-._xm8mdk4-3-5-2 {
+._xm8mdk4-3-7-0 {
   pointer-events: none;
 }
-._xm8mdk5-3-5-2 {
+._xm8mdk5-3-7-0 {
   background: revert;
   border: 0;
   display: grid;
@@ -26,16 +26,16 @@
   justify-items: center;
   align-items: center;
 }
-._xm8mdk6-3-5-2 {
+._xm8mdk6-3-7-0 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-._xm8mdk7-3-5-2 {
+._xm8mdk7-3-7-0 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-._xm8mdk8-3-5-2 {
+._xm8mdk8-3-7-0 {
   grid-template-columns: repeat(4, minmax(0, 1fr));
 }
-._xm8mdk9-3-5-2 {
+._xm8mdk9-3-7-0 {
   border: 0;
   width: 100%;
   margin-top: var(--dt-spacings-size-2, 2px);
@@ -43,87 +43,92 @@
   padding: 0;
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._xm8mdka-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1jljrbf1-3-5-2: var(--dt-colors-border-primary-accent, #464cce);
+._xm8mdka-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1jljrbf1-3-7-0: var(--dt-colors-border-primary-accent, #464cce);
 }
-._xm8mdkb-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1jljrbf1-3-5-2: var(--dt-colors-text-neutral-default, #2f2f4f);
+._xm8mdkb-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1jljrbf1-3-7-0: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._xm8mdkc-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_1jljrbf1-3-5-2: var(--dt-colors-border-critical-accent, #bb0731);
+._xm8mdkc-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_1jljrbf1-3-7-0: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._xm8mdkd-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._xm8mdkd-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._xm8mdkf-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-primary-disabled, #e4e5eb80);
-  --_1jljrbf1-3-5-2: var(--dt-colors-border-primary-disabled, #dadbe480);
+._xm8mdkf-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-primary-disabled, #e4e5eb80);
+  --_1jljrbf1-3-7-0: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._xm8mdkg-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
-  --_1jljrbf1-3-5-2: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._xm8mdkg-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
+  --_1jljrbf1-3-7-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._xm8mdkh-3-5-2 {
-  --_1jljrbf0-3-5-2: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
-  --_1jljrbf1-3-5-2: var(--dt-colors-border-critical-disabled, #dadbe480);
+._xm8mdkh-3-7-0 {
+  --_1jljrbf0-3-7-0: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
+  --_1jljrbf1-3-7-0: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._xm8mdki-3-5-2 {
+._xm8mdki-3-7-0 {
   position: relative;
   z-index: 0;
 }
-._xm8mdki-3-5-2::before {
+._xm8mdki-3-7-0::before {
   content: "";
   position: absolute;
   top: 0;
-  background: var(--_1jljrbf0-3-5-2);
+  background: var(--_1jljrbf0-3-7-0);
   height: 100%;
   z-index: -1;
 }
-._xm8mdkj-3-5-2 {
-  background: var(--_1jljrbf0-3-5-2);
+._xm8mdkj-3-7-0 {
+  background: var(--_1jljrbf0-3-7-0);
 }
-._xm8mdkj-3-5-2::before {
+._xm8mdkj-3-7-0::before {
   right: calc(var(--dt-spacings-size-4, 4px) / -2);
   width: calc(var(--dt-spacings-size-4, 4px) / 2);
 }
-._xm8mdkj-3-5-2:last-child::before {
+._xm8mdkj-3-7-0:last-child::before {
   background: none;
 }
-._xm8mdkk-3-5-2 {
-  background: var(--_1jljrbf0-3-5-2);
+._xm8mdkk-3-7-0 {
+  background: var(--_1jljrbf0-3-7-0);
 }
-._xm8mdkk-3-5-2::before {
+._xm8mdkk-3-7-0::before {
   left: calc(var(--dt-spacings-size-4, 4px) / -2);
   width: calc(var(--dt-spacings-size-4, 4px) / 2);
 }
-._xm8mdkk-3-5-2:first-child::before {
+._xm8mdkk-3-7-0:first-child::before {
   background: none;
 }
-._xm8mdkl-3-5-2::before {
+._xm8mdkl-3-7-0::before {
   left: calc(var(--dt-spacings-size-4, 4px) / -2);
   width: calc(100% + (var(--dt-spacings-size-4, 4px)));
-  background: var(--_1jljrbf0-3-5-2);
+  background: var(--_1jljrbf0-3-7-0);
 }
-._xm8mdkl-3-5-2:first-child::before {
+._xm8mdkl-3-7-0:first-child::before {
   left: 0;
   width: calc(100% + (var(--dt-spacings-size-4, 4px) / 2));
   border-top-left-radius: var(--dt-borders-radius-field-default, 6px);
   border-bottom-left-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._xm8mdkl-3-5-2:last-child::before {
+._xm8mdkl-3-7-0:last-child::before {
   width: calc(100% + (var(--dt-spacings-size-4, 4px) / 2));
   border-top-right-radius: var(--dt-borders-radius-field-default, 6px);
   border-bottom-right-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._xm8mdkm-3-5-2 {
+._xm8mdkm-3-7-0 {
   background: none;
 }
-._xm8mdkn-3-5-2 {
+._xm8mdkn-3-7-0 {
   width: 100%;
   border-collapse: collapse;
   border: 0;
   border-spacing: 0;
+}
+._xm8mdko-3-7-0 {
+  padding-top: var(--dt-spacings-size-8, 8px);
+  display: flex;
+  justify-content: flex-end;
 }

package/esm/forms/calendar/Calendar.sty.js

@@ -1,16 +1,17 @@
 import "./Calendar.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var body = _7a468({ defaultClassName: "_xm8mdk3-3-5-2", variantClassNames: { isReadOnly: { true: "_xm8mdk4-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var calendar = _7a468({ defaultClassName: "_xm8mdk0-3-5-2", variantClassNames: { readOnly: { true: "_xm8mdk1-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var clearBackground = "_xm8mdkm-3-5-2";
-var dayRow = "_xm8mdk6-3-5-2";
-var disabled = "_xm8mdk2-3-5-2";
-var field = _7a468({ defaultClassName: "_xm8mdk9-3-5-2", variantClassNames: { color: { primary: "_xm8mdka-3-5-2", neutral: "_xm8mdkb-3-5-2", critical: "_xm8mdkc-3-5-2" }, isIncompleteSelection: { true: "_xm8mdkd-3-5-2" }, isDisabled: { true: "_xm8mdke-3-5-2" } }, defaultVariants: { isDisabled: false, color: "neutral" }, compoundVariants: [[{ color: "primary", isDisabled: true }, "_xm8mdkf-3-5-2"], [{ color: "neutral", isDisabled: true }, "_xm8mdkg-3-5-2"], [{ color: "critical", isDisabled: true }, "_xm8mdkh-3-5-2"]] });
-var monthRow = "_xm8mdk7-3-5-2";
-var rangeField = _7a468({ defaultClassName: "_xm8mdki-3-5-2", variantClassNames: { rangeKind: { first: "_xm8mdkj-3-5-2", last: "_xm8mdkk-3-5-2", inbetween: "_xm8mdkl-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var row = "_xm8mdk5-3-5-2";
-var weekdays = "_xm8mdkn-3-5-2";
-var yearRow = "_xm8mdk8-3-5-2";
+var body = _7a468({ defaultClassName: "_xm8mdk3-3-7-0", variantClassNames: { isReadOnly: { true: "_xm8mdk4-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var calendar = _7a468({ defaultClassName: "_xm8mdk0-3-7-0", variantClassNames: { readOnly: { true: "_xm8mdk1-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var clearBackground = "_xm8mdkm-3-7-0";
+var dayRow = "_xm8mdk6-3-7-0";
+var disabled = "_xm8mdk2-3-7-0";
+var field = _7a468({ defaultClassName: "_xm8mdk9-3-7-0", variantClassNames: { color: { primary: "_xm8mdka-3-7-0", neutral: "_xm8mdkb-3-7-0", critical: "_xm8mdkc-3-7-0" }, isIncompleteSelection: { true: "_xm8mdkd-3-7-0" }, isDisabled: { true: "_xm8mdke-3-7-0" } }, defaultVariants: { isDisabled: false, color: "neutral" }, compoundVariants: [[{ color: "primary", isDisabled: true }, "_xm8mdkf-3-7-0"], [{ color: "neutral", isDisabled: true }, "_xm8mdkg-3-7-0"], [{ color: "critical", isDisabled: true }, "_xm8mdkh-3-7-0"]] });
+var footer = "_xm8mdko-3-7-0";
+var monthRow = "_xm8mdk7-3-7-0";
+var rangeField = _7a468({ defaultClassName: "_xm8mdki-3-7-0", variantClassNames: { rangeKind: { first: "_xm8mdkj-3-7-0", last: "_xm8mdkk-3-7-0", inbetween: "_xm8mdkl-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var row = "_xm8mdk5-3-7-0";
+var weekdays = "_xm8mdkn-3-7-0";
+var yearRow = "_xm8mdk8-3-7-0";
 export {
   body,
   calendar,
@@ -18,6 +19,7 @@ export {
   dayRow,
   disabled,
   field,
+  footer,
   monthRow,
   rangeField,
   row,

package/esm/forms/calendar/Calendar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/Calendar.css.ts"],
-  "sourcesContent": ["import './Calendar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var body = _7a468({defaultClassName:'_xm8mdk3-3-5-2',variantClassNames:{isReadOnly:{true:'_xm8mdk4-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var calendar = _7a468({defaultClassName:'_xm8mdk0-3-5-2',variantClassNames:{readOnly:{true:'_xm8mdk1-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var clearBackground = '_xm8mdkm-3-5-2';\nexport var dayRow = '_xm8mdk6-3-5-2';\nexport var disabled = '_xm8mdk2-3-5-2';\nexport var field = _7a468({defaultClassName:'_xm8mdk9-3-5-2',variantClassNames:{color:{primary:'_xm8mdka-3-5-2',neutral:'_xm8mdkb-3-5-2',critical:'_xm8mdkc-3-5-2'},isIncompleteSelection:{true:'_xm8mdkd-3-5-2'},isDisabled:{true:'_xm8mdke-3-5-2'}},defaultVariants:{isDisabled:false,color:'neutral'},compoundVariants:[[{color:'primary',isDisabled:true},'_xm8mdkf-3-5-2'],[{color:'neutral',isDisabled:true},'_xm8mdkg-3-5-2'],[{color:'critical',isDisabled:true},'_xm8mdkh-3-5-2']]});\nexport var monthRow = '_xm8mdk7-3-5-2';\nexport var rangeField = _7a468({defaultClassName:'_xm8mdki-3-5-2',variantClassNames:{rangeKind:{first:'_xm8mdkj-3-5-2',last:'_xm8mdkk-3-5-2',inbetween:'_xm8mdkl-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var row = '_xm8mdk5-3-5-2';\nexport var weekdays = '_xm8mdkn-3-5-2';\nexport var yearRow = '_xm8mdk8-3-5-2';"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnJ,IAAI,WAAW,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrJ,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,QAAQ,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,GAAE,uBAAsB,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,OAAM,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,YAAW,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,YAAW,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,YAAW,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACrd,IAAI,WAAW;AACf,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,OAAM,kBAAiB,MAAK,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1M,IAAI,MAAM;AACV,IAAI,WAAW;AACf,IAAI,UAAU;",
+  "sourcesContent": ["import './Calendar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var body = _7a468({defaultClassName:'_xm8mdk3-3-7-0',variantClassNames:{isReadOnly:{true:'_xm8mdk4-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var calendar = _7a468({defaultClassName:'_xm8mdk0-3-7-0',variantClassNames:{readOnly:{true:'_xm8mdk1-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var clearBackground = '_xm8mdkm-3-7-0';\nexport var dayRow = '_xm8mdk6-3-7-0';\nexport var disabled = '_xm8mdk2-3-7-0';\nexport var field = _7a468({defaultClassName:'_xm8mdk9-3-7-0',variantClassNames:{color:{primary:'_xm8mdka-3-7-0',neutral:'_xm8mdkb-3-7-0',critical:'_xm8mdkc-3-7-0'},isIncompleteSelection:{true:'_xm8mdkd-3-7-0'},isDisabled:{true:'_xm8mdke-3-7-0'}},defaultVariants:{isDisabled:false,color:'neutral'},compoundVariants:[[{color:'primary',isDisabled:true},'_xm8mdkf-3-7-0'],[{color:'neutral',isDisabled:true},'_xm8mdkg-3-7-0'],[{color:'critical',isDisabled:true},'_xm8mdkh-3-7-0']]});\nexport var footer = '_xm8mdko-3-7-0';\nexport var monthRow = '_xm8mdk7-3-7-0';\nexport var rangeField = _7a468({defaultClassName:'_xm8mdki-3-7-0',variantClassNames:{rangeKind:{first:'_xm8mdkj-3-7-0',last:'_xm8mdkk-3-7-0',inbetween:'_xm8mdkl-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var row = '_xm8mdk5-3-7-0';\nexport var weekdays = '_xm8mdkn-3-7-0';\nexport var yearRow = '_xm8mdk8-3-7-0';"],
+  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnJ,IAAI,WAAW,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrJ,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,QAAQ,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,OAAM,EAAC,SAAQ,kBAAiB,SAAQ,kBAAiB,UAAS,iBAAgB,GAAE,uBAAsB,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,OAAM,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,OAAM,WAAU,YAAW,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,WAAU,YAAW,KAAI,GAAE,gBAAgB,GAAE,CAAC,EAAC,OAAM,YAAW,YAAW,KAAI,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACrd,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,WAAU,EAAC,OAAM,kBAAiB,MAAK,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1M,IAAI,MAAM;AACV,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/forms/calendar/CalendarRoot.js

@@ -16,6 +16,7 @@ import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMes
 import { useFormFieldValidation } from "../forms-core/hooks/useFormFieldValidation.js";
 import { FormFieldMessagesAction } from "../forms-core/state/formfield-messages-state-reducer.js";
 import * as styles from "./Calendar.sty.js";
+import { SetTimeToNowButton } from "./components/SetTimeToNowButton.js";
 import { CalendarContext } from "./contexts/CalendarContext.js";
 import { useCalendar } from "./hooks/useCalendar.js";
 import { useCalendarNavigation } from "./hooks/useCalendarNavigation.js";
@@ -159,7 +160,8 @@ function CalendarComponent(props, forwardedRef) {
               }),
               children: renderView(state.currentView)
             }
-          ) })
+          ) }),
+          type === "range" && /* @__PURE__ */ jsx(SetTimeToNowButton, {})
         ]
       }
     ),

package/esm/forms/calendar/CalendarRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/CalendarRoot.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type Ref,\n} from 'react';\n\nimport { CalendarHeader } from './calendar-header/CalendarHeader.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useCalendarStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useFormFieldValidation } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\nimport * as styles from './Calendar.sty.js';\nimport type {\n  CalendarStrictValueType,\n  CalendarValueType,\n} from './Calendar.types.js';\nimport { CalendarContext } from './contexts/CalendarContext.js';\nimport { UseCalendarProps, useCalendar } from './hooks/useCalendar.js';\nimport { useCalendarNavigation } from './hooks/useCalendarNavigation.js';\nimport type { CalendarViewType } from './types/shared-types.js';\nimport { SelectDayView } from './views/SelectDayView.js';\nimport { SelectMonthView } from './views/SelectMonthView.js';\nimport { SelectYearView } from './views/SelectYearView.js';\nimport { isFullTimeframe, isTimeValue } from '../../core/time/helpers.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\n\nconst COMPONENT_NAME = 'Calendar';\n\n//#region types\n/**\n * @internal\n */\nexport type CalendarType = 'single' | 'range';\n\n/** @internal */\nexport type CalendarProps<Type extends CalendarType> = FormControlProps<\n  CalendarValueType<Type>,\n  (date: CalendarStrictValueType<Type>) => void\n> &\n  StylingProps &\n  MaskingProps &\n  DataTestId & {\n    /** The earliest selectable date. It will always consider the start of the day as time. */\n    min?: string;\n    /** The latest selectable date. It will always consider the end of the day as time. */\n    max?: string;\n    /** Determines the calendar type. Single allows the selection of one date and range allows a range selection with a from and to value.\n     * @defaultValue 'single'\n     */\n    type?: Type;\n    /**\n     * The precision of the time shown in the display value.\n     * @defaultValue 'minutes'\n     */\n    precision?: 'minutes' | 'seconds' | 'milliseconds';\n  };\n//#endregion\n\n/** Render the correct view depending on the currentView state. */\nfunction renderView(view: CalendarViewType) {\n  switch (view) {\n    case 'month':\n      return <SelectMonthView />;\n    case 'year':\n      return <SelectYearView />;\n    default:\n      return <SelectDayView />;\n  }\n}\n\nfunction CalendarComponent<Type extends CalendarType = 'single'>(\n  props: Omit<CalendarProps<Type>, 'value' | 'defaultValue' | 'onChange'>,\n  forwardedRef: Ref<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >,\n) {\n  const {\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    id,\n    disabled,\n    'aria-disabled': ariaDisabled,\n    required,\n    name,\n    readOnly = false,\n    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n    // @ts-ignore Strict mode transition - needs to be investigated\n    type = 'single',\n    'aria-label': ariaLabelProp,\n    'aria-labelledby': ariaLabelledByProp,\n    'aria-describedby': ariaDescribedByProp,\n    'aria-details': ariaDetailsProp,\n    ...remainingProps\n  } = props;\n\n  const calendarValue = useCalendarStore((state) => state.calendarValue);\n  const min = useCalendarStore((state) => state.min);\n  const max = useCalendarStore((state) => state.max);\n  const error = useCalendarStore((state) => state.calendarError);\n  const precision = useCalendarStore((state) => state.precision);\n\n  // Imperative Handle Construction\n  const calendarRef = useRef<HTMLDivElement>(null);\n  const ref = useRef<HTMLInputElement>(null);\n  const refTo = useRef<HTMLInputElement>(null);\n\n  const { uniqueId, state, dispatch } = useCalendar<Type>({\n    type,\n  } as UseCalendarProps<Type>);\n\n  useCalendarNavigation({\n    calendarRef,\n    view: state.currentView,\n    dispatch,\n  });\n\n  const { dispatch: formMessageDispatch } = useFormFieldMessagesContext();\n\n  const refValidate = useCallback(() => {\n    formMessageDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n\n    validate(calendarValue, min, max, {\n      formMessageDispatch,\n      formerError: error,\n      precision,\n      showError: true,\n      checkOrder: false,\n      ref,\n      errorMessages: CALENDAR_ERROR_MESSAGES,\n    });\n  }, [min, max, formMessageDispatch, error, precision, ref, calendarValue]);\n\n  useImperativeHandle(\n    forwardedRef,\n    ():\n      | FormControlRef<HTMLDivElement>\n      | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n          Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>) => {\n      if (type === 'single') {\n        return {\n          element: calendarRef.current,\n          inputRef: ref.current,\n          validate: refValidate,\n        };\n      }\n\n      return {\n        element: calendarRef.current,\n        inputRef: {\n          from: ref?.current,\n          to: refTo?.current,\n        },\n        validate: refValidate,\n      };\n    },\n    [refValidate, type],\n  );\n\n  const {\n    ariaProps,\n    onChange: validationOnChange,\n    onBlur,\n    onInvalid,\n  } = useFormFieldValidation(\n    ref,\n    {},\n    {\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-details': ariaDetailsProp,\n    },\n  );\n\n  const labelRef = useRef<string>(`calendar-body-label-${uniqueId}`);\n\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const getNativeProps = (suffix = '') => ({\n    readOnly: readOnly,\n    required,\n    disabled,\n    'aria-disabled': ariaDisabled,\n    name: name && `${name}${suffix}`,\n    id,\n  });\n\n  const calenderContextValue = useMemo(\n    () => ({ state, dispatch, readOnly }),\n    [state, dispatch, readOnly],\n  );\n\n  return (\n    <CalendarContext.Provider value={calenderContextValue}>\n      <div\n        className={clsx(styles.calendar({ readOnly }), consumerClassName, {\n          [styles.disabled]: disabledOrAriaDisabled,\n        })}\n        data-testid={dataTestId}\n        ref={calendarRef}\n        style={consumerStyle}\n        {...remainingProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <CalendarHeader view={state.currentView} labelId={labelRef.current} />\n        <div aria-labelledby={labelRef.current}>\n          <table\n            role=\"grid\"\n            className={styles.body({\n              isReadOnly: !!readOnly,\n            })}\n          >\n            {renderView(state.currentView)}\n          </table>\n        </div>\n      </div>\n      <VisuallyHidden>\n        {isTimeValue(calendarValue) ? (\n          <input\n            onChange={validationOnChange}\n            onBlur={onBlur}\n            onInvalid={onInvalid}\n            {...ariaProps}\n            {...getNativeProps()}\n            ref={ref}\n            value={calendarValue?.absoluteDate ?? ''}\n            tabIndex={-1}\n          />\n        ) : (\n          <>\n            <input\n              onChange={validationOnChange}\n              onBlur={onBlur}\n              onInvalid={onInvalid}\n              {...ariaProps}\n              {...getNativeProps('-from')}\n              ref={ref}\n              // Only set if a complete timeframe is available to rely on the browser validation for required.\n              value={\n                isFullTimeframe(calendarValue) && calendarValue?.from?.value\n                  ? calendarValue.from.value\n                  : ''\n              }\n              tabIndex={-1}\n            />\n            {/* This input is ONLY used for form submission and not for validation. */}\n            <input\n              {...getNativeProps('-to')}\n              ref={refTo}\n              value={calendarValue?.to?.value ?? ''}\n              id={`${id}-to`}\n              type=\"hidden\"\n            />\n          </>\n        )}\n      </VisuallyHidden>\n    </CalendarContext.Provider>\n  );\n}\n\nCalendarComponent['displayName'] = COMPONENT_NAME;\n\n/**\n * Calendar component\n * Renders the calendar header and body depending on the current view\n * @internal\n */\nexport const CalendarRoot = forwardRef(CalendarComponent);\n"],
-  "mappings": "AAyEa,SA6KH,UA7KG,KA0IP,YA1IO;AAzEb,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AAEzB,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,+BAA+B;AAExC,YAAY,YAAY;AAKxB,SAAS,uBAAuB;AAChC,SAA2B,mBAAmB;AAC9C,SAAS,6BAA6B;AAEtC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB,mBAAmB;AAK7C,MAAM,iBAAiB;AAiCvB,SAAS,WAAW,MAAwB;AAC1C,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO,oBAAC,mBAAgB;AAAA,IAC1B,KAAK;AACH,aAAO,oBAAC,kBAAe;AAAA,IACzB;AACE,aAAO,oBAAC,iBAAc;AAAA,EAC1B;AACF;AAEA,SAAS,kBACP,OACA,cAKA;AACA,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,WAAW;AAAA;AAAA;AAAA,IAGX,OAAO;AAAA,IACP,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,gBAAgB,iBAAiB,CAACA,WAAUA,OAAM,aAAa;AACrE,QAAM,MAAM,iBAAiB,CAACA,WAAUA,OAAM,GAAG;AACjD,QAAM,MAAM,iBAAiB,CAACA,WAAUA,OAAM,GAAG;AACjD,QAAM,QAAQ,iBAAiB,CAACA,WAAUA,OAAM,aAAa;AAC7D,QAAM,YAAY,iBAAiB,CAACA,WAAUA,OAAM,SAAS;AAG7D,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,MAAM,OAAyB,IAAI;AACzC,QAAM,QAAQ,OAAyB,IAAI;AAE3C,QAAM,EAAE,UAAU,OAAO,SAAS,IAAI,YAAkB;AAAA,IACtD;AAAA,EACF,CAA2B;AAE3B,wBAAsB;AAAA,IACpB;AAAA,IACA,MAAM,MAAM;AAAA,IACZ;AAAA,EACF,CAAC;AAED,QAAM,EAAE,UAAU,oBAAoB,IAAI,4BAA4B;AAEtE,QAAM,cAAc,YAAY,MAAM;AACpC,0BAAsB;AAAA,MACpB,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,IAC7B,CAAC;AAED,aAAS,eAAe,KAAK,KAAK;AAAA,MAChC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA,WAAW;AAAA,MACX,YAAY;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,IACjB,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,KAAK,qBAAqB,OAAO,WAAW,KAAK,aAAa,CAAC;AAExE;AAAA,IACE;AAAA,IACA,MAG+D;AAC7D,UAAI,SAAS,UAAU;AACrB,eAAO;AAAA,UACL,SAAS,YAAY;AAAA,UACrB,UAAU,IAAI;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,MACF;AAEA,aAAO;AAAA,QACL,SAAS,YAAY;AAAA,QACrB,UAAU;AAAA,UACR,MAAM,KAAK;AAAA,UACX,IAAI,OAAO;AAAA,QACb;AAAA,QACA,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC,aAAa,IAAI;AAAA,EACpB;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA,CAAC;AAAA,IACD;AAAA,MACE,cAAc;AAAA,MACd,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,WAAW,OAAe,uBAAuB,QAAQ,EAAE;AAEjE,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,QAAM,iBAAiB,CAAC,SAAS,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,uBAAuB;AAAA,IAC3B,OAAO,EAAE,OAAO,UAAU,SAAS;AAAA,IACnC,CAAC,OAAO,UAAU,QAAQ;AAAA,EAC5B;AAEA,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OAAO,sBAC/B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,OAAO,SAAS,EAAE,SAAS,CAAC,GAAG,mBAAmB;AAAA,UAChE,CAAC,OAAO,QAAQ,GAAG;AAAA,QACrB,CAAC;AAAA,QACD,eAAa;AAAA,QACb,KAAK;AAAA,QACL,OAAO;AAAA,QACN,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAEnB;AAAA,8BAAC,kBAAe,MAAM,MAAM,aAAa,SAAS,SAAS,SAAS;AAAA,UACpE,oBAAC,SAAI,mBAAiB,SAAS,SAC7B;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAW,OAAO,KAAK;AAAA,gBACrB,YAAY,CAAC,CAAC;AAAA,cAChB,CAAC;AAAA,cAEA,qBAAW,MAAM,WAAW;AAAA;AAAA,UAC/B,GACF;AAAA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,kBACE,sBAAY,aAAa,IACxB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG,eAAe;AAAA,QACnB;AAAA,QACA,OAAO,eAAe,gBAAgB;AAAA,QACtC,UAAU;AAAA;AAAA,IACZ,IAEA,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UACH,GAAG,eAAe,OAAO;AAAA,UAC1B;AAAA,UAEA,OACE,gBAAgB,aAAa,KAAK,eAAe,MAAM,QACnD,cAAc,KAAK,QACnB;AAAA,UAEN,UAAU;AAAA;AAAA,MACZ;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,eAAe,KAAK;AAAA,UACxB,KAAK;AAAA,UACL,OAAO,eAAe,IAAI,SAAS;AAAA,UACnC,IAAI,GAAG,EAAE;AAAA,UACT,MAAK;AAAA;AAAA,MACP;AAAA,OACF,GAEJ;AAAA,KACF;AAEJ;AAEA,kBAAkB,aAAa,IAAI;AAO5B,MAAM,eAAe,WAAW,iBAAiB;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type Ref,\n} from 'react';\n\nimport { CalendarHeader } from './calendar-header/CalendarHeader.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useCalendarStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useFormFieldValidation } from '../forms-core/hooks/useFormFieldValidation.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\nimport * as styles from './Calendar.sty.js';\nimport type {\n  CalendarStrictValueType,\n  CalendarValueType,\n} from './Calendar.types.js';\nimport { SetTimeToNowButton } from './components/SetTimeToNowButton.js';\nimport { CalendarContext } from './contexts/CalendarContext.js';\nimport { UseCalendarProps, useCalendar } from './hooks/useCalendar.js';\nimport { useCalendarNavigation } from './hooks/useCalendarNavigation.js';\nimport type { CalendarViewType } from './types/shared-types.js';\nimport { SelectDayView } from './views/SelectDayView.js';\nimport { SelectMonthView } from './views/SelectMonthView.js';\nimport { SelectYearView } from './views/SelectYearView.js';\nimport { isFullTimeframe, isTimeValue } from '../../core/time/helpers.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\n\nconst COMPONENT_NAME = 'Calendar';\n\n//#region types\n/**\n * @internal\n */\nexport type CalendarType = 'single' | 'range';\n\n/** @internal */\nexport type CalendarProps<Type extends CalendarType> = FormControlProps<\n  CalendarValueType<Type>,\n  (date: CalendarStrictValueType<Type>) => void\n> &\n  StylingProps &\n  MaskingProps &\n  DataTestId & {\n    /** The earliest selectable date. It will always consider the start of the day as time. */\n    min?: string;\n    /** The latest selectable date. It will always consider the end of the day as time. */\n    max?: string;\n    /** Determines the calendar type. Single allows the selection of one date and range allows a range selection with a from and to value.\n     * @defaultValue 'single'\n     */\n    type?: Type;\n    /**\n     * The precision of the time shown in the display value.\n     * @defaultValue 'minutes'\n     */\n    precision?: 'minutes' | 'seconds' | 'milliseconds';\n  };\n//#endregion\n\n/** Render the correct view depending on the currentView state. */\nfunction renderView(view: CalendarViewType) {\n  switch (view) {\n    case 'month':\n      return <SelectMonthView />;\n    case 'year':\n      return <SelectYearView />;\n    default:\n      return <SelectDayView />;\n  }\n}\n\nfunction CalendarComponent<Type extends CalendarType = 'single'>(\n  props: Omit<CalendarProps<Type>, 'value' | 'defaultValue' | 'onChange'>,\n  forwardedRef: Ref<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >,\n) {\n  const {\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    id,\n    disabled,\n    'aria-disabled': ariaDisabled,\n    required,\n    name,\n    readOnly = false,\n    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n    // @ts-ignore Strict mode transition - needs to be investigated\n    type = 'single',\n    'aria-label': ariaLabelProp,\n    'aria-labelledby': ariaLabelledByProp,\n    'aria-describedby': ariaDescribedByProp,\n    'aria-details': ariaDetailsProp,\n    ...remainingProps\n  } = props;\n\n  const calendarValue = useCalendarStore((state) => state.calendarValue);\n  const min = useCalendarStore((state) => state.min);\n  const max = useCalendarStore((state) => state.max);\n  const error = useCalendarStore((state) => state.calendarError);\n  const precision = useCalendarStore((state) => state.precision);\n\n  // Imperative Handle Construction\n  const calendarRef = useRef<HTMLDivElement>(null);\n  const ref = useRef<HTMLInputElement>(null);\n  const refTo = useRef<HTMLInputElement>(null);\n\n  const { uniqueId, state, dispatch } = useCalendar<Type>({\n    type,\n  } as UseCalendarProps<Type>);\n\n  useCalendarNavigation({\n    calendarRef,\n    view: state.currentView,\n    dispatch,\n  });\n\n  const { dispatch: formMessageDispatch } = useFormFieldMessagesContext();\n\n  const refValidate = useCallback(() => {\n    formMessageDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n\n    validate(calendarValue, min, max, {\n      formMessageDispatch,\n      formerError: error,\n      precision,\n      showError: true,\n      checkOrder: false,\n      ref,\n      errorMessages: CALENDAR_ERROR_MESSAGES,\n    });\n  }, [min, max, formMessageDispatch, error, precision, ref, calendarValue]);\n\n  useImperativeHandle(\n    forwardedRef,\n    ():\n      | FormControlRef<HTMLDivElement>\n      | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n          Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>) => {\n      if (type === 'single') {\n        return {\n          element: calendarRef.current,\n          inputRef: ref.current,\n          validate: refValidate,\n        };\n      }\n\n      return {\n        element: calendarRef.current,\n        inputRef: {\n          from: ref?.current,\n          to: refTo?.current,\n        },\n        validate: refValidate,\n      };\n    },\n    [refValidate, type],\n  );\n\n  const {\n    ariaProps,\n    onChange: validationOnChange,\n    onBlur,\n    onInvalid,\n  } = useFormFieldValidation(\n    ref,\n    {},\n    {\n      'aria-label': ariaLabelProp,\n      'aria-labelledby': ariaLabelledByProp,\n      'aria-describedby': ariaDescribedByProp,\n      'aria-details': ariaDetailsProp,\n    },\n  );\n\n  const labelRef = useRef<string>(`calendar-body-label-${uniqueId}`);\n\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const getNativeProps = (suffix = '') => ({\n    readOnly: readOnly,\n    required,\n    disabled,\n    'aria-disabled': ariaDisabled,\n    name: name && `${name}${suffix}`,\n    id,\n  });\n\n  const calenderContextValue = useMemo(\n    () => ({ state, dispatch, readOnly }),\n    [state, dispatch, readOnly],\n  );\n\n  return (\n    <CalendarContext.Provider value={calenderContextValue}>\n      <div\n        className={clsx(styles.calendar({ readOnly }), consumerClassName, {\n          [styles.disabled]: disabledOrAriaDisabled,\n        })}\n        data-testid={dataTestId}\n        ref={calendarRef}\n        style={consumerStyle}\n        {...remainingProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <CalendarHeader view={state.currentView} labelId={labelRef.current} />\n        <div aria-labelledby={labelRef.current}>\n          <table\n            role=\"grid\"\n            className={styles.body({\n              isReadOnly: !!readOnly,\n            })}\n          >\n            {renderView(state.currentView)}\n          </table>\n        </div>\n        {type === 'range' && <SetTimeToNowButton />}\n      </div>\n      <VisuallyHidden>\n        {isTimeValue(calendarValue) ? (\n          <input\n            onChange={validationOnChange}\n            onBlur={onBlur}\n            onInvalid={onInvalid}\n            {...ariaProps}\n            {...getNativeProps()}\n            ref={ref}\n            value={calendarValue?.absoluteDate ?? ''}\n            tabIndex={-1}\n          />\n        ) : (\n          <>\n            <input\n              onChange={validationOnChange}\n              onBlur={onBlur}\n              onInvalid={onInvalid}\n              {...ariaProps}\n              {...getNativeProps('-from')}\n              ref={ref}\n              // Only set if a complete timeframe is available to rely on the browser validation for required.\n              value={\n                isFullTimeframe(calendarValue) && calendarValue?.from?.value\n                  ? calendarValue.from.value\n                  : ''\n              }\n              tabIndex={-1}\n            />\n            {/* This input is ONLY used for form submission and not for validation. */}\n            <input\n              {...getNativeProps('-to')}\n              ref={refTo}\n              value={calendarValue?.to?.value ?? ''}\n              id={`${id}-to`}\n              type=\"hidden\"\n            />\n          </>\n        )}\n      </VisuallyHidden>\n    </CalendarContext.Provider>\n  );\n}\n\nCalendarComponent['displayName'] = COMPONENT_NAME;\n\n/**\n * Calendar component\n * Renders the calendar header and body depending on the current view\n * @internal\n */\nexport const CalendarRoot = forwardRef(CalendarComponent);\n"],
+  "mappings": "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",
   "names": ["state"]
 }

package/esm/forms/calendar/components/CalendarItem.css

@@ -1,7 +1,7 @@
-._1basjc0-3-5-2 {
+._1basjc0-3-7-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1basjc1-3-5-2::after,._1basjc1-3-5-2::before {
+._1basjc1-3-7-0::after,._1basjc1-3-7-0::before {
   content: "";
   position: absolute;
   width: 4px;
@@ -11,11 +11,11 @@
   left: 50%;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._1basjc1-3-5-2::before {
+._1basjc1-3-7-0::before {
   transform: translate(-50%, 50%) scale(2);
   background: var(--dt-colors-background-surface-default, #fff);
 }
-._1basjc2-3-5-2 {
+._1basjc2-3-7-0 {
   padding-left: var(--dt-spacings-size-0, 0);
   padding-right: var(--dt-spacings-size-0, 0);
   margin: var(--dt-spacings-size-0, 0);
@@ -23,9 +23,9 @@
   position: relative;
   z-index: 0;
 }
-._1basjc2-3-5-2::after {
-  background: var(--_1jljrbf1-3-5-2);
+._1basjc2-3-7-0::after {
+  background: var(--_1jljrbf1-3-7-0);
 }
-._1basjc3-3-5-2 {
+._1basjc3-3-7-0 {
   flex-grow: 1;
 }

package/esm/forms/calendar/components/CalendarItem.sty.js

@@ -1,8 +1,8 @@
 import "./CalendarItem.css";
-var calendarButton = "_1basjc2-3-5-2";
-var currentIndicator = "_1basjc1-3-5-2";
-var headerButton = "_1basjc3-3-5-2";
-var outOfScopeDay = "_1basjc0-3-5-2";
+var calendarButton = "_1basjc2-3-7-0";
+var currentIndicator = "_1basjc1-3-7-0";
+var headerButton = "_1basjc3-3-7-0";
+var outOfScopeDay = "_1basjc0-3-7-0";
 export {
   calendarButton,
   currentIndicator,

package/esm/forms/calendar/components/CalendarItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/calendar/components/CalendarItem.css.ts"],
-  "sourcesContent": ["import './CalendarItem.css';\nexport var calendarButton = '_1basjc2-3-5-2';\nexport var currentIndicator = '_1basjc1-3-5-2';\nexport var headerButton = '_1basjc3-3-5-2';\nexport var outOfScopeDay = '_1basjc0-3-5-2';"],
+  "sourcesContent": ["import './CalendarItem.css';\nexport var calendarButton = '_1basjc2-3-7-0';\nexport var currentIndicator = '_1basjc1-3-7-0';\nexport var headerButton = '_1basjc3-3-7-0';\nexport var outOfScopeDay = '_1basjc0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,mBAAmB;AACvB,IAAI,eAAe;AACnB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/forms/calendar/components/CalendarOutlineIcon.css

@@ -1,24 +1,24 @@
-._1uazq660-3-5-2 {
+._1uazq660-3-7-0 {
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   overflow: visible;
-  fill: var(--_1jljrbf1-3-5-2);
+  fill: var(--_1jljrbf1-3-7-0);
 }
-._1uazq661-3-5-2 {
-  fill: var(--_1jljrbf1-3-5-2);
+._1uazq661-3-7-0 {
+  fill: var(--_1jljrbf1-3-7-0);
 }
-._1uazq662-3-5-2 {
+._1uazq662-3-7-0 {
   fill: var(--dt-colors-background-surface-default, #fff);
 }
-._1uazq663-3-5-2 {
-  fill: var(--_1jljrbf0-3-5-2);
+._1uazq663-3-7-0 {
+  fill: var(--_1jljrbf0-3-7-0);
   transition-timing-function: var(--dt-animations-fade-out-easing, cubic-bezier(0, 0, 0.2, 1));
   transition-duration: var(--dt-animations-fade-out-duration-base, 250ms);
   opacity: 0;
   transition-property: opacity;
 }
-._1uazq664-3-5-2 {
+._1uazq664-3-7-0 {
   opacity: 1;
 }