@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/forms/calendar/Calendar.css

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

package/esm/forms/calendar/Calendar.js

@@ -68,7 +68,7 @@ function useSyncPropsAndState(store, memoedValue, isControlled, type, precision,
       });
     },
     // calendarRef is a stable ref — no need to include it in deps
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [
       formFieldMessageDispatch,
       isControlled,
@@ -109,7 +109,7 @@ function RefAwareCalendar(props, forwardedRef) {
     readOnly: propReadOnly,
     id: propId,
     "aria-disabled": propAriaDisabled,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
     controlState,
     precision = "minutes",
     type = "single",
@@ -125,7 +125,7 @@ function RefAwareCalendar(props, forwardedRef) {
   const memoedDefaultValue = useMemo(
     () => convertToCalendarStructure(type, propDefaultValue, min, max, precision),
     /** We're ignoring updates to defaultValue as it only considers the initial state. */
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   const calendarRef = useRef(null);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/Calendar.tsx"],
-  "sourcesContent": ["import {\n  type Dispatch,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type Ref,\n} from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport type { CalendarProps } from './Calendar.types.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { CalendarRoot } from './CalendarRoot.js';\nimport type { CalendarType } from './types/calendarConfiguration.js';\nimport {\n  convertToCalendarStructure,\n  getTimeOffsetFromInitialValue,\n} from './utils/helpers.js';\nimport { useCallbackRef } from '../../core/hooks/useCallbackRef.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { isFullTimeframe } from '../../core/time/helpers.js';\nimport type { Precision } from '../../core/time/shared.types.js';\nimport { getCalendarActions } from '../../core/time/timeframeStore/actions/calendar.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStoreActions,\n} from '../../core/time/timeframeStore/calendar.types.js';\nimport { createTimeframeStore } from '../../core/time/timeframeStore/createTimeframeStore.js';\nimport { CalendarStoreProvider } from '../../core/time/timeframeStore/timeframeStoreProvider.js';\nimport { useMinMax, useMinMaxStoreSync } from '../../core/time/useMinMax.js';\nimport { validate } from '../../core/time/validation.js';\nimport { type TimeValue } from '../../core/types/time.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useMinMaxLogger } from '../forms-core/hooks/useMinMaxLogger.js';\nimport type { FormFieldMessagesReducerAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\n\ntype CalendarStore = StoreApi<\n  CalendarTimeframeState & CalendarTimeframeStoreActions\n>;\n\n/**\n * Extracts the prop-to-store syncing effects into a dedicated hook so the\n * component body stays focused on wiring rather than implementation details.\n *\n * According to the zustand maintainer, the recommended way to keep a zustand\n * store in sync with React props is via useEffect.\n * see https://github.com/pmndrs/zustand/discussions/1390#discussion-4505803\n */\nfunction useSyncPropsAndState(\n  store: CalendarStore,\n  memoedValue: CalendarTimeframeState['calendarValue'],\n  isControlled: boolean,\n  type: CalendarType,\n  precision: Exclude<Precision, 'day'>,\n  min: TimeValue | null,\n  max: TimeValue | null,\n  formFieldMessageDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  calendarRef: CalendarTimeframeState['calendarRef'],\n) {\n  const valueMode = type === 'single' ? 'single' : 'timeframeSelector';\n  // Sync the controlled value into the store whenever it changes.\n  useEffect(\n    () => {\n      isControlled &&\n        store.setState((state) => {\n          const error = validate(memoedValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessageDispatch,\n            formerError: state.calendarError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: calendarRef,\n            valueMode,\n            errorMessages: CALENDAR_ERROR_MESSAGES,\n          });\n\n          const timeOffset = getTimeOffsetFromInitialValue(\n            memoedValue,\n            type,\n            min,\n            max,\n            precision,\n          );\n\n          const valueWithPrecision = convertToCalendarStructure(\n            type,\n            memoedValue,\n            min,\n            max,\n            precision,\n          );\n\n          if (type === 'single') {\n            return {\n              calendarValue: valueWithPrecision,\n              calendarError: error,\n              timeOffset,\n            };\n          }\n\n          const value = isFullTimeframe(valueWithPrecision)\n            ? valueWithPrecision\n            : null;\n\n          return {\n            calendarValue: value,\n            calendarError: error,\n            timeOffset,\n          };\n        });\n    },\n    // calendarRef is a stable ref \u2014 no need to include it in deps\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      formFieldMessageDispatch,\n      isControlled,\n      memoedValue,\n      store,\n      min,\n      max,\n      precision,\n      type,\n    ],\n  );\n\n  // Sync precision, type, min, and max into the store whenever they change.\n  useEffect(() => {\n    store.setState((state) => {\n      const value = convertToCalendarStructure(\n        type,\n        state.calendarValue,\n        min,\n        max,\n        precision,\n      );\n\n      return {\n        ...state,\n        precision,\n        calendarValue: value,\n      };\n    });\n  }, [precision, store, min, max, type]);\n}\n\nfunction RefAwareCalendar<Type extends CalendarType = 'single'>(\n  props: CalendarProps<Type>,\n  forwardedRef: Ref<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >,\n) {\n  const {\n    value: propValue,\n    defaultValue: propDefaultValue,\n    onChange,\n    min: propMin,\n    max: propMax,\n    disabled: propDisabled,\n    required: propRequired,\n    readOnly: propReadOnly,\n    id: propId,\n    'aria-disabled': propAriaDisabled,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n    controlState,\n    precision = 'minutes',\n    type = 'single',\n    ...remainingProps\n  } = props;\n\n  const [isControlled] = useState(propValue !== undefined);\n  const onChangeProp = useCallbackRef(onChange);\n\n  // Keep min and max updated at midnight\n  const { min, max } = useMinMax(propMin, propMax);\n  useMinMaxLogger(min, max, 'Calendar');\n\n  const memoedValue = useMemo(() => {\n    return convertToCalendarStructure(type, propValue, min, max, precision);\n  }, [precision, propValue, min, max, type]);\n  const memoedDefaultValue = useMemo(\n    () =>\n      convertToCalendarStructure(type, propDefaultValue, min, max, precision),\n    /** We're ignoring updates to defaultValue as it only considers the initial state. */\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const calendarRef = useRef<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >(null);\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    messageDispatch: formFieldMessageDispatch,\n  } = useFormControl({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled,\n    propReadOnly,\n    controlState,\n  });\n\n  const [store] = useState(() => {\n    const value = isControlled ? memoedValue : memoedDefaultValue;\n\n    const error = validate(value, min, max, {\n      formMessageDispatch: formFieldMessageDispatch,\n      precision,\n      showError: false,\n      checkOrder: true,\n      ref: calendarRef,\n      valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n      required: required,\n      errorMessages: CALENDAR_ERROR_MESSAGES,\n    });\n    const timeOffset = getTimeOffsetFromInitialValue(\n      value,\n      type,\n      min,\n      max,\n      precision,\n    );\n\n    const initialState = {\n      calendarValue: value,\n      min,\n      max,\n      precision,\n      isFullDay: false,\n      calendarRef,\n      required,\n      calendarError: error,\n      timeOffset,\n    };\n\n    const actions = getCalendarActions<Type>(\n      isControlled,\n      type,\n      formFieldMessageDispatch,\n      onChangeProp,\n    );\n    return createTimeframeStore<\n      CalendarTimeframeState,\n      CalendarTimeframeStoreActions\n    >(initialState, actions);\n  });\n\n  useSyncPropsAndState(\n    store,\n    memoedValue,\n    isControlled,\n    type,\n    precision,\n    min,\n    max,\n    formFieldMessageDispatch,\n    calendarRef,\n  );\n\n  // Keep min and max updated at midnight\n  useMinMaxStoreSync(\n    store,\n    min,\n    max,\n    useCallback(\n      (\n        state: CalendarTimeframeState,\n        min: TimeValue | null,\n        max: TimeValue | null,\n      ) => ({\n        calendarError: validate(state.calendarValue, min, max, {\n          formMessageDispatch: formFieldMessageDispatch,\n          precision,\n          showError: false,\n          checkOrder: true,\n          ref: calendarRef,\n          valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n          required: required,\n          errorMessages: CALENDAR_ERROR_MESSAGES,\n        }),\n      }),\n      [formFieldMessageDispatch],\n    ),\n  );\n\n  const mergedRef = useMergeRefs([calendarRef, forwardedRef]);\n\n  return (\n    <CalendarStoreProvider store={store}>\n      <CalendarRoot\n        {...remainingProps}\n        id={id}\n        ref={mergedRef}\n        aria-disabled={ariaDisabled}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        type={type}\n      />\n    </CalendarStoreProvider>\n  );\n}\n\n/**\n * Calendar component\n * Renders the calendar header and body depending on the current view\n * @internal\n */\nexport const Calendar = forwardRef(RefAwareCalendar);\n"],
+  "sourcesContent": ["import {\n  type Dispatch,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type Ref,\n} from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport type { CalendarProps } from './Calendar.types.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { CalendarRoot } from './CalendarRoot.js';\nimport type { CalendarType } from './types/calendarConfiguration.js';\nimport {\n  convertToCalendarStructure,\n  getTimeOffsetFromInitialValue,\n} from './utils/helpers.js';\nimport { useCallbackRef } from '../../core/hooks/useCallbackRef.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { isFullTimeframe } from '../../core/time/helpers.js';\nimport type { Precision } from '../../core/time/shared.types.js';\nimport { getCalendarActions } from '../../core/time/timeframeStore/actions/calendar.js';\nimport type {\n  CalendarTimeframeState,\n  CalendarTimeframeStoreActions,\n} from '../../core/time/timeframeStore/calendar.types.js';\nimport { createTimeframeStore } from '../../core/time/timeframeStore/createTimeframeStore.js';\nimport { CalendarStoreProvider } from '../../core/time/timeframeStore/timeframeStoreProvider.js';\nimport { useMinMax, useMinMaxStoreSync } from '../../core/time/useMinMax.js';\nimport { validate } from '../../core/time/validation.js';\nimport { type TimeValue } from '../../core/types/time.js';\nimport { useFormControl } from '../forms-core/hooks/useFormControl.js';\nimport { useMinMaxLogger } from '../forms-core/hooks/useMinMaxLogger.js';\nimport type { FormFieldMessagesReducerAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\n\ntype CalendarStore = StoreApi<\n  CalendarTimeframeState & CalendarTimeframeStoreActions\n>;\n\n/**\n * Extracts the prop-to-store syncing effects into a dedicated hook so the\n * component body stays focused on wiring rather than implementation details.\n *\n * According to the zustand maintainer, the recommended way to keep a zustand\n * store in sync with React props is via useEffect.\n * see https://github.com/pmndrs/zustand/discussions/1390#discussion-4505803\n */\nfunction useSyncPropsAndState(\n  store: CalendarStore,\n  memoedValue: CalendarTimeframeState['calendarValue'],\n  isControlled: boolean,\n  type: CalendarType,\n  precision: Exclude<Precision, 'day'>,\n  min: TimeValue | null,\n  max: TimeValue | null,\n  formFieldMessageDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  calendarRef: CalendarTimeframeState['calendarRef'],\n) {\n  const valueMode = type === 'single' ? 'single' : 'timeframeSelector';\n  // Sync the controlled value into the store whenever it changes.\n  useEffect(\n    () => {\n      isControlled &&\n        store.setState((state) => {\n          const error = validate(memoedValue, state.min, state.max, {\n            formMessageDispatch: formFieldMessageDispatch,\n            formerError: state.calendarError,\n            precision: state.precision,\n            showError: false,\n            checkOrder: true,\n            ref: calendarRef,\n            valueMode,\n            errorMessages: CALENDAR_ERROR_MESSAGES,\n          });\n\n          const timeOffset = getTimeOffsetFromInitialValue(\n            memoedValue,\n            type,\n            min,\n            max,\n            precision,\n          );\n\n          const valueWithPrecision = convertToCalendarStructure(\n            type,\n            memoedValue,\n            min,\n            max,\n            precision,\n          );\n\n          if (type === 'single') {\n            return {\n              calendarValue: valueWithPrecision,\n              calendarError: error,\n              timeOffset,\n            };\n          }\n\n          const value = isFullTimeframe(valueWithPrecision)\n            ? valueWithPrecision\n            : null;\n\n          return {\n            calendarValue: value,\n            calendarError: error,\n            timeOffset,\n          };\n        });\n    },\n    // calendarRef is a stable ref \u2014 no need to include it in deps\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [\n      formFieldMessageDispatch,\n      isControlled,\n      memoedValue,\n      store,\n      min,\n      max,\n      precision,\n      type,\n    ],\n  );\n\n  // Sync precision, type, min, and max into the store whenever they change.\n  useEffect(() => {\n    store.setState((state) => {\n      const value = convertToCalendarStructure(\n        type,\n        state.calendarValue,\n        min,\n        max,\n        precision,\n      );\n\n      return {\n        ...state,\n        precision,\n        calendarValue: value,\n      };\n    });\n  }, [precision, store, min, max, type]);\n}\n\nfunction RefAwareCalendar<Type extends CalendarType = 'single'>(\n  props: CalendarProps<Type>,\n  forwardedRef: Ref<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >,\n) {\n  const {\n    value: propValue,\n    defaultValue: propDefaultValue,\n    onChange,\n    min: propMin,\n    max: propMax,\n    disabled: propDisabled,\n    required: propRequired,\n    readOnly: propReadOnly,\n    id: propId,\n    'aria-disabled': propAriaDisabled,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    precision = 'minutes',\n    type = 'single',\n    ...remainingProps\n  } = props;\n\n  const [isControlled] = useState(propValue !== undefined);\n  const onChangeProp = useCallbackRef(onChange);\n\n  // Keep min and max updated at midnight\n  const { min, max } = useMinMax(propMin, propMax);\n  useMinMaxLogger(min, max, 'Calendar');\n\n  const memoedValue = useMemo(() => {\n    return convertToCalendarStructure(type, propValue, min, max, precision);\n  }, [precision, propValue, min, max, type]);\n  const memoedDefaultValue = useMemo(\n    () =>\n      convertToCalendarStructure(type, propDefaultValue, min, max, precision),\n    /** We're ignoring updates to defaultValue as it only considers the initial state. */\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const calendarRef = useRef<\n    | FormControlRef<HTMLDivElement>\n    | (Omit<FormControlRef<HTMLDivElement>, 'inputRef'> &\n        Pick<TimeRangePickerRef<HTMLDivElement>, 'inputRef'>)\n  >(null);\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    messageDispatch: formFieldMessageDispatch,\n  } = useFormControl({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled,\n    propReadOnly,\n    controlState,\n  });\n\n  const [store] = useState(() => {\n    const value = isControlled ? memoedValue : memoedDefaultValue;\n\n    const error = validate(value, min, max, {\n      formMessageDispatch: formFieldMessageDispatch,\n      precision,\n      showError: false,\n      checkOrder: true,\n      ref: calendarRef,\n      valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n      required: required,\n      errorMessages: CALENDAR_ERROR_MESSAGES,\n    });\n    const timeOffset = getTimeOffsetFromInitialValue(\n      value,\n      type,\n      min,\n      max,\n      precision,\n    );\n\n    const initialState = {\n      calendarValue: value,\n      min,\n      max,\n      precision,\n      isFullDay: false,\n      calendarRef,\n      required,\n      calendarError: error,\n      timeOffset,\n    };\n\n    const actions = getCalendarActions<Type>(\n      isControlled,\n      type,\n      formFieldMessageDispatch,\n      onChangeProp,\n    );\n    return createTimeframeStore<\n      CalendarTimeframeState,\n      CalendarTimeframeStoreActions\n    >(initialState, actions);\n  });\n\n  useSyncPropsAndState(\n    store,\n    memoedValue,\n    isControlled,\n    type,\n    precision,\n    min,\n    max,\n    formFieldMessageDispatch,\n    calendarRef,\n  );\n\n  // Keep min and max updated at midnight\n  useMinMaxStoreSync(\n    store,\n    min,\n    max,\n    useCallback(\n      (\n        state: CalendarTimeframeState,\n        min: TimeValue | null,\n        max: TimeValue | null,\n      ) => ({\n        calendarError: validate(state.calendarValue, min, max, {\n          formMessageDispatch: formFieldMessageDispatch,\n          precision,\n          showError: false,\n          checkOrder: true,\n          ref: calendarRef,\n          valueMode: type === 'single' ? 'single' : 'timeframeSelector',\n          required: required,\n          errorMessages: CALENDAR_ERROR_MESSAGES,\n        }),\n      }),\n      [formFieldMessageDispatch],\n    ),\n  );\n\n  const mergedRef = useMergeRefs([calendarRef, forwardedRef]);\n\n  return (\n    <CalendarStoreProvider store={store}>\n      <CalendarRoot\n        {...remainingProps}\n        id={id}\n        ref={mergedRef}\n        aria-disabled={ariaDisabled}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        type={type}\n      />\n    </CalendarStoreProvider>\n  );\n}\n\n/**\n * Calendar component\n * Renders the calendar header and body depending on the current view\n * @internal\n */\nexport const Calendar = forwardRef(RefAwareCalendar);\n"],
   "mappings": "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",
   "names": ["min", "max"]
 }

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

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

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

package/esm/forms/calendar/CalendarRoot.js

@@ -57,8 +57,6 @@ function CalendarComponent(props, forwardedRef) {
     _form,
     _messageTarget,
     readOnly = false,
-    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
-    // @ts-ignore Strict mode transition - needs to be investigated
     type = "single",
     "aria-label": ariaLabelProp,
     "aria-labelledby": ariaLabelledByProp,
@@ -185,63 +183,59 @@ function CalendarComponent(props, forwardedRef) {
     resetValidation
   });
   formValidityChangeRef.current = formRegistration.onValidityChange;
-  useImperativeHandle(
-    forwardedRef,
-    () => {
-      if (type === "single") {
-        return {
-          element: calendarRef.current,
-          inputRef: ref.current,
-          validate() {
-            refValidate();
-            emitValidationState(
-              getI18nValidationState(intl, ref.current, "manual")
-            );
-          },
-          // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.
-          validateAsync: async () => {
-            refValidate();
-            return emitValidationState(
-              getI18nValidationState(intl, ref.current, "manual")
-            );
-          },
-          focus() {
-            headerRef.current?.focus();
-          }
-        };
-      }
+  useImperativeHandle(forwardedRef, () => {
+    if (type === "single") {
       return {
         element: calendarRef.current,
-        inputRef: { from: ref?.current, to: refTo?.current },
+        inputRef: ref.current,
         validate() {
           refValidate();
-          const fromState = getI18nValidationState(intl, ref.current, "manual");
-          if (fromState.errors.length > 0) {
-            emitValidationState(fromState);
-            return;
-          }
           emitValidationState(
-            getI18nValidationState(intl, refTo.current, "manual")
+            getI18nValidationState(intl, ref.current, "manual")
           );
         },
         // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.
         validateAsync: async () => {
           refValidate();
-          const fromState = getI18nValidationState(intl, ref.current, "manual");
-          if (fromState.errors.length > 0) {
-            return emitValidationState(fromState);
-          }
           return emitValidationState(
-            getI18nValidationState(intl, refTo.current, "manual")
+            getI18nValidationState(intl, ref.current, "manual")
           );
         },
         focus() {
           headerRef.current?.focus();
         }
       };
-    },
-    [refValidate, type, emitValidationState, intl]
-  );
+    }
+    return {
+      element: calendarRef.current,
+      inputRef: { from: ref?.current, to: refTo?.current },
+      validate() {
+        refValidate();
+        const fromState = getI18nValidationState(intl, ref.current, "manual");
+        if (fromState.errors.length > 0) {
+          emitValidationState(fromState);
+          return;
+        }
+        emitValidationState(
+          getI18nValidationState(intl, refTo.current, "manual")
+        );
+      },
+      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.
+      validateAsync: async () => {
+        refValidate();
+        const fromState = getI18nValidationState(intl, ref.current, "manual");
+        if (fromState.errors.length > 0) {
+          return emitValidationState(fromState);
+        }
+        return emitValidationState(
+          getI18nValidationState(intl, refTo.current, "manual")
+        );
+      },
+      focus() {
+        headerRef.current?.focus();
+      }
+    };
+  }, [refValidate, type, emitValidationState, intl]);
   const {
     ariaProps,
     onChange: validationOnChange,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/CalendarRoot.tsx"],
-  "sourcesContent": ["\uFEFFimport clsx from 'clsx';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type Ref,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CalendarHeader } from './calendar-header/CalendarHeader.js';\nimport * as styles from './Calendar.sty.js';\nimport type {\n  CalendarStrictValueType,\n  CalendarValueType,\n} from './Calendar.types.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport type { ValidateFieldOptions } from '../form/form.types.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\nimport { type ValidationState } from '../validation/types.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { SetTimeToNowButton } from './components/SetTimeToNowButton.js';\nimport { CalendarContext } from './contexts/CalendarContext.js';\nimport { UseCalendarProps, useCalendar } from './hooks/useCalendar.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../forms-core/hooks/useFormFieldValidation.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.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 { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { isFullTimeframe, isTimeValue } from '../../core/time/helpers.js';\nimport { useCalendarStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.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  HTMLDivElement\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    /**\n     * Internal: associates this control with a `_Form` rendered outside its\n     * React subtree via the native `form` attribute. Unstable.\n     * @internal\n     */\n    _form?: string;\n    /**\n     * Internal: routes this control's native/Strato validation messages to the\n     * field outlet (default), the enclosing form's outlet, or both. Unstable.\n     * @internal\n     */\n    _messageTarget?: MessageTarget | MessageTarget[];\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    _form,\n    _messageTarget,\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    onValidityChange,\n    onFocus,\n    onBlur,\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 intl = useIntl();\n  const calendarRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLButtonElement>(null);\n  const ref = useRef<HTMLInputElement>(null);\n  const refTo = useRef<HTMLInputElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getI18nValidationState(intl, ref.current, 'manual'),\n  );\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, state: formFieldMessagesState } =\n    useFormFieldMessagesContext();\n  const customMessagesRef = useRef(\n    formFieldMessagesState?.customMessages ?? [],\n  );\n  customMessagesRef.current = formFieldMessagesState?.customMessages ?? [];\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  const validateField = useCallback(\n    async ({\n      reveal,\n      trigger,\n    }: ValidateFieldOptions): Promise<ValidationState> => {\n      if (reveal) {\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\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      }\n      if (isTimeValue(calendarValue)) {\n        return emitValidationState(\n          getI18nValidationState(intl, ref.current, trigger),\n        );\n      }\n      const fromState = getI18nValidationState(intl, ref.current, trigger);\n      if (fromState.errors.length > 0) {\n        return emitValidationState(fromState);\n      }\n      return emitValidationState(\n        getI18nValidationState(intl, refTo.current, trigger),\n      );\n    },\n    [\n      formMessageDispatch,\n      calendarValue,\n      min,\n      max,\n      error,\n      precision,\n      emitValidationState,\n      intl,\n      ref,\n      refTo,\n    ],\n  );\n\n  const resetValidation = useCallback(() => {\n    formMessageDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: false },\n    });\n    for (const msg of customMessagesRef.current) {\n      formMessageDispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: msg.id, messageType: 'custom' },\n      });\n    }\n  }, [formMessageDispatch]);\n\n  const formRegistration = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    onValidityChange,\n    getValue: () => calendarValue,\n    focus: () => headerRef.current?.focus(),\n    validateField,\n    resetValidation,\n  });\n  formValidityChangeRef.current = formRegistration.onValidityChange;\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() {\n            refValidate();\n            emitValidationState(\n              getI18nValidationState(intl, ref.current, 'manual'),\n            );\n          },\n          // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n          validateAsync: async () => {\n            refValidate();\n            return emitValidationState(\n              getI18nValidationState(intl, ref.current, 'manual'),\n            );\n          },\n          focus() {\n            headerRef.current?.focus();\n          },\n        };\n      }\n\n      return {\n        element: calendarRef.current,\n        inputRef: { from: ref?.current, to: refTo?.current },\n        validate() {\n          refValidate();\n          const fromState = getI18nValidationState(intl, ref.current, 'manual');\n          if (fromState.errors.length > 0) {\n            emitValidationState(fromState);\n            return;\n          }\n          emitValidationState(\n            getI18nValidationState(intl, refTo.current, 'manual'),\n          );\n        },\n        // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n        validateAsync: async () => {\n          refValidate();\n          const fromState = getI18nValidationState(intl, ref.current, 'manual');\n          if (fromState.errors.length > 0) {\n            return emitValidationState(fromState);\n          }\n          return emitValidationState(\n            getI18nValidationState(intl, refTo.current, 'manual'),\n          );\n        },\n        focus() {\n          headerRef.current?.focus();\n        },\n      };\n    },\n    [refValidate, type, emitValidationState, intl],\n  );\n\n  const {\n    ariaProps,\n    onChange: validationOnChange,\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    undefined,\n    _emitValidationState,\n  );\n\n  useEffect(() => {\n    validationOnChange();\n  }, [calendarValue, validationOnChange]);\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    form: _form,\n  });\n\n  const calenderContextValue = useMemo(\n    () => ({ state, dispatch, readOnly }),\n    [state, dispatch, readOnly],\n  );\n\n  // CalendarRoot may be rendered without a FormField provider (e.g. inside DatePicker's\n  // popover). useContainerFocus calls useFormFieldMessagesContext internally; the\n  // dispatch is safely optional so SETISTOUCHED is a no-op when no context is present.\n  const { containerClassName, ...containerProps } =\n    useContainerFocus<HTMLDivElement>({\n      onFocus,\n      onBlur,\n      disabled,\n    });\n\n  return (\n    <CalendarContext.Provider value={calenderContextValue}>\n      <div\n        className={clsx(\n          containerClassName,\n          styles.calendar({ readOnly }),\n          consumerClassName,\n          {\n            [styles.disabled]: disabledOrAriaDisabled,\n          },\n        )}\n        role=\"group\"\n        data-testid={dataTestId}\n        ref={calendarRef}\n        style={consumerStyle}\n        {...remainingProps}\n        {...containerProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <CalendarHeader\n          ref={headerRef}\n          view={state.currentView}\n          labelId={labelRef.current}\n        />\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            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              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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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type Ref,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CalendarHeader } from './calendar-header/CalendarHeader.js';\nimport * as styles from './Calendar.sty.js';\nimport type {\n  CalendarStrictValueType,\n  CalendarValueType,\n} from './Calendar.types.js';\nimport { CALENDAR_ERROR_MESSAGES } from './calendarMessages.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport type { ValidateFieldOptions } from '../form/form.types.js';\nimport { useInternalFormRegistration } from '../form/hooks/useInternalFormRegistration.js';\nimport type { FormControlRef, TimeRangePickerRef } from '../shared-types.js';\nimport { type ValidationState } from '../validation/types.js';\nimport { useValidationStateEmitter } from '../validation/useValidationStateEmitter.js';\nimport { SetTimeToNowButton } from './components/SetTimeToNowButton.js';\nimport { CalendarContext } from './contexts/CalendarContext.js';\nimport { UseCalendarProps, useCalendar } from './hooks/useCalendar.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../forms-core/hooks/useFormFieldValidation.js';\nimport { useContainerFocus } from '../hooks/useContainerFocus.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 { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { isFullTimeframe, isTimeValue } from '../../core/time/helpers.js';\nimport { useCalendarStore } from '../../core/time/timeframeStore/useTimeframeStore.js';\nimport { validate } from '../../core/time/validation.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { MessageTarget } from '../validation/message-routing.js';\nimport { useCustomMessageEmitter } from '../validation/useCustomMessageEmitter.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  HTMLDivElement\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    /**\n     * Internal: associates this control with a `_Form` rendered outside its\n     * React subtree via the native `form` attribute. Unstable.\n     * @internal\n     */\n    _form?: string;\n    /**\n     * Internal: routes this control's native/Strato validation messages to the\n     * field outlet (default), the enclosing form's outlet, or both. Unstable.\n     * @internal\n     */\n    _messageTarget?: MessageTarget | MessageTarget[];\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    _form,\n    _messageTarget,\n    readOnly = false,\n    type = 'single',\n    'aria-label': ariaLabelProp,\n    'aria-labelledby': ariaLabelledByProp,\n    'aria-describedby': ariaDescribedByProp,\n    'aria-details': ariaDetailsProp,\n    onValidityChange,\n    onFocus,\n    onBlur,\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 intl = useIntl();\n  const calendarRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLButtonElement>(null);\n  const ref = useRef<HTMLInputElement>(null);\n  const refTo = useRef<HTMLInputElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getI18nValidationState(intl, ref.current, 'manual'),\n  );\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, state: formFieldMessagesState } =\n    useFormFieldMessagesContext();\n  const customMessagesRef = useRef(\n    formFieldMessagesState?.customMessages ?? [],\n  );\n  customMessagesRef.current = formFieldMessagesState?.customMessages ?? [];\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  const validateField = useCallback(\n    async ({\n      reveal,\n      trigger,\n    }: ValidateFieldOptions): Promise<ValidationState> => {\n      if (reveal) {\n        formMessageDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\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      }\n      if (isTimeValue(calendarValue)) {\n        return emitValidationState(\n          getI18nValidationState(intl, ref.current, trigger),\n        );\n      }\n      const fromState = getI18nValidationState(intl, ref.current, trigger);\n      if (fromState.errors.length > 0) {\n        return emitValidationState(fromState);\n      }\n      return emitValidationState(\n        getI18nValidationState(intl, refTo.current, trigger),\n      );\n    },\n    [\n      formMessageDispatch,\n      calendarValue,\n      min,\n      max,\n      error,\n      precision,\n      emitValidationState,\n      intl,\n      ref,\n      refTo,\n    ],\n  );\n\n  const resetValidation = useCallback(() => {\n    formMessageDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: false },\n    });\n    for (const msg of customMessagesRef.current) {\n      formMessageDispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: msg.id, messageType: 'custom' },\n      });\n    }\n  }, [formMessageDispatch]);\n\n  const formRegistration = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    onValidityChange,\n    getValue: () => calendarValue,\n    focus: () => headerRef.current?.focus(),\n    validateField,\n    resetValidation,\n  });\n  formValidityChangeRef.current = formRegistration.onValidityChange;\n\n  useImperativeHandle(forwardedRef, ():\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() {\n          refValidate();\n          emitValidationState(\n            getI18nValidationState(intl, ref.current, 'manual'),\n          );\n        },\n        // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n        validateAsync: async () => {\n          refValidate();\n          return emitValidationState(\n            getI18nValidationState(intl, ref.current, 'manual'),\n          );\n        },\n        focus() {\n          headerRef.current?.focus();\n        },\n      };\n    }\n\n    return {\n      element: calendarRef.current,\n      inputRef: { from: ref?.current, to: refTo?.current },\n      validate() {\n        refValidate();\n        const fromState = getI18nValidationState(intl, ref.current, 'manual');\n        if (fromState.errors.length > 0) {\n          emitValidationState(fromState);\n          return;\n        }\n        emitValidationState(\n          getI18nValidationState(intl, refTo.current, 'manual'),\n        );\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        refValidate();\n        const fromState = getI18nValidationState(intl, ref.current, 'manual');\n        if (fromState.errors.length > 0) {\n          return emitValidationState(fromState);\n        }\n        return emitValidationState(\n          getI18nValidationState(intl, refTo.current, 'manual'),\n        );\n      },\n      focus() {\n        headerRef.current?.focus();\n      },\n    };\n  }, [refValidate, type, emitValidationState, intl]);\n\n  const {\n    ariaProps,\n    onChange: validationOnChange,\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    undefined,\n    _emitValidationState,\n  );\n\n  useEffect(() => {\n    validationOnChange();\n  }, [calendarValue, validationOnChange]);\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    form: _form,\n  });\n\n  const calenderContextValue = useMemo(\n    () => ({ state, dispatch, readOnly }),\n    [state, dispatch, readOnly],\n  );\n\n  // CalendarRoot may be rendered without a FormField provider (e.g. inside DatePicker's\n  // popover). useContainerFocus calls useFormFieldMessagesContext internally; the\n  // dispatch is safely optional so SETISTOUCHED is a no-op when no context is present.\n  const { containerClassName, ...containerProps } =\n    useContainerFocus<HTMLDivElement>({\n      onFocus,\n      onBlur,\n      disabled,\n    });\n\n  return (\n    <CalendarContext.Provider value={calenderContextValue}>\n      <div\n        className={clsx(\n          containerClassName,\n          styles.calendar({ readOnly }),\n          consumerClassName,\n          {\n            [styles.disabled]: disabledOrAriaDisabled,\n          },\n        )}\n        role=\"group\"\n        data-testid={dataTestId}\n        ref={calendarRef}\n        style={consumerStyle}\n        {...remainingProps}\n        {...containerProps}\n        data-dt-component={COMPONENT_NAME}\n      >\n        <CalendarHeader\n          ref={headerRef}\n          view={state.currentView}\n          labelId={labelRef.current}\n        />\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            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              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": "AAoGa,SAqUH,UArUG,KAuRP,YAvRO;AApGb,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAC/B,YAAY,YAAY;AAKxB,SAAS,+BAA+B;AAIxC,SAAS,mCAAmC;AAG5C,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAA2B,mBAAmB;AAC9C,SAAS,mCAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAEtC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB,mBAAmB;AAC7C,SAAS,wBAAwB;AACjC,SAAS,gBAAgB;AAGzB,SAAS,+BAA+B;AAExC,SAAS,+BAA+B;AAExC,MAAM,iBAAiB;AA+CvB,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;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,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,OAAO,QAAQ;AACrB,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,YAAY,OAA0B,IAAI;AAChD,QAAM,MAAM,OAAyB,IAAI;AACzC,QAAM,QAAQ,OAAyB,IAAI;AAC3C,QAAM,wBAAwB,OAE5B,MAAS;AACX,QAAM,uBAAuB;AAAA,IAA0B,CAACA,WACtD,sBAAsB,UAAUA,MAAK;AAAA,EACvC;AACA,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA,MAAM,uBAAuB,MAAM,IAAI,SAAS,QAAQ;AAAA,EAC1D;AAEA,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,qBAAqB,OAAO,uBAAuB,IACnE,4BAA4B;AAC9B,QAAM,oBAAoB;AAAA,IACxB,wBAAwB,kBAAkB,CAAC;AAAA,EAC7C;AACA,oBAAkB,UAAU,wBAAwB,kBAAkB,CAAC;AAEvE,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,QAAM,gBAAgB;AAAA,IACpB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF,MAAsD;AACpD,UAAI,QAAQ;AACV,8BAAsB;AAAA,UACpB,MAAM,wBAAwB;AAAA,UAC9B,SAAS,EAAE,WAAW,KAAK;AAAA,QAC7B,CAAC;AACD,iBAAS,eAAe,KAAK,KAAK;AAAA,UAChC;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,UACZ;AAAA,UACA,eAAe;AAAA,QACjB,CAAC;AAAA,MACH;AACA,UAAI,YAAY,aAAa,GAAG;AAC9B,eAAO;AAAA,UACL,uBAAuB,MAAM,IAAI,SAAS,OAAO;AAAA,QACnD;AAAA,MACF;AACA,YAAM,YAAY,uBAAuB,MAAM,IAAI,SAAS,OAAO;AACnE,UAAI,UAAU,OAAO,SAAS,GAAG;AAC/B,eAAO,oBAAoB,SAAS;AAAA,MACtC;AACA,aAAO;AAAA,QACL,uBAAuB,MAAM,MAAM,SAAS,OAAO;AAAA,MACrD;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,YAAY,MAAM;AACxC,0BAAsB;AAAA,MACpB,MAAM,wBAAwB;AAAA,MAC9B,SAAS,EAAE,WAAW,MAAM;AAAA,IAC9B,CAAC;AACD,eAAW,OAAO,kBAAkB,SAAS;AAC3C,4BAAsB;AAAA,QACpB,MAAM,wBAAwB;AAAA,QAC9B,SAAS,EAAE,IAAI,IAAI,IAAI,aAAa,SAAS;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,mBAAmB,4BAA4B;AAAA,IACnD;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,eAAe;AAAA,IACf;AAAA,IACA,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM,UAAU,SAAS,MAAM;AAAA,IACtC;AAAA,IACA;AAAA,EACF,CAAC;AACD,wBAAsB,UAAU,iBAAiB;AAEjD,sBAAoB,cAAc,MAG6B;AAC7D,QAAI,SAAS,UAAU;AACrB,aAAO;AAAA,QACL,SAAS,YAAY;AAAA,QACrB,UAAU,IAAI;AAAA,QACd,WAAW;AACT,sBAAY;AACZ;AAAA,YACE,uBAAuB,MAAM,IAAI,SAAS,QAAQ;AAAA,UACpD;AAAA,QACF;AAAA;AAAA,QAEA,eAAe,YAAY;AACzB,sBAAY;AACZ,iBAAO;AAAA,YACL,uBAAuB,MAAM,IAAI,SAAS,QAAQ;AAAA,UACpD;AAAA,QACF;AAAA,QACA,QAAQ;AACN,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,SAAS,YAAY;AAAA,MACrB,UAAU,EAAE,MAAM,KAAK,SAAS,IAAI,OAAO,QAAQ;AAAA,MACnD,WAAW;AACT,oBAAY;AACZ,cAAM,YAAY,uBAAuB,MAAM,IAAI,SAAS,QAAQ;AACpE,YAAI,UAAU,OAAO,SAAS,GAAG;AAC/B,8BAAoB,SAAS;AAC7B;AAAA,QACF;AACA;AAAA,UACE,uBAAuB,MAAM,MAAM,SAAS,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA;AAAA,MAEA,eAAe,YAAY;AACzB,oBAAY;AACZ,cAAM,YAAY,uBAAuB,MAAM,IAAI,SAAS,QAAQ;AACpE,YAAI,UAAU,OAAO,SAAS,GAAG;AAC/B,iBAAO,oBAAoB,SAAS;AAAA,QACtC;AACA,eAAO;AAAA,UACL,uBAAuB,MAAM,MAAM,SAAS,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,MACA,QAAQ;AACN,kBAAU,SAAS,MAAM;AAAA,MAC3B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,qBAAqB,IAAI,CAAC;AAEjD,QAAM;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,IACV;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,IACA;AAAA,IACA;AAAA,EACF;AAEA,YAAU,MAAM;AACd,uBAAmB;AAAA,EACrB,GAAG,CAAC,eAAe,kBAAkB,CAAC;AAEtC,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,IACA,MAAM;AAAA,EACR;AAEA,QAAM,uBAAuB;AAAA,IAC3B,OAAO,EAAE,OAAO,UAAU,SAAS;AAAA,IACnC,CAAC,OAAO,UAAU,QAAQ;AAAA,EAC5B;AAKA,QAAM,EAAE,oBAAoB,GAAG,eAAe,IAC5C,kBAAkC;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAEH,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OAAO,sBAC/B;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,OAAO,SAAS,EAAE,SAAS,CAAC;AAAA,UAC5B;AAAA,UACA;AAAA,YACE,CAAC,OAAO,QAAQ,GAAG;AAAA,UACrB;AAAA,QACF;AAAA,QACA,MAAK;AAAA,QACL,eAAa;AAAA,QACb,KAAK;AAAA,QACL,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,qBAAmB;AAAA,QAEnB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAM,MAAM;AAAA,cACZ,SAAS,SAAS;AAAA;AAAA,UACpB;AAAA,UACA,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,UACC,SAAS,WAAW,oBAAC,sBAAmB;AAAA;AAAA;AAAA,IAC3C;AAAA,IACA,oBAAC,kBACE,sBAAY,aAAa,IACxB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;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,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;",
   "names": ["state"]
 }

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

@@ -1,7 +1,7 @@
-._1basjc0-3-12-2 {
+._1basjc0-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1basjc1-3-12-2::after,._1basjc1-3-12-2::before {
+._1basjc1-3-13-0::after,._1basjc1-3-13-0::before {
   content: "";
   position: absolute;
   width: 4px;
@@ -11,11 +11,11 @@
   left: 50%;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._1basjc1-3-12-2::before {
+._1basjc1-3-13-0::before {
   transform: translate(-50%, 50%) scale(2);
   background: var(--dt-colors-background-surface-default, #fff);
 }
-._1basjc2-3-12-2 {
+._1basjc2-3-13-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-12-2::after {
-  background: var(--_1jljrbf1-3-12-2);
+._1basjc2-3-13-0::after {
+  background: var(--_1jljrbf1-3-13-0);
 }
-._1basjc3-3-12-2 {
+._1basjc3-3-13-0 {
   flex-grow: 1;
 }

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

@@ -1,8 +1,8 @@
 import "./CalendarItem.css";
-var calendarButton = "_1basjc2-3-12-2";
-var currentIndicator = "_1basjc1-3-12-2";
-var headerButton = "_1basjc3-3-12-2";
-var outOfScopeDay = "_1basjc0-3-12-2";
+var calendarButton = "_1basjc2-3-13-0";
+var currentIndicator = "_1basjc1-3-13-0";
+var headerButton = "_1basjc3-3-13-0";
+var outOfScopeDay = "_1basjc0-3-13-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-12-2';\nexport var currentIndicator = '_1basjc1-3-12-2';\nexport var headerButton = '_1basjc3-3-12-2';\nexport var outOfScopeDay = '_1basjc0-3-12-2';"],
+  "sourcesContent": ["import './CalendarItem.css';\nexport var calendarButton = '_1basjc2-3-13-0';\nexport var currentIndicator = '_1basjc1-3-13-0';\nexport var headerButton = '_1basjc3-3-13-0';\nexport var outOfScopeDay = '_1basjc0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,mBAAmB;AACvB,IAAI,eAAe;AACnB,IAAI,gBAAgB;",
   "names": []
 }