@dynatrace/strato-components 3.5.2 → 3.6.0

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

@@ -1,4 +1,4 @@
-import { focusTimeInput } from "../../../../forms/date-time-picker/utils/focusDateTimeInput.js";
+import { focusElementWithRetry } from "../../../../forms/date-time-picker/utils/focusDateTimeInput.js";
 import {
   getTimeValueFromSimpleValue,
   toCalendarValue
@@ -31,11 +31,10 @@ function getDateTimePickerActions(formFieldMessagesDispatch, onChangeProp, isCon
             required: state.required
           });
           state.dateTimePickerRef?.current?.close();
-          requestAnimationFrame(() => {
-            requestAnimationFrame(() => {
-              focusTimeInput(state.dateTimeInputRef);
-            });
-          });
+          focusElementWithRetry(
+            () => state.dateTimeInputRef.current?.spinButtonHandlers.get("hour")?.element.current,
+            state.dateTimeInputRef
+          );
           const calendarTimeValue = toCalendarValue(
             newTimeValue,
             state.precision

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

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

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

@@ -1,5 +1,5 @@
 import { getTimeframeFromCalendarSelection } from "./calendar.js";
-import { focusTimeInput } from "../../../../forms/date-time-picker/utils/focusDateTimeInput.js";
+import { focusElementWithRetry } from "../../../../forms/date-time-picker/utils/focusDateTimeInput.js";
 import { removePrecisionFromTimeFrame } from "../../../../forms/forms-core/time/timeParser.js";
 import {
   isFullTimeframe,
@@ -18,12 +18,10 @@ function getDateTimeRangePickerActions(formFieldMessagesDispatch, onChangeProp)
           );
           if (isFullTimeframe(calendarTimeframe)) {
             state.dateTimeRangePickerRef?.current?.close();
-            requestAnimationFrame(() => {
-              requestAnimationFrame(() => {
-                state.dateTimeRangePickerRef?.current?.focus?.();
-                focusTimeInput(state.dateTimeFromRef);
-              });
-            });
+            focusElementWithRetry(
+              () => state.dateTimeFromRef.current?.spinButtonHandlers.get("hour")?.element.current,
+              state.dateTimeFromRef
+            );
             onChangeProp?.(calendarTimeframe);
             return {
               calendarValue: calendarTimeframe,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/core/time/timeframeStore/actions/dateTimeRangePicker.ts"],
-  "sourcesContent": ["import type { Dispatch } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport { focusTimeInput } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { removePrecisionFromTimeFrame } from '../../../../forms/forms-core/time/timeParser.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type {\n  DateTimeRangePickerTimeframeStates,\n  DateTimeRangePickerTimeframeStoreActions,\n} from '../dateTimeRangePicker.types.js';\n\n/**\n * Creates actions for the DateTimeRangePicker store using the slice action handlers.\n *  @internal\n */\nexport function getDateTimeRangePickerActions(\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n) {\n  const actions = (\n    set: StoreApi<\n      DateTimeRangePickerTimeframeStates &\n        DateTimeRangePickerTimeframeStoreActions\n    >['setState'],\n  ): DateTimeRangePickerTimeframeStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          const calendarTimeframe = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          if (isFullTimeframe(calendarTimeframe)) {\n            state.dateTimeRangePickerRef?.current?.close();\n            requestAnimationFrame(() => {\n              requestAnimationFrame(() => {\n                state.dateTimeRangePickerRef?.current?.focus?.();\n                focusTimeInput(state.dateTimeFromRef);\n              });\n            });\n            onChangeProp?.(calendarTimeframe);\n\n            return {\n              calendarValue: calendarTimeframe,\n              dateTimeRangePickerTimeframe: calendarTimeframe,\n            };\n          }\n\n          return { calendarValue: calendarTimeframe };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null\n          if (value === null) {\n            onChangeProp?.(null);\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          if (\n            timeframeWithPrecision?.from === null &&\n            timeframeWithPrecision?.to === null\n          ) {\n            onChangeProp?.(null);\n          }\n\n          isFullTimeframe(timeframeWithPrecision) &&\n            onChangeProp?.(timeframeWithPrecision);\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // Partial values while editing\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formMessageDispatch: formFieldMessagesDispatch,\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'dateTimePicker',\n                required: state.required,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formMessageDispatch: formFieldMessagesDispatch,\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'dateTimePicker',\n              required: state.required,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => {\n          if (\n            !state.calendarValue ||\n            (state.calendarValue.from && state.calendarValue.to)\n          ) {\n            return state;\n          }\n\n          if (\n            state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to\n          ) {\n            return { calendarValue: state.dateTimeRangePickerTimeframe };\n          }\n\n          // in case of a partial value, we want to clear the calendar selection entirely to avoid confusion\n          return { calendarValue: null };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Dispatch } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport { focusElementWithRetry } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { removePrecisionFromTimeFrame } from '../../../../forms/forms-core/time/timeParser.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type {\n  DateTimeRangePickerTimeframeStates,\n  DateTimeRangePickerTimeframeStoreActions,\n} from '../dateTimeRangePicker.types.js';\n\n/**\n * Creates actions for the DateTimeRangePicker store using the slice action handlers.\n *  @internal\n */\nexport function getDateTimeRangePickerActions(\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n) {\n  const actions = (\n    set: StoreApi<\n      DateTimeRangePickerTimeframeStates &\n        DateTimeRangePickerTimeframeStoreActions\n    >['setState'],\n  ): DateTimeRangePickerTimeframeStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          const calendarTimeframe = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          if (isFullTimeframe(calendarTimeframe)) {\n            state.dateTimeRangePickerRef?.current?.close();\n            focusElementWithRetry(\n              () =>\n                state.dateTimeFromRef.current?.spinButtonHandlers.get('hour')\n                  ?.element.current,\n              state.dateTimeFromRef,\n            );\n            onChangeProp?.(calendarTimeframe);\n\n            return {\n              calendarValue: calendarTimeframe,\n              dateTimeRangePickerTimeframe: calendarTimeframe,\n            };\n          }\n\n          return { calendarValue: calendarTimeframe };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null\n          if (value === null) {\n            onChangeProp?.(null);\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          if (\n            timeframeWithPrecision?.from === null &&\n            timeframeWithPrecision?.to === null\n          ) {\n            onChangeProp?.(null);\n          }\n\n          isFullTimeframe(timeframeWithPrecision) &&\n            onChangeProp?.(timeframeWithPrecision);\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // Partial values while editing\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formMessageDispatch: formFieldMessagesDispatch,\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'dateTimePicker',\n                required: state.required,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formMessageDispatch: formFieldMessagesDispatch,\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'dateTimePicker',\n              required: state.required,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => {\n          if (\n            !state.calendarValue ||\n            (state.calendarValue.from && state.calendarValue.to)\n          ) {\n            return state;\n          }\n\n          if (\n            state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to\n          ) {\n            return { calendarValue: state.dateTimeRangePickerTimeframe };\n          }\n\n          // in case of a partial value, we want to clear the calendar selection entirely to avoid confusion\n          return { calendarValue: null };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,7 +2,7 @@ import { TZDateMini } from "@date-fns/tz";
 import { endOfDay, startOfDay } from "date-fns";
 import { getTimezone } from "@dynatrace-sdk/user-preferences";
 import { getTimeframeFromCalendarSelection } from "./calendar.js";
-import { focusTimeInput } from "../../../../forms/date-time-picker/utils/focusDateTimeInput.js";
+import { focusElementWithRetry } from "../../../../forms/date-time-picker/utils/focusDateTimeInput.js";
 import {
   removePrecision,
   removePrecisionFromTimeFrame
@@ -35,8 +35,8 @@ function handleTimeframeSelectorTimeframeChange(inputValue, state, isControlled,
   });
   return {
     timeframeSelectorTimeframe: value,
-    calendarValue: value,
-    dateTimeRangePickerTimeframe: value,
+    calendarValue: value ?? timeframeWithPrecision,
+    dateTimeRangePickerTimeframe: value ?? timeframeWithPrecision,
     timeframeSelectorError: error,
     calendarError: error,
     dateTimeRangePickerError: error
@@ -71,12 +71,10 @@ function getTimeframeSelectorActions(isControlled, timeframeSelectorRef, formFie
           if (isFullTimeframe(calendarValue)) {
             state.dateTimeRangePickerRef?.current?.close();
             const isFullDay = isFullDayTimeframe(calendarValue, state);
-            requestAnimationFrame(() => {
-              requestAnimationFrame(() => {
-                state.dateTimeRangePickerRef?.current?.focus?.();
-                focusTimeInput(state.dateTimeFromRef);
-              });
-            });
+            focusElementWithRetry(
+              () => state.dateTimeFromRef.current?.spinButtonHandlers.get("hour")?.element.current,
+              state.dateTimeFromRef
+            );
             return {
               calendarValue,
               dateTimeRangePickerTimeframe: calendarValue,
@@ -91,7 +89,9 @@ function getTimeframeSelectorActions(isControlled, timeframeSelectorRef, formFie
           if (value === null) {
             return {
               dateTimeRangePickerTimeframe: null,
-              calendarValue: null
+              calendarValue: null,
+              dateTimeRangePickerError: void 0,
+              calendarError: void 0
             };
           }
           const merged = mergeRangeValue(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/core/time/timeframeStore/actions/timeframeSelector.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\nimport type { DebouncedFunc } from 'lodash-es';\nimport type { Dispatch, RefObject } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport { focusTimeInput } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  removePrecision,\n  removePrecisionFromTimeFrame,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { TimeRangePickerRef } from '../../../../forms/shared-types.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type { ValidateOptions } from '../../validation.js';\nimport type {\n  TimeframeSelectorState,\n  TimeframeSelectorStoreActions,\n} from '../timeframeSelector.types.js';\n\n/**\n * Handles setting the TimeframeSelector timeframe value.\n * Validates the input, calls onChange callback, closes the selector,\n * and updates all related state (selector, calendar, dateTimePicker).\n * @internal\n */\nfunction handleTimeframeSelectorTimeframeChange(\n  inputValue: Timeframe | null,\n  state: TimeframeSelectorState,\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (value: Timeframe | null) => void,\n  errorMessages?: ValidateOptions['errorMessages'],\n): Partial<TimeframeSelectorState> {\n  const timeframeWithPrecision =\n    removePrecisionFromTimeFrame(inputValue, state.precision) ?? null;\n\n  const value = isFullTimeframe(timeframeWithPrecision)\n    ? timeframeWithPrecision\n    : null;\n\n  onChangeProp?.(value);\n  timeframeSelectorRef.current?.close();\n\n  if (isControlled) {\n    return state;\n  }\n\n  const error = validate(timeframeWithPrecision, state.min, state.max, {\n    formMessageDispatch: formFieldMessagesDispatch,\n    formerError: state.timeframeSelectorError,\n    precision: state.precision,\n    showError: false,\n    checkOrder: true,\n    ref: timeframeSelectorRef,\n    expectedFormat: state.formatString,\n    valueMode: 'timeframeSelector',\n    required: state.required,\n    errorMessages,\n  });\n\n  return {\n    timeframeSelectorTimeframe: value,\n    calendarValue: value,\n    dateTimeRangePickerTimeframe: value,\n    timeframeSelectorError: error,\n    calendarError: error,\n    dateTimeRangePickerError: error,\n  };\n}\n\n/**\n * Handles setting the previous timeframe value.\n * Used for tracking the last valid timeframe before changes.\n * @internal\n */\nfunction handlePreviousTimeframeChange(\n  value: Timeframe | null,\n): Partial<TimeframeSelectorState> {\n  return {\n    referenceTimeframe: value,\n  };\n}\n\nfunction isFullDayTimeframe(\n  timeframe: Timeframe,\n  state: TimeframeSelectorState,\n): boolean {\n  const timeZone = getTimezone();\n  const to = new TZDateMini(timeframe.to.absoluteDate, timeZone);\n  const from = new TZDateMini(timeframe.from.absoluteDate, timeZone);\n\n  const isToAtEndOfDay =\n    removePrecision(endOfDay(to).toISOString(), state.precision) ===\n    removePrecision(timeframe.to.absoluteDate, state.precision);\n  const isToAtMax = state.max?.absoluteDate === to.toISOString();\n\n  const isFromAtStartOfDay =\n    removePrecision(startOfDay(from).toISOString(), state.precision) ===\n    removePrecision(timeframe.from.absoluteDate, state.precision);\n  const isFromAtMin = state.min?.absoluteDate === from.toISOString();\n\n  return Boolean(\n    (isToAtEndOfDay || isToAtMax) && (isFromAtStartOfDay || isFromAtMin),\n  );\n}\n\n/**\n * Creates actions for the TimeframeSelector store using the slice action handlers.\n * @internal\n */\nexport function getTimeframeSelectorActions(\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n  debouncedOnChangeRef?: RefObject<\n    DebouncedFunc<(timeframe: Timeframe | null) => void>\n  >,\n  errorMessages?: ValidateOptions['errorMessages'],\n) {\n  const actions = (\n    set: StoreApi<\n      TimeframeSelectorState & TimeframeSelectorStoreActions\n    >['setState'],\n  ): TimeframeSelectorStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          const calendarValue = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          if (isFullTimeframe(calendarValue)) {\n            state.dateTimeRangePickerRef?.current?.close();\n            const isFullDay = isFullDayTimeframe(calendarValue, state);\n\n            requestAnimationFrame(() => {\n              requestAnimationFrame(() => {\n                state.dateTimeRangePickerRef?.current?.focus?.();\n                focusTimeInput(state.dateTimeFromRef);\n              });\n            });\n\n            return {\n              calendarValue,\n              dateTimeRangePickerTimeframe: calendarValue,\n              isFullDay,\n            };\n          }\n\n          return { calendarValue, isFullDay: false };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null\n          if (value === null) {\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // For partial values while editing we trigger onChange with '' to inform\n          // the user that the current value is invalid, but not empty.\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'timeframeSelector',\n                required: state.required,\n                errorMessages,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'timeframeSelector',\n              required: state.required,\n              errorMessages,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      setTimeframeSelectorTimeframe: (inputValue) => {\n        debouncedOnChangeRef?.current?.cancel();\n        return set((state) =>\n          handleTimeframeSelectorTimeframeChange(\n            inputValue,\n            state,\n            isControlled,\n            timeframeSelectorRef,\n            formFieldMessagesDispatch,\n            onChangeProp,\n            errorMessages,\n          ),\n        );\n      },\n      setReferenceTimeframe: (value) => {\n        set(() => handlePreviousTimeframeChange(value));\n      },\n      setStepperValue: (value) => {\n        set(() => {\n          debouncedOnChangeRef?.current?.(value);\n          return {\n            timeframeSelectorTimeframe: value,\n            calendarValue: value,\n            dateTimeRangePickerTimeframe: value,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => {\n          if (\n            !state.calendarValue ||\n            (state.calendarValue.from && state.calendarValue.to)\n          ) {\n            return state;\n          }\n\n          if (\n            state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to\n          ) {\n            return { calendarValue: state.dateTimeRangePickerTimeframe };\n          }\n\n          // in case of a partial value, we want to clear the calendar selection entirely to avoid confusion\n          return { calendarValue: null };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,UAAU,kBAAkB;AAKrC,SAAS,mBAAmB;AAE5B,SAAS,yCAAyC;AAClD,SAAS,sBAAsB;AAE/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB;AAazB,SAAS,uCACP,YACA,OACA,cACA,sBACA,2BACA,cACA,eACiC;AACjC,QAAM,yBACJ,6BAA6B,YAAY,MAAM,SAAS,KAAK;AAE/D,QAAM,QAAQ,gBAAgB,sBAAsB,IAChD,yBACA;AAEJ,iBAAe,KAAK;AACpB,uBAAqB,SAAS,MAAM;AAEpC,MAAI,cAAc;AAChB,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,SAAS,wBAAwB,MAAM,KAAK,MAAM,KAAK;AAAA,IACnE,qBAAqB;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,WAAW,MAAM;AAAA,IACjB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB,MAAM;AAAA,IACtB,WAAW;AAAA,IACX,UAAU,MAAM;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,4BAA4B;AAAA,IAC5B,eAAe;AAAA,IACf,8BAA8B;AAAA,IAC9B,wBAAwB;AAAA,IACxB,eAAe;AAAA,IACf,0BAA0B;AAAA,EAC5B;AACF;AAOA,SAAS,8BACP,OACiC;AACjC,SAAO;AAAA,IACL,oBAAoB;AAAA,EACtB;AACF;AAEA,SAAS,mBACP,WACA,OACS;AACT,QAAM,WAAW,YAAY;AAC7B,QAAM,KAAK,IAAI,WAAW,UAAU,GAAG,cAAc,QAAQ;AAC7D,QAAM,OAAO,IAAI,WAAW,UAAU,KAAK,cAAc,QAAQ;AAEjE,QAAM,iBACJ,gBAAgB,SAAS,EAAE,EAAE,YAAY,GAAG,MAAM,SAAS,MAC3D,gBAAgB,UAAU,GAAG,cAAc,MAAM,SAAS;AAC5D,QAAM,YAAY,MAAM,KAAK,iBAAiB,GAAG,YAAY;AAE7D,QAAM,qBACJ,gBAAgB,WAAW,IAAI,EAAE,YAAY,GAAG,MAAM,SAAS,MAC/D,gBAAgB,UAAU,KAAK,cAAc,MAAM,SAAS;AAC9D,QAAM,cAAc,MAAM,KAAK,iBAAiB,KAAK,YAAY;AAEjE,SAAO;AAAA,KACJ,kBAAkB,eAAe,sBAAsB;AAAA,EAC1D;AACF;AAMO,SAAS,4BACd,cACA,sBACA,2BACA,cACA,sBAGA,eACA;AACA,QAAM,UAAU,CACd,QAGkC;AAClC,WAAO;AAAA,MACL,kBAAkB,CAAC,eAAe;AAChC,YAAI,CAAC,UAAU;AACb,gBAAM,gBAAgB;AAAA,YACpB;AAAA,YACA;AAAA,UACF;AAEA,cAAI,gBAAgB,aAAa,GAAG;AAClC,kBAAM,wBAAwB,SAAS,MAAM;AAC7C,kBAAM,YAAY,mBAAmB,eAAe,KAAK;AAEzD,kCAAsB,MAAM;AAC1B,oCAAsB,MAAM;AAC1B,sBAAM,wBAAwB,SAAS,QAAQ;AAC/C,+BAAe,MAAM,eAAe;AAAA,cACtC,CAAC;AAAA,YACH,CAAC;AAED,mBAAO;AAAA,cACL;AAAA,cACA,8BAA8B;AAAA,cAC9B;AAAA,YACF;AAAA,UACF;AAEA,iBAAO,EAAE,eAAe,WAAW,MAAM;AAAA,QAC3C,CAAC;AAAA,MACH;AAAA,MACA,iCAAiC,CAAC,UAAU;AAC1C,eAAO,IAAI,CAAC,UAAU;AAEpB,cAAI,UAAU,MAAM;AAClB,mBAAO;AAAA,cACL,8BAA8B;AAAA,cAC9B,eAAe;AAAA,YACjB;AAAA,UACF;AAEA,gBAAM,SAAS;AAAA,YACb,MAAM;AAAA,YACN;AAAA,UACF;AAEA,gBAAM,yBACJ,6BAA6B,QAAQ,MAAM,SAAS,KAAK;AAE3D,gBAAM,gBACJ,YAAY,OAAO,IAAI,KAAK,OAAO,KAAK,iBAAiB;AAC3D,gBAAM,cACJ,YAAY,OAAO,EAAE,KAAK,OAAO,GAAG,iBAAiB;AAIvD,cAAI,iBAAiB,aAAa;AAChC,kBAAM,WAAW;AAAA,cACf;AAAA,cACA,MAAM;AAAA,cACN,MAAM;AAAA,cACN;AAAA,gBACE,aAAa,MAAM;AAAA,gBACnB,WAAW,MAAM;AAAA,gBACjB,WAAW;AAAA,gBACX,YAAY;AAAA,gBACZ,KAAK,MAAM;AAAA,gBACX,gBAAgB,MAAM;AAAA,gBACtB,WAAW;AAAA,gBACX,UAAU,MAAM;AAAA,gBAChB;AAAA,cACF;AAAA,YACF;AAEA,kBAAM,gBAAgB;AAAA,cACpB,MAAM,gBAAgB,OAAO,wBAAwB,QAAQ;AAAA,cAC7D,IAAI,cAAc,OAAO,wBAAwB,MAAM;AAAA,YACzD;AAEA,mBAAO;AAAA,cACL,8BAA8B;AAAA,cAC9B;AAAA,cACA,eAAe;AAAA,cACf,0BAA0B;AAAA,YAC5B;AAAA,UACF;AAEA,gBAAM,2BAA2B;AAAA,YAC/B;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN;AAAA,cACE,aAAa,MAAM;AAAA,cACnB,WAAW,MAAM;AAAA,cACjB,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,KAAK,MAAM;AAAA,cACX,gBAAgB,MAAM;AAAA,cACtB,WAAW;AAAA,cACX,UAAU,MAAM;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAEA,iBAAO;AAAA,YACL,8BAA8B;AAAA,YAC9B,eAAe;AAAA,YACf,eAAe;AAAA,YACf;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,+BAA+B,CAAC,eAAe;AAC7C,8BAAsB,SAAS,OAAO;AACtC,eAAO;AAAA,UAAI,CAAC,UACV;AAAA,YACE;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,uBAAuB,CAAC,UAAU;AAChC,YAAI,MAAM,8BAA8B,KAAK,CAAC;AAAA,MAChD;AAAA,MACA,iBAAiB,CAAC,UAAU;AAC1B,YAAI,MAAM;AACR,gCAAsB,UAAU,KAAK;AACrC,iBAAO;AAAA,YACL,4BAA4B;AAAA,YAC5B,eAAe;AAAA,YACf,8BAA8B;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,oBAAoB,MAAM;AACxB,YAAI,CAAC,UAAU;AACb,cACE,CAAC,MAAM,iBACN,MAAM,cAAc,QAAQ,MAAM,cAAc,IACjD;AACA,mBAAO;AAAA,UACT;AAEA,cACE,MAAM,8BAA8B,QACpC,MAAM,8BAA8B,IACpC;AACA,mBAAO,EAAE,eAAe,MAAM,6BAA6B;AAAA,UAC7D;AAGA,iBAAO,EAAE,eAAe,KAAK;AAAA,QAC/B,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { endOfDay, startOfDay } from 'date-fns';\nimport type { DebouncedFunc } from 'lodash-es';\nimport type { Dispatch, RefObject } from 'react';\nimport type { StoreApi } from 'zustand';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getTimeframeFromCalendarSelection } from './calendar.js';\nimport { focusElementWithRetry } from '../../../../forms/date-time-picker/utils/focusDateTimeInput.js';\nimport type { FormFieldMessagesReducerAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  removePrecision,\n  removePrecisionFromTimeFrame,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { TimeRangePickerRef } from '../../../../forms/shared-types.js';\nimport { type Timeframe } from '../../../types/time.js';\nimport {\n  isFullTimeframe,\n  isTimeValue,\n  mergeRangeValue,\n} from '../../helpers.js';\nimport { validate } from '../../validation.js';\nimport type { ValidateOptions } from '../../validation.js';\nimport type {\n  TimeframeSelectorState,\n  TimeframeSelectorStoreActions,\n} from '../timeframeSelector.types.js';\n\n/**\n * Handles setting the TimeframeSelector timeframe value.\n * Validates the input, calls onChange callback, closes the selector,\n * and updates all related state (selector, calendar, dateTimePicker).\n * @internal\n */\nfunction handleTimeframeSelectorTimeframeChange(\n  inputValue: Timeframe | null,\n  state: TimeframeSelectorState,\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: (value: Timeframe | null) => void,\n  errorMessages?: ValidateOptions['errorMessages'],\n): Partial<TimeframeSelectorState> {\n  const timeframeWithPrecision =\n    removePrecisionFromTimeFrame(inputValue, state.precision) ?? null;\n\n  const value = isFullTimeframe(timeframeWithPrecision)\n    ? timeframeWithPrecision\n    : null;\n\n  onChangeProp?.(value);\n  timeframeSelectorRef.current?.close();\n\n  if (isControlled) {\n    return state;\n  }\n\n  const error = validate(timeframeWithPrecision, state.min, state.max, {\n    formMessageDispatch: formFieldMessagesDispatch,\n    formerError: state.timeframeSelectorError,\n    precision: state.precision,\n    showError: false,\n    checkOrder: true,\n    ref: timeframeSelectorRef,\n    expectedFormat: state.formatString,\n    valueMode: 'timeframeSelector',\n    required: state.required,\n    errorMessages,\n  });\n\n  return {\n    timeframeSelectorTimeframe: value,\n    calendarValue: value ?? timeframeWithPrecision,\n    dateTimeRangePickerTimeframe: value ?? timeframeWithPrecision,\n    timeframeSelectorError: error,\n    calendarError: error,\n    dateTimeRangePickerError: error,\n  };\n}\n\n/**\n * Handles setting the previous timeframe value.\n * Used for tracking the last valid timeframe before changes.\n * @internal\n */\nfunction handlePreviousTimeframeChange(\n  value: Timeframe | null,\n): Partial<TimeframeSelectorState> {\n  return {\n    referenceTimeframe: value,\n  };\n}\n\nfunction isFullDayTimeframe(\n  timeframe: Timeframe,\n  state: TimeframeSelectorState,\n): boolean {\n  const timeZone = getTimezone();\n  const to = new TZDateMini(timeframe.to.absoluteDate, timeZone);\n  const from = new TZDateMini(timeframe.from.absoluteDate, timeZone);\n\n  const isToAtEndOfDay =\n    removePrecision(endOfDay(to).toISOString(), state.precision) ===\n    removePrecision(timeframe.to.absoluteDate, state.precision);\n  const isToAtMax = state.max?.absoluteDate === to.toISOString();\n\n  const isFromAtStartOfDay =\n    removePrecision(startOfDay(from).toISOString(), state.precision) ===\n    removePrecision(timeframe.from.absoluteDate, state.precision);\n  const isFromAtMin = state.min?.absoluteDate === from.toISOString();\n\n  return Boolean(\n    (isToAtEndOfDay || isToAtMax) && (isFromAtStartOfDay || isFromAtMin),\n  );\n}\n\n/**\n * Creates actions for the TimeframeSelector store using the slice action handlers.\n * @internal\n */\nexport function getTimeframeSelectorActions(\n  isControlled: boolean,\n  timeframeSelectorRef: RefObject<TimeRangePickerRef>,\n  formFieldMessagesDispatch?: Dispatch<FormFieldMessagesReducerAction>,\n  onChangeProp?: ((value: Timeframe | null) => void) | undefined,\n  debouncedOnChangeRef?: RefObject<\n    DebouncedFunc<(timeframe: Timeframe | null) => void>\n  >,\n  errorMessages?: ValidateOptions['errorMessages'],\n) {\n  const actions = (\n    set: StoreApi<\n      TimeframeSelectorState & TimeframeSelectorStoreActions\n    >['setState'],\n  ): TimeframeSelectorStoreActions => {\n    return {\n      setCalendarValue: (inputValue) => {\n        set((state) => {\n          const calendarValue = getTimeframeFromCalendarSelection(\n            inputValue,\n            state,\n          );\n\n          if (isFullTimeframe(calendarValue)) {\n            state.dateTimeRangePickerRef?.current?.close();\n            const isFullDay = isFullDayTimeframe(calendarValue, state);\n\n            focusElementWithRetry(\n              () =>\n                state.dateTimeFromRef.current?.spinButtonHandlers.get('hour')\n                  ?.element.current,\n              state.dateTimeFromRef,\n            );\n\n            return {\n              calendarValue,\n              dateTimeRangePickerTimeframe: calendarValue,\n              isFullDay,\n            };\n          }\n\n          return { calendarValue, isFullDay: false };\n        });\n      },\n      setDateTimeRangePickerTimeframe: (value) => {\n        return set((state) => {\n          // Full clear: null resets both fields to null and errors to undefined\n          if (value === null) {\n            return {\n              dateTimeRangePickerTimeframe: null,\n              calendarValue: null,\n              dateTimeRangePickerError: undefined,\n              calendarError: undefined,\n            };\n          }\n\n          const merged = mergeRangeValue(\n            state.dateTimeRangePickerTimeframe,\n            value,\n          );\n\n          const timeframeWithPrecision =\n            removePrecisionFromTimeFrame(merged, state.precision) ?? null;\n\n          const isPartialFrom =\n            isTimeValue(merged.from) && merged.from.absoluteDate === '';\n          const isPartialTo =\n            isTimeValue(merged.to) && merged.to.absoluteDate === '';\n\n          // For partial values while editing we trigger onChange with '' to inform\n          // the user that the current value is invalid, but not empty.\n          if (isPartialFrom || isPartialTo) {\n            const errorKey = validate(\n              timeframeWithPrecision,\n              state.min,\n              state.max,\n              {\n                formerError: state.dateTimeRangePickerError,\n                precision: state.precision,\n                showError: false,\n                checkOrder: true,\n                ref: state.dateTimeRangePickerRef,\n                expectedFormat: state.formatString,\n                valueMode: 'timeframeSelector',\n                required: state.required,\n                errorMessages,\n              },\n            );\n\n            const calendarValue = {\n              from: isPartialFrom ? null : timeframeWithPrecision?.from ?? null,\n              to: isPartialTo ? null : timeframeWithPrecision?.to ?? null,\n            };\n\n            return {\n              dateTimeRangePickerTimeframe: timeframeWithPrecision,\n              calendarValue,\n              calendarError: errorKey,\n              dateTimeRangePickerError: errorKey,\n            };\n          }\n\n          const dateTimeRangePickerError = validate(\n            timeframeWithPrecision,\n            state.min,\n            state.max,\n            {\n              formerError: state.dateTimeRangePickerError,\n              precision: state.precision,\n              showError: false,\n              checkOrder: true,\n              ref: state.dateTimeRangePickerRef,\n              expectedFormat: state.formatString,\n              valueMode: 'timeframeSelector',\n              required: state.required,\n              errorMessages,\n            },\n          );\n\n          return {\n            dateTimeRangePickerTimeframe: timeframeWithPrecision,\n            calendarValue: timeframeWithPrecision,\n            calendarError: dateTimeRangePickerError,\n            dateTimeRangePickerError,\n          };\n        });\n      },\n      setTimeframeSelectorTimeframe: (inputValue) => {\n        debouncedOnChangeRef?.current?.cancel();\n        return set((state) =>\n          handleTimeframeSelectorTimeframeChange(\n            inputValue,\n            state,\n            isControlled,\n            timeframeSelectorRef,\n            formFieldMessagesDispatch,\n            onChangeProp,\n            errorMessages,\n          ),\n        );\n      },\n      setReferenceTimeframe: (value) => {\n        set(() => handlePreviousTimeframeChange(value));\n      },\n      setStepperValue: (value) => {\n        set(() => {\n          debouncedOnChangeRef?.current?.(value);\n          return {\n            timeframeSelectorTimeframe: value,\n            calendarValue: value,\n            dateTimeRangePickerTimeframe: value,\n          };\n        });\n      },\n      clearCalendarValue: () => {\n        set((state) => {\n          if (\n            !state.calendarValue ||\n            (state.calendarValue.from && state.calendarValue.to)\n          ) {\n            return state;\n          }\n\n          if (\n            state.dateTimeRangePickerTimeframe?.from &&\n            state.dateTimeRangePickerTimeframe?.to\n          ) {\n            return { calendarValue: state.dateTimeRangePickerTimeframe };\n          }\n\n          // in case of a partial value, we want to clear the calendar selection entirely to avoid confusion\n          return { calendarValue: null };\n        });\n      },\n    };\n  };\n\n  return actions;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/core/time/useDateTimeMessages.js

@@ -5,12 +5,12 @@ import {
   defineMessages,
   useIntl
 } from "react-intl";
-import {
-  getRegionalFormat,
-  getTimezone
-} from "@dynatrace-sdk/user-preferences";
+import { getTimezone } from "@dynatrace-sdk/user-preferences";
 import { intlCache } from "../../forms/date-time-picker/utils/intl-cache.js";
-import { getDayPeriodValues } from "../../forms/forms-core/time/helpers.js";
+import {
+  getDayPeriodValues,
+  getSafeRegionalFormat
+} from "../../forms/forms-core/time/helpers.js";
 const placeholderMessages = defineMessages({
   year: {
     defaultMessage: "YYYY",
@@ -60,7 +60,7 @@ function getPlaceholder(type, formatMessage) {
 }
 const useDateTimeMessages = (options) => {
   const {
-    locale = getRegionalFormat(),
+    locale = getSafeRegionalFormat(),
     timeZone: timeZoneProp = getTimezone(),
     type = "datetime",
     precision = "minutes"

package/esm/core/time/useDateTimeMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/time/useDateTimeMessages.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { useMemo } from 'react';\nimport {\n  createIntl,\n  defineMessages,\n  useIntl,\n  type FormatDateOptions,\n  type MessageDescriptor,\n} from 'react-intl';\n\nimport {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport type { Precision } from './shared.types.js';\nimport { intlCache } from '../../forms/date-time-picker/utils/intl-cache.js';\nimport { getDayPeriodValues } from '../../forms/forms-core/time/helpers.js';\n\ntype Options = {\n  locale?: string;\n  timeZone?: string;\n  type?: 'datetime' | 'date' | 'time';\n  precision?: Precision;\n};\n\nconst placeholderMessages: Partial<\n  Record<keyof Intl.DateTimeFormatPartTypesRegistry, MessageDescriptor>\n> = defineMessages({\n  year: {\n    defaultMessage: 'YYYY',\n    id: 'KgAwef2nXv2+/xgE',\n    description: 'The abbreviation of the year part of a date value',\n  },\n  month: {\n    defaultMessage: 'MM',\n    id: 'Bo8Z1UaJVL3ONFo8',\n    description: 'The abbreviation of the month part of a date value',\n  },\n  day: {\n    defaultMessage: 'DD',\n    id: '42g95tLLPXcqbFLl',\n    description: 'The abbreviation of the day part of a date value',\n  },\n  hour: {\n    defaultMessage: 'hh',\n    id: '5+yhrNhI2AlQmDAo',\n    description: 'The abbreviation of the hour part of a time value',\n  },\n  minute: {\n    defaultMessage: 'mm',\n    id: 'Xup0Ti6gaxC1KDSY',\n    description: 'The abbreviation of the minute part of a time value',\n  },\n  second: {\n    defaultMessage: 'ss',\n    id: 'ktoTdX660gW5R80Z',\n    description: 'The abbreviation of the second part of a time value',\n  },\n  fractionalSecond: {\n    defaultMessage: 'sss',\n    id: 'ERAhDK0Wy/n7Sd2e',\n    description:\n      'The abbreviation of the fractional of the second part of a time value',\n  },\n});\n\n/**\n *  Helper function to get the placeholder for a given date time part type. The placeholder is used to show the expected format of the input value to the user. For example, \"YYYY\" for year, \"MM\" for month, etc.\n * @internal\n */\nexport function getPlaceholder(\n  type: keyof Intl.DateTimeFormatPartTypesRegistry,\n  formatMessage: ReturnType<typeof useIntl>['formatMessage'],\n) {\n  const messageDescriptor = placeholderMessages[type];\n\n  if (messageDescriptor) {\n    return formatMessage(messageDescriptor);\n  }\n\n  if (type === 'dayPeriod') {\n    return getDayPeriodValues().join('/');\n  }\n\n  return type;\n}\n\n/**\n * Hook providing localized datetime format and placeholders for given locale and timezone. If no locale is specified, the user region  setting is used.\n * @internal\n */\nexport const useDateTimeMessages = (options?: Options) => {\n  const {\n    locale = getRegionalFormat(),\n    timeZone: timeZoneProp = getTimezone(),\n    type = 'datetime',\n    precision = 'minutes',\n  }: Options = options ?? {};\n\n  const { formatMessage } = useIntl();\n  const { formatDateToParts, timeZone } = useMemo(\n    () => createIntl({ locale, timeZone: timeZoneProp }, intlCache),\n    [locale, timeZoneProp],\n  );\n\n  const formatOptions = useMemo(() => {\n    const options: FormatDateOptions = {};\n    switch (type) {\n      case 'date':\n        options['year'] = 'numeric';\n        options['month'] = '2-digit';\n        options['day'] = '2-digit';\n        return options; // Return config and ignore precision prop if only the date is shown.\n      case 'datetime':\n        options['year'] = 'numeric';\n        options['month'] = '2-digit';\n        options['day'] = '2-digit';\n        options['hour'] = '2-digit';\n        options['minute'] = '2-digit';\n        break;\n      case 'time':\n        options['hour'] = 'numeric';\n        options['minute'] = '2-digit';\n        break;\n    }\n\n    switch (precision) {\n      case 'seconds':\n        options['second'] = '2-digit';\n        break;\n      case 'milliseconds':\n        options['second'] = '2-digit';\n        options['fractionalSecondDigits'] = 3;\n        break;\n    }\n\n    return options;\n  }, [type, precision]);\n\n  const parts = useMemo(\n    () =>\n      formatDateToParts(TZDateMini.tz(getTimezone()).getTime(), formatOptions),\n    [formatOptions, formatDateToParts],\n  );\n\n  const formatString = useMemo(\n    () =>\n      parts\n        .map(({ type, value }) =>\n          type === 'literal' ? value : getPlaceholder(type, formatMessage),\n        )\n        .join(''),\n    [formatMessage, parts],\n  );\n\n  return {\n    locale,\n    timeZone,\n    formatDateToParts,\n    parts,\n    formatOptions,\n    formatString,\n    getPlaceholder,\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { useMemo } from 'react';\nimport {\n  createIntl,\n  defineMessages,\n  useIntl,\n  type FormatDateOptions,\n  type MessageDescriptor,\n} from 'react-intl';\n\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { Precision } from './shared.types.js';\nimport { intlCache } from '../../forms/date-time-picker/utils/intl-cache.js';\nimport {\n  getDayPeriodValues,\n  getSafeRegionalFormat,\n} from '../../forms/forms-core/time/helpers.js';\n\ntype Options = {\n  locale?: string;\n  timeZone?: string;\n  type?: 'datetime' | 'date' | 'time';\n  precision?: Precision;\n};\n\nconst placeholderMessages: Partial<\n  Record<keyof Intl.DateTimeFormatPartTypesRegistry, MessageDescriptor>\n> = defineMessages({\n  year: {\n    defaultMessage: 'YYYY',\n    id: 'KgAwef2nXv2+/xgE',\n    description: 'The abbreviation of the year part of a date value',\n  },\n  month: {\n    defaultMessage: 'MM',\n    id: 'Bo8Z1UaJVL3ONFo8',\n    description: 'The abbreviation of the month part of a date value',\n  },\n  day: {\n    defaultMessage: 'DD',\n    id: '42g95tLLPXcqbFLl',\n    description: 'The abbreviation of the day part of a date value',\n  },\n  hour: {\n    defaultMessage: 'hh',\n    id: '5+yhrNhI2AlQmDAo',\n    description: 'The abbreviation of the hour part of a time value',\n  },\n  minute: {\n    defaultMessage: 'mm',\n    id: 'Xup0Ti6gaxC1KDSY',\n    description: 'The abbreviation of the minute part of a time value',\n  },\n  second: {\n    defaultMessage: 'ss',\n    id: 'ktoTdX660gW5R80Z',\n    description: 'The abbreviation of the second part of a time value',\n  },\n  fractionalSecond: {\n    defaultMessage: 'sss',\n    id: 'ERAhDK0Wy/n7Sd2e',\n    description:\n      'The abbreviation of the fractional of the second part of a time value',\n  },\n});\n\n/**\n *  Helper function to get the placeholder for a given date time part type. The placeholder is used to show the expected format of the input value to the user. For example, \"YYYY\" for year, \"MM\" for month, etc.\n * @internal\n */\nexport function getPlaceholder(\n  type: keyof Intl.DateTimeFormatPartTypesRegistry,\n  formatMessage: ReturnType<typeof useIntl>['formatMessage'],\n) {\n  const messageDescriptor = placeholderMessages[type];\n\n  if (messageDescriptor) {\n    return formatMessage(messageDescriptor);\n  }\n\n  if (type === 'dayPeriod') {\n    return getDayPeriodValues().join('/');\n  }\n\n  return type;\n}\n\n/**\n * Hook providing localized datetime format and placeholders for given locale and timezone. If no locale is specified, the user region  setting is used.\n * @internal\n */\nexport const useDateTimeMessages = (options?: Options) => {\n  const {\n    locale = getSafeRegionalFormat(),\n    timeZone: timeZoneProp = getTimezone(),\n    type = 'datetime',\n    precision = 'minutes',\n  }: Options = options ?? {};\n\n  const { formatMessage } = useIntl();\n  const { formatDateToParts, timeZone } = useMemo(\n    () => createIntl({ locale, timeZone: timeZoneProp }, intlCache),\n    [locale, timeZoneProp],\n  );\n\n  const formatOptions = useMemo(() => {\n    const options: FormatDateOptions = {};\n    switch (type) {\n      case 'date':\n        options['year'] = 'numeric';\n        options['month'] = '2-digit';\n        options['day'] = '2-digit';\n        return options; // Return config and ignore precision prop if only the date is shown.\n      case 'datetime':\n        options['year'] = 'numeric';\n        options['month'] = '2-digit';\n        options['day'] = '2-digit';\n        options['hour'] = '2-digit';\n        options['minute'] = '2-digit';\n        break;\n      case 'time':\n        options['hour'] = 'numeric';\n        options['minute'] = '2-digit';\n        break;\n    }\n\n    switch (precision) {\n      case 'seconds':\n        options['second'] = '2-digit';\n        break;\n      case 'milliseconds':\n        options['second'] = '2-digit';\n        options['fractionalSecondDigits'] = 3;\n        break;\n    }\n\n    return options;\n  }, [type, precision]);\n\n  const parts = useMemo(\n    () =>\n      formatDateToParts(TZDateMini.tz(getTimezone()).getTime(), formatOptions),\n    [formatOptions, formatDateToParts],\n  );\n\n  const formatString = useMemo(\n    () =>\n      parts\n        .map(({ type, value }) =>\n          type === 'literal' ? value : getPlaceholder(type, formatMessage),\n        )\n        .join(''),\n    [formatMessage, parts],\n  );\n\n  return {\n    locale,\n    timeZone,\n    formatDateToParts,\n    parts,\n    formatOptions,\n    formatString,\n    getPlaceholder,\n  };\n};\n"],
+  "mappings": "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",
   "names": ["options", "type"]
 }

package/esm/core/time/validation.js

@@ -238,10 +238,10 @@ function getValueMissingErrorKey(value, valueMode) {
     return "valueMissing";
   }
   if (valueMode !== "single" && isPartialTimeframe(value)) {
-    if (!value.from && value.to?.value === "now()") {
+    if (!value.from) {
       return "missingFrom";
     }
-    if (!value.to && value.from?.value === "now()") {
+    if (!value.to) {
       return "missingTo";
     }
   }

package/esm/core/time/validation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/core/time/validation.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter, isBefore } from 'date-fns';\nimport { type Dispatch, type RefObject } from 'react';\nimport {\n  FormattedMessage,\n  defineMessages,\n  type MessageDescriptor,\n} from 'react-intl';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport {\n  isFullTimeframe,\n  isPartialTimeframe,\n  isTimeframe,\n  isTimeValue,\n  getFormattedMinMax,\n} from './helpers.js';\nimport type { Precision, TimeErrorKey } from './shared.types.js';\nimport {\n  type FormFieldMessagesReducerAction,\n  FormFieldMessagesAction,\n} from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from '../../forms/forms-core/time/date-time.js';\nimport { type Timeframe, type TimeValue } from '../types/time.js';\n\ntype TimeBoundaryErrorKey = Extract<\n  TimeErrorKey,\n  'maxBoundary' | 'minBoundary' | 'minMaxBoundary'\n>;\n\ntype TimeBoundaryMessageValues = {\n  min: string;\n  max: string;\n};\n\ntype TimeBoundaryMessageData = {\n  errorKey: TimeBoundaryErrorKey;\n  values: TimeBoundaryMessageValues;\n};\n\n/** @internal */\nexport type ValidateOptions = {\n  formMessageDispatch?: Dispatch<FormFieldMessagesReducerAction>;\n  formerError?: TimeErrorKey;\n  precision?: Precision;\n  showError?: boolean;\n  checkOrder?: boolean;\n  ref?: RefObject<unknown>;\n  expectedFormat?: string;\n  valueMode?: 'single' | 'timeframeSelector' | 'dateTimePicker';\n  required?: boolean;\n  /** Optional per-key message overrides. Falls back to built-in defaults for any omitted keys. @internal */\n  errorMessages?: Partial<Record<TimeErrorKey, MessageDescriptor>>;\n};\n\n/**\n * Checks if a date is outside the given min and/or max bounds.\n * @internal\n */\nexport function isOutOfBounds(\n  date?: string | Date,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n): TimeErrorKey | undefined {\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  const newDate =\n    typeof date === 'string'\n      ? parseTimeAsTimeValue(date, relativeNow)?.absoluteDate\n      : date;\n\n  if (!newDate) {\n    return undefined;\n  }\n\n  // Re-evaluate relative expressions using the same \"now\" as the value so\n  // that min/max stay temporally consistent with the date being checked.\n  // Using a stale absoluteDate from a midnight refresh would cause spurious\n  // out-of-bounds errors when the value is evaluated at the current time.\n  const minDate =\n    min?.type === 'expression'\n      ? parseTimeAsTimeValue(min.value, relativeNow)?.absoluteDate\n      : min?.absoluteDate;\n  const maxDate =\n    max?.type === 'expression'\n      ? parseTimeAsTimeValue(max.value, relativeNow)?.absoluteDate\n      : max?.absoluteDate;\n\n  if (\n    minDate &&\n    maxDate &&\n    (isBefore(newDate, minDate) || isAfter(newDate, maxDate))\n  ) {\n    return 'minMaxBoundary';\n  }\n\n  if (minDate && !maxDate && isBefore(newDate, minDate)) {\n    return 'minBoundary';\n  }\n\n  if (!minDate && maxDate && isAfter(newDate, maxDate)) {\n    return 'maxBoundary';\n  }\n\n  return undefined;\n}\nconst DEFAULT_ERROR_MESSAGES = defineMessages({\n  minBoundary: {\n    id: 'KETnWaCwo9qLRQrI',\n    defaultMessage: 'Only dates after {min} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  maxBoundary: {\n    id: 'ONYnUtFidz4+6NmE',\n    defaultMessage: 'Only dates before {max} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  minMaxBoundary: {\n    id: 'Qm0/7EQKVXjS9tDM',\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  invalidOrder: {\n    defaultMessage: \"'from' date should be before 'to' date\",\n    id: 'DKFIWE64kHV1ohuk',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  singleValueMissing: {\n    defaultMessage: 'Please fill in this field.',\n    id: 'hIK5810KwQytwP1q',\n    description: 'DateTimePicker required value is missing.',\n  },\n  missingFrom: {\n    defaultMessage: 'Please enter a start time.',\n    id: 'GUeetpTpusqFkMi+',\n    description: 'From value is missing.',\n  },\n  missingTo: {\n    defaultMessage: 'Please enter an end time.',\n    id: 'tfHTZkRc7sr/Ypcl',\n    description: 'End value is missing.',\n  },\n  missingFromTo: {\n    defaultMessage: 'Please enter a start and end time.',\n    id: '4yANH5gdmW1efk0I',\n    description: 'Start and end values are missing.',\n  },\n  valueMissing: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  invalid: {\n    defaultMessage:\n      'Invalid time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'r/XpT4mat98jCrup',\n    description: 'Given value is invalid',\n  },\n  invalidFrom: {\n    defaultMessage:\n      'Invalid start time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'supuOfI2cSrNKOZ/',\n    description: 'Given from value is invalid',\n  },\n  invalidTo: {\n    defaultMessage:\n      'Invalid end time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'HL9dGWGnhYkm7OyC',\n    description: 'Given to value is invalid',\n  },\n  invalidFromTo: {\n    defaultMessage:\n      'Invalid start and end time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: '89sBAyzLbeW6GyPJ',\n    description: 'Given from and to values are invalid',\n  },\n});\n\n/**\n * Checks whether any part of the given value falls outside the default Grail date range.\n */\nfunction isValueOutsideGrailRange(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n): boolean {\n  if (!value) {\n    return false;\n  }\n\n  const grailMinDate = new Date(GRAIL_MIN_DATE);\n  const grailMaxDate = new Date(GRAIL_MAX_DATE);\n\n  if (isTimeValue(value)) {\n    if (!value.absoluteDate) {\n      return false;\n    }\n    const date = new Date(value.absoluteDate);\n    return isBefore(date, grailMinDate) || isAfter(date, grailMaxDate);\n  }\n\n  const fromDate = value.from?.absoluteDate\n    ? new Date(value.from.absoluteDate)\n    : null;\n  const toDate = value.to?.absoluteDate\n    ? new Date(value.to.absoluteDate)\n    : null;\n\n  return (\n    (fromDate !== null &&\n      (isBefore(fromDate, grailMinDate) || isAfter(fromDate, grailMaxDate))) ||\n    (toDate !== null &&\n      (isBefore(toDate, grailMinDate) || isAfter(toDate, grailMaxDate)))\n  );\n}\n\n/**\n * Filters a GRAIL default min or max TimeValue.\n * Returns `undefined` when the limit is a default Grail boundary and the value\n * is within the Grail range (so the Grail limit should not appear in messages).\n * Custom (non-Grail) limits are always kept.\n */\nfunction filterGrailTimeValue(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  limit?: TimeValue | null,\n): TimeValue | null | undefined {\n  if (!limit) {\n    return limit;\n  }\n\n  const isGrailLimit =\n    limit.value === GRAIL_MIN_DATE || limit.value === GRAIL_MAX_DATE;\n\n  if (!isGrailLimit) {\n    return limit;\n  }\n\n  return isValueOutsideGrailRange(value) ? limit : null;\n}\n\nfunction isTimeBoundaryErrorKey(\n  errorKey?: TimeErrorKey,\n): errorKey is TimeBoundaryErrorKey {\n  return (\n    errorKey === 'minBoundary' ||\n    errorKey === 'maxBoundary' ||\n    errorKey === 'minMaxBoundary'\n  );\n}\n\nfunction parseLimit(\n  limit?: TimeValue | string | null,\n  relativeNow: number = TZDateMini.tz(getTimezone()).getTime(),\n): TimeValue | null | undefined {\n  if (typeof limit !== 'string') {\n    return limit;\n  }\n\n  return parseTimeAsTimeValue(limit, relativeNow) ?? null;\n}\n\nfunction getBoundaryErrorKey(\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n): TimeBoundaryErrorKey | undefined {\n  if (min && max) {\n    return 'minMaxBoundary';\n  }\n\n  if (min) {\n    return 'minBoundary';\n  }\n\n  if (max) {\n    return 'maxBoundary';\n  }\n\n  return undefined;\n}\n\n/**\n * Gets the timeframe boundary message data while hiding default Grail limits\n * unless the current value actually exceeds the Grail range.\n * @internal\n */\nexport function getTimeBoundaryMessageData(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  min?: TimeValue | string | null,\n  max?: TimeValue | string | null,\n  precision: Precision = 'minutes',\n  onlyWhenOutOfBounds: boolean = true,\n): TimeBoundaryMessageData | undefined {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const parsedMin = parseLimit(min, relativeNow);\n  const parsedMax = parseLimit(max, relativeNow);\n  const filteredMin = filterGrailTimeValue(value, parsedMin);\n  const filteredMax = filterGrailTimeValue(value, parsedMax);\n\n  const errorKey = onlyWhenOutOfBounds\n    ? getOutOfBoundsErrorKey(value, filteredMin, filteredMax)\n    : getBoundaryErrorKey(filteredMin, filteredMax);\n\n  if (!isTimeBoundaryErrorKey(errorKey)) {\n    return undefined;\n  }\n\n  const { min: formattedMin, max: formattedMax } = getFormattedMinMax(\n    filteredMin?.value,\n    filteredMax?.value,\n    precision,\n  );\n\n  return {\n    errorKey,\n    values: {\n      min: formattedMin,\n      max: formattedMax,\n    },\n  };\n}\n\n/** validates a Timeframe or a TimeValue against their min and max borders */\nfunction getOutOfBoundsErrorKey(\n  updatedValue:\n    | { from: TimeValue | null; to: TimeValue | null }\n    | TimeValue\n    | null,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n): TimeErrorKey | undefined {\n  // Range value\n  if (\n    updatedValue &&\n    ('from' in updatedValue || 'to' in updatedValue) &&\n    isTimeframe(updatedValue, 'range')\n  ) {\n    const fromErrorKey = isOutOfBounds(updatedValue?.from?.value, min, max);\n    const toErrorKey = isOutOfBounds(updatedValue?.to?.value, min, max);\n    return fromErrorKey || toErrorKey;\n  }\n\n  // Single value\n  if (updatedValue && isTimeValue(updatedValue)) {\n    return isOutOfBounds(updatedValue.value, min, max);\n  }\n}\n\nfunction isInvalidOrder(value: Partial<Timeframe>): boolean {\n  if (isFullTimeframe(value)) {\n    const timezone = getTimezone();\n    const fromTime = new TZDateMini(\n      value.from?.absoluteDate,\n      timezone,\n    ).getTime();\n    const toTime = new TZDateMini(value.to?.absoluteDate, timezone).getTime();\n    if (value.from && value.to && fromTime >= toTime) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction getInvalidErrorKey(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  valueMode?: 'single' | 'timeframeSelector' | 'dateTimePicker',\n): TimeErrorKey | undefined {\n  if (\n    valueMode !== 'single' &&\n    value &&\n    !isTimeValue(value) &&\n    (('from' in value && value.from !== undefined) ||\n      ('to' in value && value.to !== undefined))\n  ) {\n    const isFromInvalid =\n      value.from?.absoluteDate === '' && value.from?.value !== '';\n    const isToInvalid = value.to?.absoluteDate === '' && value.to?.value !== '';\n\n    if (isFromInvalid && isToInvalid) {\n      return 'invalidFromTo';\n    }\n    if (isFromInvalid) {\n      return 'invalidFrom';\n    }\n    if (isToInvalid) {\n      return 'invalidTo';\n    }\n  }\n\n  if (\n    valueMode === 'single' &&\n    value &&\n    'absoluteDate' in value &&\n    value.absoluteDate === '' &&\n    value.value !== ''\n  ) {\n    return 'invalid';\n  }\n\n  return undefined;\n}\n\n/**\n * Determines the appropriate error key for a missing value.\n */\nfunction getValueMissingErrorKey(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  valueMode?: 'single' | 'timeframeSelector' | 'dateTimePicker',\n): TimeErrorKey | undefined {\n  if (value === null) {\n    if (valueMode === 'single') {\n      return 'singleValueMissing';\n    }\n\n    if (valueMode === 'dateTimePicker') {\n      return 'missingFromTo';\n    }\n\n    return 'valueMissing';\n  }\n\n  if (!isTimeValue(value) && value.from === null && value.to === null) {\n    if (valueMode === 'dateTimePicker') {\n      return 'missingFromTo';\n    }\n\n    return 'valueMissing';\n  }\n\n  if (valueMode !== 'single' && isPartialTimeframe(value)) {\n    if (!value.from && value.to?.value === 'now()') {\n      return 'missingFrom';\n    }\n    if (!value.to && value.from?.value === 'now()') {\n      return 'missingTo';\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Validates a Timeframe or a TimeValue against the provided constraints (min, max, required, order) and dispatches appropriate error messages.\n * @internal\n */\nexport function validate(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  options?: ValidateOptions,\n): TimeErrorKey | undefined {\n  const {\n    formMessageDispatch,\n    formerError: previousError,\n    precision: validationPrecision = 'minutes',\n    showError: showValidationError,\n    checkOrder: shouldCheckOrder,\n    ref: validationRef,\n    expectedFormat: expectedValidationFormat = 'YYYY-MM-DD HH:mm:ss',\n    valueMode: validationValueMode,\n    required: isRequired,\n    errorMessages,\n  } = options ?? {};\n\n  const timeBoundaryMessageData = getTimeBoundaryMessageData(\n    value,\n    min,\n    max,\n    validationPrecision,\n  );\n\n  const invalidOrderError =\n    shouldCheckOrder && isInvalidOrder(value as Partial<Timeframe>)\n      ? 'invalidOrder'\n      : undefined;\n  const invalidError = getInvalidErrorKey(value, validationValueMode);\n  const valueMissingError = isRequired\n    ? getValueMissingErrorKey(value, validationValueMode)\n    : undefined;\n  const outOfBoundsError = timeBoundaryMessageData?.errorKey;\n  const errorKey =\n    invalidOrderError ?? valueMissingError ?? outOfBoundsError ?? invalidError;\n\n  if (errorKey) {\n    const messageDef =\n      errorMessages?.[errorKey] ?? DEFAULT_ERROR_MESSAGES[errorKey];\n    // Only add the error message if the erroring input is already mounted\n    validationRef?.current &&\n      formMessageDispatch?.({\n        type: FormFieldMessagesAction.ADDMESSAGE,\n        payload: {\n          id: errorKey,\n          variant: 'error',\n          messageType: 'formcontrol',\n          message: (\n            <FormattedMessage\n              {...messageDef}\n              values={{\n                ...timeBoundaryMessageData?.values,\n                expectedFormat: expectedValidationFormat,\n              }}\n            />\n          ),\n          validityStateKey: 'customError',\n          showError: showValidationError,\n        },\n      });\n  }\n\n  // cleanup old error message\n  if (previousError && previousError !== errorKey) {\n    validationRef?.current &&\n      formMessageDispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: previousError,\n          messageType: 'formcontrol',\n        },\n      });\n  }\n\n  return errorKey;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter, isBefore } from 'date-fns';\nimport { type Dispatch, type RefObject } from 'react';\nimport {\n  FormattedMessage,\n  defineMessages,\n  type MessageDescriptor,\n} from 'react-intl';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport {\n  isFullTimeframe,\n  isPartialTimeframe,\n  isTimeframe,\n  isTimeValue,\n  getFormattedMinMax,\n} from './helpers.js';\nimport type { Precision, TimeErrorKey } from './shared.types.js';\nimport {\n  type FormFieldMessagesReducerAction,\n  FormFieldMessagesAction,\n} from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport {\n  GRAIL_MAX_DATE,\n  GRAIL_MIN_DATE,\n} from '../../forms/forms-core/time/date-time.js';\nimport { type Timeframe, type TimeValue } from '../types/time.js';\n\ntype TimeBoundaryErrorKey = Extract<\n  TimeErrorKey,\n  'maxBoundary' | 'minBoundary' | 'minMaxBoundary'\n>;\n\ntype TimeBoundaryMessageValues = {\n  min: string;\n  max: string;\n};\n\ntype TimeBoundaryMessageData = {\n  errorKey: TimeBoundaryErrorKey;\n  values: TimeBoundaryMessageValues;\n};\n\n/** @internal */\nexport type ValidateOptions = {\n  formMessageDispatch?: Dispatch<FormFieldMessagesReducerAction>;\n  formerError?: TimeErrorKey;\n  precision?: Precision;\n  showError?: boolean;\n  checkOrder?: boolean;\n  ref?: RefObject<unknown>;\n  expectedFormat?: string;\n  valueMode?: 'single' | 'timeframeSelector' | 'dateTimePicker';\n  required?: boolean;\n  /** Optional per-key message overrides. Falls back to built-in defaults for any omitted keys. @internal */\n  errorMessages?: Partial<Record<TimeErrorKey, MessageDescriptor>>;\n};\n\n/**\n * Checks if a date is outside the given min and/or max bounds.\n * @internal\n */\nexport function isOutOfBounds(\n  date?: string | Date,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n): TimeErrorKey | undefined {\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  const newDate =\n    typeof date === 'string'\n      ? parseTimeAsTimeValue(date, relativeNow)?.absoluteDate\n      : date;\n\n  if (!newDate) {\n    return undefined;\n  }\n\n  // Re-evaluate relative expressions using the same \"now\" as the value so\n  // that min/max stay temporally consistent with the date being checked.\n  // Using a stale absoluteDate from a midnight refresh would cause spurious\n  // out-of-bounds errors when the value is evaluated at the current time.\n  const minDate =\n    min?.type === 'expression'\n      ? parseTimeAsTimeValue(min.value, relativeNow)?.absoluteDate\n      : min?.absoluteDate;\n  const maxDate =\n    max?.type === 'expression'\n      ? parseTimeAsTimeValue(max.value, relativeNow)?.absoluteDate\n      : max?.absoluteDate;\n\n  if (\n    minDate &&\n    maxDate &&\n    (isBefore(newDate, minDate) || isAfter(newDate, maxDate))\n  ) {\n    return 'minMaxBoundary';\n  }\n\n  if (minDate && !maxDate && isBefore(newDate, minDate)) {\n    return 'minBoundary';\n  }\n\n  if (!minDate && maxDate && isAfter(newDate, maxDate)) {\n    return 'maxBoundary';\n  }\n\n  return undefined;\n}\nconst DEFAULT_ERROR_MESSAGES = defineMessages({\n  minBoundary: {\n    id: 'KETnWaCwo9qLRQrI',\n    defaultMessage: 'Only dates after {min} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  maxBoundary: {\n    id: 'ONYnUtFidz4+6NmE',\n    defaultMessage: 'Only dates before {max} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  minMaxBoundary: {\n    id: 'Qm0/7EQKVXjS9tDM',\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  invalidOrder: {\n    defaultMessage: \"'from' date should be before 'to' date\",\n    id: 'DKFIWE64kHV1ohuk',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  singleValueMissing: {\n    defaultMessage: 'Please fill in this field.',\n    id: 'hIK5810KwQytwP1q',\n    description: 'DateTimePicker required value is missing.',\n  },\n  missingFrom: {\n    defaultMessage: 'Please enter a start time.',\n    id: 'GUeetpTpusqFkMi+',\n    description: 'From value is missing.',\n  },\n  missingTo: {\n    defaultMessage: 'Please enter an end time.',\n    id: 'tfHTZkRc7sr/Ypcl',\n    description: 'End value is missing.',\n  },\n  missingFromTo: {\n    defaultMessage: 'Please enter a start and end time.',\n    id: '4yANH5gdmW1efk0I',\n    description: 'Start and end values are missing.',\n  },\n  valueMissing: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  invalid: {\n    defaultMessage:\n      'Invalid time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'r/XpT4mat98jCrup',\n    description: 'Given value is invalid',\n  },\n  invalidFrom: {\n    defaultMessage:\n      'Invalid start time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'supuOfI2cSrNKOZ/',\n    description: 'Given from value is invalid',\n  },\n  invalidTo: {\n    defaultMessage:\n      'Invalid end time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'HL9dGWGnhYkm7OyC',\n    description: 'Given to value is invalid',\n  },\n  invalidFromTo: {\n    defaultMessage:\n      'Invalid start and end time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: '89sBAyzLbeW6GyPJ',\n    description: 'Given from and to values are invalid',\n  },\n});\n\n/**\n * Checks whether any part of the given value falls outside the default Grail date range.\n */\nfunction isValueOutsideGrailRange(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n): boolean {\n  if (!value) {\n    return false;\n  }\n\n  const grailMinDate = new Date(GRAIL_MIN_DATE);\n  const grailMaxDate = new Date(GRAIL_MAX_DATE);\n\n  if (isTimeValue(value)) {\n    if (!value.absoluteDate) {\n      return false;\n    }\n    const date = new Date(value.absoluteDate);\n    return isBefore(date, grailMinDate) || isAfter(date, grailMaxDate);\n  }\n\n  const fromDate = value.from?.absoluteDate\n    ? new Date(value.from.absoluteDate)\n    : null;\n  const toDate = value.to?.absoluteDate\n    ? new Date(value.to.absoluteDate)\n    : null;\n\n  return (\n    (fromDate !== null &&\n      (isBefore(fromDate, grailMinDate) || isAfter(fromDate, grailMaxDate))) ||\n    (toDate !== null &&\n      (isBefore(toDate, grailMinDate) || isAfter(toDate, grailMaxDate)))\n  );\n}\n\n/**\n * Filters a GRAIL default min or max TimeValue.\n * Returns `undefined` when the limit is a default Grail boundary and the value\n * is within the Grail range (so the Grail limit should not appear in messages).\n * Custom (non-Grail) limits are always kept.\n */\nfunction filterGrailTimeValue(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  limit?: TimeValue | null,\n): TimeValue | null | undefined {\n  if (!limit) {\n    return limit;\n  }\n\n  const isGrailLimit =\n    limit.value === GRAIL_MIN_DATE || limit.value === GRAIL_MAX_DATE;\n\n  if (!isGrailLimit) {\n    return limit;\n  }\n\n  return isValueOutsideGrailRange(value) ? limit : null;\n}\n\nfunction isTimeBoundaryErrorKey(\n  errorKey?: TimeErrorKey,\n): errorKey is TimeBoundaryErrorKey {\n  return (\n    errorKey === 'minBoundary' ||\n    errorKey === 'maxBoundary' ||\n    errorKey === 'minMaxBoundary'\n  );\n}\n\nfunction parseLimit(\n  limit?: TimeValue | string | null,\n  relativeNow: number = TZDateMini.tz(getTimezone()).getTime(),\n): TimeValue | null | undefined {\n  if (typeof limit !== 'string') {\n    return limit;\n  }\n\n  return parseTimeAsTimeValue(limit, relativeNow) ?? null;\n}\n\nfunction getBoundaryErrorKey(\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n): TimeBoundaryErrorKey | undefined {\n  if (min && max) {\n    return 'minMaxBoundary';\n  }\n\n  if (min) {\n    return 'minBoundary';\n  }\n\n  if (max) {\n    return 'maxBoundary';\n  }\n\n  return undefined;\n}\n\n/**\n * Gets the timeframe boundary message data while hiding default Grail limits\n * unless the current value actually exceeds the Grail range.\n * @internal\n */\nexport function getTimeBoundaryMessageData(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  min?: TimeValue | string | null,\n  max?: TimeValue | string | null,\n  precision: Precision = 'minutes',\n  onlyWhenOutOfBounds: boolean = true,\n): TimeBoundaryMessageData | undefined {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const parsedMin = parseLimit(min, relativeNow);\n  const parsedMax = parseLimit(max, relativeNow);\n  const filteredMin = filterGrailTimeValue(value, parsedMin);\n  const filteredMax = filterGrailTimeValue(value, parsedMax);\n\n  const errorKey = onlyWhenOutOfBounds\n    ? getOutOfBoundsErrorKey(value, filteredMin, filteredMax)\n    : getBoundaryErrorKey(filteredMin, filteredMax);\n\n  if (!isTimeBoundaryErrorKey(errorKey)) {\n    return undefined;\n  }\n\n  const { min: formattedMin, max: formattedMax } = getFormattedMinMax(\n    filteredMin?.value,\n    filteredMax?.value,\n    precision,\n  );\n\n  return {\n    errorKey,\n    values: {\n      min: formattedMin,\n      max: formattedMax,\n    },\n  };\n}\n\n/** validates a Timeframe or a TimeValue against their min and max borders */\nfunction getOutOfBoundsErrorKey(\n  updatedValue:\n    | { from: TimeValue | null; to: TimeValue | null }\n    | TimeValue\n    | null,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n): TimeErrorKey | undefined {\n  // Range value\n  if (\n    updatedValue &&\n    ('from' in updatedValue || 'to' in updatedValue) &&\n    isTimeframe(updatedValue, 'range')\n  ) {\n    const fromErrorKey = isOutOfBounds(updatedValue?.from?.value, min, max);\n    const toErrorKey = isOutOfBounds(updatedValue?.to?.value, min, max);\n    return fromErrorKey || toErrorKey;\n  }\n\n  // Single value\n  if (updatedValue && isTimeValue(updatedValue)) {\n    return isOutOfBounds(updatedValue.value, min, max);\n  }\n}\n\nfunction isInvalidOrder(value: Partial<Timeframe>): boolean {\n  if (isFullTimeframe(value)) {\n    const timezone = getTimezone();\n    const fromTime = new TZDateMini(\n      value.from?.absoluteDate,\n      timezone,\n    ).getTime();\n    const toTime = new TZDateMini(value.to?.absoluteDate, timezone).getTime();\n    if (value.from && value.to && fromTime >= toTime) {\n      return true;\n    }\n  }\n  return false;\n}\n\nfunction getInvalidErrorKey(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  valueMode?: 'single' | 'timeframeSelector' | 'dateTimePicker',\n): TimeErrorKey | undefined {\n  if (\n    valueMode !== 'single' &&\n    value &&\n    !isTimeValue(value) &&\n    (('from' in value && value.from !== undefined) ||\n      ('to' in value && value.to !== undefined))\n  ) {\n    const isFromInvalid =\n      value.from?.absoluteDate === '' && value.from?.value !== '';\n    const isToInvalid = value.to?.absoluteDate === '' && value.to?.value !== '';\n\n    if (isFromInvalid && isToInvalid) {\n      return 'invalidFromTo';\n    }\n    if (isFromInvalid) {\n      return 'invalidFrom';\n    }\n    if (isToInvalid) {\n      return 'invalidTo';\n    }\n  }\n\n  if (\n    valueMode === 'single' &&\n    value &&\n    'absoluteDate' in value &&\n    value.absoluteDate === '' &&\n    value.value !== ''\n  ) {\n    return 'invalid';\n  }\n\n  return undefined;\n}\n\n/**\n * Determines the appropriate error key for a missing value.\n */\nfunction getValueMissingErrorKey(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  valueMode?: 'single' | 'timeframeSelector' | 'dateTimePicker',\n): TimeErrorKey | undefined {\n  if (value === null) {\n    if (valueMode === 'single') {\n      return 'singleValueMissing';\n    }\n\n    if (valueMode === 'dateTimePicker') {\n      return 'missingFromTo';\n    }\n\n    return 'valueMissing';\n  }\n\n  if (!isTimeValue(value) && value.from === null && value.to === null) {\n    if (valueMode === 'dateTimePicker') {\n      return 'missingFromTo';\n    }\n\n    return 'valueMissing';\n  }\n\n  if (valueMode !== 'single' && isPartialTimeframe(value)) {\n    if (!value.from) {\n      return 'missingFrom';\n    }\n    if (!value.to) {\n      return 'missingTo';\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * Validates a Timeframe or a TimeValue against the provided constraints (min, max, required, order) and dispatches appropriate error messages.\n * @internal\n */\nexport function validate(\n  value: { from: TimeValue | null; to: TimeValue | null } | TimeValue | null,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  options?: ValidateOptions,\n): TimeErrorKey | undefined {\n  const {\n    formMessageDispatch,\n    formerError: previousError,\n    precision: validationPrecision = 'minutes',\n    showError: showValidationError,\n    checkOrder: shouldCheckOrder,\n    ref: validationRef,\n    expectedFormat: expectedValidationFormat = 'YYYY-MM-DD HH:mm:ss',\n    valueMode: validationValueMode,\n    required: isRequired,\n    errorMessages,\n  } = options ?? {};\n\n  const timeBoundaryMessageData = getTimeBoundaryMessageData(\n    value,\n    min,\n    max,\n    validationPrecision,\n  );\n\n  const invalidOrderError =\n    shouldCheckOrder && isInvalidOrder(value as Partial<Timeframe>)\n      ? 'invalidOrder'\n      : undefined;\n  const invalidError = getInvalidErrorKey(value, validationValueMode);\n  const valueMissingError = isRequired\n    ? getValueMissingErrorKey(value, validationValueMode)\n    : undefined;\n  const outOfBoundsError = timeBoundaryMessageData?.errorKey;\n  const errorKey =\n    invalidOrderError ?? valueMissingError ?? outOfBoundsError ?? invalidError;\n\n  if (errorKey) {\n    const messageDef =\n      errorMessages?.[errorKey] ?? DEFAULT_ERROR_MESSAGES[errorKey];\n    // Only add the error message if the erroring input is already mounted\n    validationRef?.current &&\n      formMessageDispatch?.({\n        type: FormFieldMessagesAction.ADDMESSAGE,\n        payload: {\n          id: errorKey,\n          variant: 'error',\n          messageType: 'formcontrol',\n          message: (\n            <FormattedMessage\n              {...messageDef}\n              values={{\n                ...timeBoundaryMessageData?.values,\n                expectedFormat: expectedValidationFormat,\n              }}\n            />\n          ),\n          validityStateKey: 'customError',\n          showError: showValidationError,\n        },\n      });\n  }\n\n  // cleanup old error message\n  if (previousError && previousError !== errorKey) {\n    validationRef?.current &&\n      formMessageDispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: previousError,\n          messageType: 'formcontrol',\n        },\n      });\n  }\n\n  return errorKey;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/core/utils/colorUtils.css

@@ -1,75 +1,75 @@
-._k096v44-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-critical-default, #bb0731);
-  --_k096v41-3-5-2: var(--dt-colors-icon-critical-default, #bb0731);
-  --_k096v42-3-5-2: var(--dt-colors-border-critical-default, #f6d6d5);
+._k096v44-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-critical-default, #bb0731);
+  --_k096v41-3-6-0: var(--dt-colors-icon-critical-default, #bb0731);
+  --_k096v42-3-6-0: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._k096v45-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_k096v41-3-5-2: var(--dt-colors-icon-neutral-default, #2f2f4f);
-  --_k096v42-3-5-2: var(--dt-colors-border-neutral-default, #dadbe4);
+._k096v45-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_k096v41-3-6-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
+  --_k096v42-3-6-0: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._k096v46-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-primary-default, #464cce);
-  --_k096v41-3-5-2: var(--dt-colors-icon-primary-default, #464cce);
-  --_k096v42-3-5-2: var(--dt-colors-border-primary-default, #d5dbf6);
+._k096v46-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-primary-default, #464cce);
+  --_k096v41-3-6-0: var(--dt-colors-icon-primary-default, #464cce);
+  --_k096v42-3-6-0: var(--dt-colors-border-primary-default, #d5dbf6);
 }
-._k096v47-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-success-default, #2d6761);
-  --_k096v41-3-5-2: var(--dt-colors-icon-success-default, #2d6761);
-  --_k096v42-3-5-2: var(--dt-colors-border-success-default, #d3dedd);
+._k096v47-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-success-default, #2d6761);
+  --_k096v41-3-6-0: var(--dt-colors-icon-success-default, #2d6761);
+  --_k096v42-3-6-0: var(--dt-colors-border-success-default, #d3dedd);
 }
-._k096v48-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-warning-default, #855400);
-  --_k096v41-3-5-2: var(--dt-colors-icon-warning-default, #855400);
-  --_k096v42-3-5-2: var(--dt-colors-border-warning-default, #f9ebdb);
+._k096v48-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-warning-default, #855400);
+  --_k096v41-3-6-0: var(--dt-colors-icon-warning-default, #855400);
+  --_k096v42-3-6-0: var(--dt-colors-border-warning-default, #f9ebdb);
 }
-._k096v4d-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
-  --_k096v41-3-5-2: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
-  --_k096v42-3-5-2: var(--dt-colors-border-primary-accent, #464cce);
+._k096v4d-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-primary-on-accent-default, #f4f4fb);
+  --_k096v41-3-6-0: var(--dt-colors-icon-primary-on-accent-default, #f4f4fb);
+  --_k096v42-3-6-0: var(--dt-colors-border-primary-accent, #464cce);
 }
-._k096v4e-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
-  --_k096v41-3-5-2: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
-  --_k096v42-3-5-2: var(--dt-colors-border-success-accent, #2d6761);
+._k096v4e-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-success-on-accent-default, #f1f4f4);
+  --_k096v41-3-6-0: var(--dt-colors-icon-success-on-accent-default, #f1f4f4);
+  --_k096v42-3-6-0: var(--dt-colors-border-success-accent, #2d6761);
 }
-._k096v4f-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-warning-on-accent-default, #272024);
-  --_k096v41-3-5-2: var(--dt-colors-icon-warning-on-accent-default, #272024);
-  --_k096v42-3-5-2: var(--dt-colors-border-warning-accent, #855400);
+._k096v4f-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-warning-on-accent-default, #272024);
+  --_k096v41-3-6-0: var(--dt-colors-icon-warning-on-accent-default, #272024);
+  --_k096v42-3-6-0: var(--dt-colors-border-warning-accent, #855400);
 }
-._k096v4g-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
-  --_k096v41-3-5-2: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
-  --_k096v42-3-5-2: var(--dt-colors-border-critical-accent, #bb0731);
+._k096v4g-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-critical-on-accent-default, #f9f1f3);
+  --_k096v41-3-6-0: var(--dt-colors-icon-critical-on-accent-default, #f9f1f3);
+  --_k096v42-3-6-0: var(--dt-colors-border-critical-accent, #bb0731);
 }
-._k096v4h-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
-  --_k096v41-3-5-2: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
-  --_k096v42-3-5-2: var(--dt-colors-border-neutral-accent, #595a7d);
+._k096v4h-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
+  --_k096v41-3-6-0: var(--dt-colors-icon-neutral-on-accent-default, #f3f3f6);
+  --_k096v42-3-6-0: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._k096v4i-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-primary-disabled, #595a7d80);
-  --_k096v41-3-5-2: var(--dt-colors-icon-primary-disabled, #595a7d80);
-  --_k096v42-3-5-2: var(--dt-colors-border-primary-disabled, #dadbe480);
+._k096v4i-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-primary-disabled, #595a7d80);
+  --_k096v41-3-6-0: var(--dt-colors-icon-primary-disabled, #595a7d80);
+  --_k096v42-3-6-0: var(--dt-colors-border-primary-disabled, #dadbe480);
 }
-._k096v4j-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-success-disabled, #595a7d80);
-  --_k096v41-3-5-2: var(--dt-colors-icon-success-disabled, #595a7d80);
-  --_k096v42-3-5-2: var(--dt-colors-border-success-disabled, #dadbe480);
+._k096v4j-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-success-disabled, #595a7d80);
+  --_k096v41-3-6-0: var(--dt-colors-icon-success-disabled, #595a7d80);
+  --_k096v42-3-6-0: var(--dt-colors-border-success-disabled, #dadbe480);
 }
-._k096v4k-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-warning-disabled, #595a7d80);
-  --_k096v41-3-5-2: var(--dt-colors-icon-warning-disabled, #595a7d80);
-  --_k096v42-3-5-2: var(--dt-colors-border-warning-disabled, #dadbe480);
+._k096v4k-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-warning-disabled, #595a7d80);
+  --_k096v41-3-6-0: var(--dt-colors-icon-warning-disabled, #595a7d80);
+  --_k096v42-3-6-0: var(--dt-colors-border-warning-disabled, #dadbe480);
 }
-._k096v4l-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-critical-disabled, #595a7d80);
-  --_k096v41-3-5-2: var(--dt-colors-icon-critical-disabled, #595a7d80);
-  --_k096v42-3-5-2: var(--dt-colors-border-critical-disabled, #dadbe480);
+._k096v4l-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-critical-disabled, #595a7d80);
+  --_k096v41-3-6-0: var(--dt-colors-icon-critical-disabled, #595a7d80);
+  --_k096v42-3-6-0: var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._k096v4m-3-5-2 {
-  --_k096v40-3-5-2: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_k096v41-3-5-2: var(--dt-colors-icon-neutral-disabled, #595a7d80);
-  --_k096v42-3-5-2: var(--dt-colors-border-neutral-disabled, #dadbe480);
+._k096v4m-3-6-0 {
+  --_k096v40-3-6-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_k096v41-3-6-0: var(--dt-colors-icon-neutral-disabled, #595a7d80);
+  --_k096v42-3-6-0: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }