@dynatrace/strato-components 3.2.1 → 3.3.0

package/forms/forms-core/time/helpers.js

@@ -19,12 +19,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var helpers_exports = {};
 __export(helpers_exports, {
   convertDateOnlyToDateTime: () => convertDateOnlyToDateTime,
+  eachDayOfInterval: () => eachDayOfInterval,
   filterOutGrailLimit: () => filterOutGrailLimit,
   getDayPeriodValues: () => getDayPeriodValues,
   getSafeRegionalFormat: () => getSafeRegionalFormat,
   getTimeValueFromSimpleValue: () => getTimeValueFromSimpleValue,
+  resetRegionalFormatErrorFlag: () => resetRegionalFormatErrorFlag,
   sortTimeframeValues: () => sortTimeframeValues,
-  timeValueToDate: () => timeValueToDate
+  timeValueToDate: () => timeValueToDate,
+  toCalendarValue: () => toCalendarValue
 });
 module.exports = __toCommonJS(helpers_exports);
 var import_tz = require("@date-fns/tz");
@@ -33,9 +36,43 @@ var import_units = require("@dynatrace-sdk/units");
 var import_user_preferences = require("@dynatrace-sdk/user-preferences");
 var import_date_time = require("./date-time.js");
 var import_timeParser = require("./timeParser.js");
-var import_time = require("../../../core/types/time.js");
+var import_sdk_logger = require("../../../core/sdk/sdk-logger.js");
+var import_helpers = require("../../../core/time/helpers.js");
+var import_validation = require("../../../core/time/validation.js");
 var import_timeframe_selection = require("../../../filters/timeframe-selector/utils/timeframe-selection.js");
-var import_calendar_validation = require("../../calendar/state/calendar-validation.js");
+function normalizeDates(context, ...dates) {
+  const normalize = import_date_fns.constructFrom.bind(
+    null,
+    context || dates.find((date) => typeof date === "object")
+  );
+  return dates.map(normalize);
+}
+function eachDayOfInterval(interval, options) {
+  const [start, end] = normalizeDates(
+    options?.in,
+    interval.start,
+    interval.end
+  );
+  let reversed = +start > +end;
+  const endTime = reversed ? +start : +end;
+  const date = reversed ? end : start;
+  date.setHours(0, 0, 0, 0);
+  let step = options?.step ?? 1;
+  if (!step) {
+    return [];
+  }
+  if (step < 0) {
+    step = -step;
+    reversed = !reversed;
+  }
+  const dates = [];
+  while (+date <= endTime) {
+    dates.push((0, import_date_fns.constructFrom)(start, date));
+    date.setHours(date.getHours() + step * 24 + 1);
+    date.setHours(0);
+  }
+  return reversed ? dates.reverse() : dates;
+}
 function sortTimeframeValues(value, min, max, precision) {
   if (value?.from?.absoluteDate && value?.to?.absoluteDate && (0, import_date_fns.isBefore)(value.to.absoluteDate, value.from.absoluteDate)) {
     return {
@@ -64,7 +101,34 @@ function sortTimeframeValues(value, min, max, precision) {
     to: value?.to
   };
 }
-const getSafeRegionalFormat = () => {
+let hasLoggedSafeRegionalFormatError = false;
+function resetRegionalFormatErrorFlag() {
+  hasLoggedSafeRegionalFormatError = false;
+}
+function getSafeRegionalFormat() {
+  const region = (0, import_user_preferences.getRegionalFormat)();
+  const modifiedRegion = removeProblematicLanguagesFromRegion(region);
+  try {
+    new Intl.Locale(modifiedRegion);
+    if (Intl.DisplayNames.supportedLocalesOf([modifiedRegion]).length === 0) {
+      throw new Error(
+        `Locale "${modifiedRegion}" is not supported by Intl.DisplayNames.`
+      );
+    }
+    return modifiedRegion;
+  } catch (error) {
+    const logger = (0, import_sdk_logger.useStratoLogger)("Date-Component");
+    if (!hasLoggedSafeRegionalFormatError) {
+      logger.error(`Invalid regional format "${region}" encountered.`, error, {
+        region,
+        modifiedRegion
+      });
+      hasLoggedSafeRegionalFormatError = true;
+    }
+    return "en-US";
+  }
+}
+const removeProblematicLanguagesFromRegion = (region) => {
   const problematicLanguages = [
     // Non-Arabic numerals.
     "ar",
@@ -109,19 +173,21 @@ const getSafeRegionalFormat = () => {
     "to",
     "yue",
     "zh",
+    "tw",
+    "bh",
     // Non gregorian calendars.
     "th"
   ];
-  let safeRegionalFormat = (0, import_user_preferences.getRegionalFormat)();
+  let safeRegionalFormat = region;
   if (!safeRegionalFormat) {
-    return "EN";
+    return "en-US";
+  }
+  if (safeRegionalFormat.split("-")[1] === void 0) {
+    return "en-" + safeRegionalFormat.split("-")[0];
   }
   if (problematicLanguages.find(
     (lang) => lang === safeRegionalFormat.split("-")[0].toLocaleLowerCase()
   )) {
-    if (safeRegionalFormat.split("-")[1] === void 0) {
-      return "EN";
-    }
     safeRegionalFormat = "en-" + safeRegionalFormat.split("-")[1];
   }
   if (safeRegionalFormat.split("-")[3]) {
@@ -156,7 +222,7 @@ const getTimeValueFromSimpleValue = (candidate, timeOffset, position, isExpressi
     (0, import_timeParser.removePrecision)(min?.absoluteDate ?? "", precision),
     timezone
   );
-  if (min && position !== "to" && (0, import_calendar_validation.isOutOfBounds)((0, import_date_fns.startOfDay)(date), min.absoluteDate) && (0, import_date_fns.isSameDay)(minDate, date)) {
+  if (min && position !== "to" && (0, import_validation.isOutOfBounds)((0, import_date_fns.startOfDay)(date), min) && (0, import_date_fns.isSameDay)(minDate, date)) {
     if (min.type === "expression") {
       return min;
     }
@@ -166,33 +232,35 @@ const getTimeValueFromSimpleValue = (candidate, timeOffset, position, isExpressi
       minDate.getTime() === new import_tz.TZDateMini(min.absoluteDate, timezone).getTime() ? 0 : offsetByPrecision[precision] ?? 0
     );
     const parsedMin = (0, import_units.parseTimeAsTimeValue)(
-      (0, import_date_fns.addSeconds)(minDate, offsetSeconds).toISOString()
+      (0, import_date_fns.addSeconds)(minDate, offsetSeconds).toISOString(),
+      void 0,
+      precision
     );
     if (parsedMin && (0, import_date_fns.isSameDay)(minDate, date)) {
       return parsedMin;
     }
   }
-  if (max && position !== "from" && (0, import_calendar_validation.isOutOfBounds)((0, import_date_fns.endOfDay)(date), void 0, max.absoluteDate) && (0, import_date_fns.isSameDay)(new import_tz.TZDateMini(max.absoluteDate, timezone), date)) {
+  if (max && position !== "from" && (0, import_validation.isOutOfBounds)((0, import_date_fns.endOfDay)(date), void 0, max) && (0, import_date_fns.isSameDay)(new import_tz.TZDateMini(max.absoluteDate, timezone), date)) {
     return max;
   }
-  const parsedDate = (0, import_units.parseTimeAsTimeValue)(stringDate);
+  const parsedDate = (0, import_units.parseTimeAsTimeValue)(stringDate, void 0, precision);
   if (!parsedDate) {
     return void 0;
   }
   const isRelativeExpression = isExpression || parsedDate.type === "expression";
-  const dateWithTime = _getPreciseIsoString(
+  const resolvedDate = precision === "day" ? parsedDate.absoluteDate : _getPreciseIsoString(
     parsedDate.absoluteDate,
     timeOffset,
     position,
     isRelativeExpression
   );
-  return isRelativeExpression ? { ...parsedDate, absoluteDate: dateWithTime, type: "expression" } : { ...parsedDate, absoluteDate: dateWithTime, value: dateWithTime };
+  return isRelativeExpression ? { ...parsedDate, absoluteDate: resolvedDate, type: "expression" } : { ...parsedDate, absoluteDate: resolvedDate, value: resolvedDate };
 };
 function _getPreciseIsoString(isoString, timeOffset, position, isExpression) {
   if (!timeOffset) {
     return isoString;
   }
-  const offsetDate = (0, import_time._isSimpleTimeOffset)(timeOffset) ? timeOffset : timeOffset[position ?? "from"];
+  const offsetDate = (0, import_helpers.isSimpleTimeOffset)(timeOffset) ? timeOffset : timeOffset[position ?? "from"];
   const date = new import_tz.TZDateMini(isoString, (0, import_user_preferences.getTimezone)());
   if (isExpression) {
     return date.toISOString();
@@ -225,6 +293,18 @@ const convertDateOnlyToDateTime = (isoString, type) => {
   }
   return isoString ?? "";
 };
+function toCalendarValue(value, precision) {
+  if (!value || value.absoluteDate === "") {
+    return null;
+  }
+  if (precision === "day") {
+    const converted = convertDateOnlyToDateTime(value.absoluteDate, "date");
+    if (converted) {
+      return { absoluteDate: converted, value: converted, type: "iso8601" };
+    }
+  }
+  return value;
+}
 function filterOutGrailLimit(value, limit) {
   const isOutsideGrailLimit = (0, import_timeframe_selection.isOutsideRange)(
     value,

package/forms/forms-core/time/timeParser.d.ts

@@ -1,8 +1,7 @@
 import { type IntlShape } from 'react-intl';
 import type { RequireAtLeastOne } from 'type-fest';
+import type { Precision } from '../../../core/time/shared.types.js';
 import type { TimeValue, Timeframe } from '../../../core/types/time.js';
-import type { TimeframeSelectorProps } from '../../../filters/timeframe-selector/TimeframeSelector.types.js';
-import { DateTimePickerType } from '../../date-time-picker/types.js';
 /** @internal */
 export declare const messages: {
     ms: {
@@ -173,22 +172,32 @@ export declare const messages: {
 };
 /**@internal */
 export declare function isExpressionString(candidate: string): boolean;
+/**
+ * Converts a candidate value into a TimeValue. In case it doesn't yield
+ * a valid date it sets absoluteDate to emptyString and returns the
+ * partial value in value.
+ * @internal
+ */
+export declare function getTimeValue(candidate?: TimeValue | string | null, precision?: Precision, relativeNow?: number, type?: 'iso8601' | 'expression'): TimeValue | undefined | null;
 /** @internal */
-export declare function getTimeValue(candidate?: TimeValue | string | null, precision?: 'minutes' | 'seconds' | 'milliseconds', type?: DateTimePickerType, relativeNow?: number): TimeValue | undefined | null;
+export declare function mapToPartialTimeframe(value?: Partial<{
+    from: string;
+    to: string;
+}> | Partial<Timeframe> | null, precision?: Precision): Partial<Timeframe> | null;
 /** @internal */
-export declare function mapToTimeframe(value: RequireAtLeastOne<{
+export declare function mapToTimeframe(value?: Partial<{
     from: string;
     to: string;
-}> | RequireAtLeastOne<Timeframe>, precision?: 'minutes' | 'seconds' | 'milliseconds'): RequireAtLeastOne<Timeframe> | null;
+}> | Partial<Timeframe> | null, precision?: 'minutes' | 'seconds' | 'milliseconds'): RequireAtLeastOne<Timeframe> | null;
 /**
  * You can use the `_parseValue` utility function to convert a Timeframe or Timeframe value into an object containing `from` and `to`
  * `TimeValue`s or null values. If `fallbackToNow` is set to true, the `to` value falls back to `now` in case the to value is empty.
  * @internal
  */
-export declare function parseValue(value: RequireAtLeastOne<{
+export declare function parseValue(value: Partial<{
     from: string;
     to: string;
-}> | RequireAtLeastOne<Timeframe> | null, fallbackToNow?: boolean, precision?: 'minutes' | 'seconds' | 'milliseconds'): {
+}> | Partial<Timeframe> | null, fallbackToNow?: boolean, precision?: Precision): {
     from: TimeValue | null;
     to: TimeValue | null;
 };
@@ -196,12 +205,7 @@ export declare function parseValue(value: RequireAtLeastOne<{
  * Formatter that displays sanitized time value strings.
  * @internal
  */
-export declare function formatTimeValue(input: TimeValue | Omit<TimeValue, 'absoluteDate'> | string | null, precision?: TimeframeSelectorProps['precision']): string;
-/**
- * Formatter that gets the formatted time value strings.
- * @internal
- */
-export declare function getFormattedTimeValue(timeValue: TimeValue | null, precision?: TimeframeSelectorProps['precision'], showTimeOnly?: boolean): string;
+export declare function formatTimeValue(input: TimeValue | Omit<TimeValue, 'absoluteDate'> | string | null, precision?: Precision): string;
 /**
  * Returns the from and to string values from a Timeframe or its shorthand version.
  * @internal
@@ -209,7 +213,7 @@ export declare function getFormattedTimeValue(timeValue: TimeValue | null, preci
 export declare function getFromToValues(value?: Partial<{
     from: string;
     to: string;
-}> | RequireAtLeastOne<Timeframe> | null): {
+}> | Partial<Timeframe> | null): {
     valueFrom?: undefined;
     valueTo?: undefined;
 } | {
@@ -223,7 +227,7 @@ export declare function getFromToValues(value?: Partial<{
 export declare function formatTimeframe(value: Timeframe | {
     from: string;
     to: string;
-} | null, intl: IntlShape, precision?: 'minutes' | 'seconds' | 'milliseconds'): {
+} | null, intl: IntlShape, precision?: Precision): {
     displayValue: string;
     isInvalid: boolean;
     hint: string;
@@ -232,7 +236,7 @@ export declare function formatTimeframe(value: Timeframe | {
  * Extracts the display value string from the from and to time values.
  * @internal
  */
-export declare function extractDisplayValueFromTimeValues(from: TimeValue | null, to: TimeValue | null, intl: IntlShape, precision?: 'minutes' | 'seconds' | 'milliseconds', valueFrom?: string, valueTo?: string): {
+export declare function extractDisplayValueFromTimeValues(from: TimeValue | null, to: TimeValue | null, intl: IntlShape, precision?: Precision, valueFrom?: string, valueTo?: string): {
     displayValue: string;
     isInvalid: boolean;
     hint: string;
@@ -240,22 +244,28 @@ export declare function extractDisplayValueFromTimeValues(from: TimeValue | null
 /**
  * @internal
  */
-export declare function formatDetails(details: TimeValue, intl: IntlShape, precision?: TimeframeSelectorProps['precision'], showTimeOnly?: boolean, isRelativeToNow?: boolean): string;
+export declare function formatDetails(details: TimeValue, intl: IntlShape, precision?: Precision, showTimeOnly?: boolean, isRelativeToNow?: boolean): string;
+/**
+ * Gets the translated message to show when a value is outside the min and/or max
+ * @internal
+ * @deprecated - use proper validation fn with error messages object
+ */
+export declare function getOutsideRangeMessage(intl: IntlShape, min?: string, max?: string, precision?: Precision): string;
 /**
- * Gets the formatted min and max values that are used in the translated messages.
+ * Removes the specified precision from a ISOString.
  * @internal
  */
-export declare function getFormattedMinMax(min?: string, max?: string, precision?: TimeframeSelectorProps['precision']): {
-    min: string;
-    max: string;
-};
+export declare function removePrecision(isoString: string, precision?: Precision): string;
 /**
- * Gets the translated message to show when a value is outside the min and/or max
+ * Removes the specified precision from a Timeframe or returns the input unchanged.
  * @internal
  */
-export declare function getOutsideRangeMessage(intl: IntlShape, min?: string, max?: string, precision?: TimeframeSelectorProps['precision']): string;
+export declare const removePrecisionFromTimeFrame: (date: Partial<{
+    from: string;
+    to: string;
+}> | Partial<Timeframe> | null | undefined, precision?: Precision) => Partial<Timeframe> | null | undefined;
 /**
- * Removes the specified precision from a ISOString.
+ * Removes the specified precision from a TimeValue or returns the input unchanged.
  * @internal
  */
-export declare function removePrecision(isoString: string, precision?: 'day' | 'minutes' | 'seconds' | 'milliseconds'): string;
+export declare const removePrecisionFromTimeValue: (date: TimeValue | null, precision?: Precision) => TimeValue | null;

package/forms/forms-core/time/timeParser.js

@@ -22,16 +22,17 @@ __export(timeParser_exports, {
   formatDetails: () => formatDetails,
   formatTimeValue: () => formatTimeValue,
   formatTimeframe: () => formatTimeframe,
-  getFormattedMinMax: () => getFormattedMinMax,
-  getFormattedTimeValue: () => getFormattedTimeValue,
   getFromToValues: () => getFromToValues,
   getOutsideRangeMessage: () => getOutsideRangeMessage,
   getTimeValue: () => getTimeValue,
   isExpressionString: () => isExpressionString,
+  mapToPartialTimeframe: () => mapToPartialTimeframe,
   mapToTimeframe: () => mapToTimeframe,
   messages: () => messages,
   parseValue: () => parseValue,
-  removePrecision: () => removePrecision
+  removePrecision: () => removePrecision,
+  removePrecisionFromTimeFrame: () => removePrecisionFromTimeFrame,
+  removePrecisionFromTimeValue: () => removePrecisionFromTimeValue
 });
 module.exports = __toCommonJS(timeParser_exports);
 var import_tz = require("@date-fns/tz");
@@ -39,6 +40,7 @@ var import_date_fns = require("date-fns");
 var import_react_intl = require("react-intl");
 var import_units = require("@dynatrace-sdk/units");
 var import_user_preferences = require("@dynatrace-sdk/user-preferences");
+var import_helpers = require("../../../core/time/helpers.js");
 var import_is_node_environment = require("../../../core/utils/is-node-environment.js");
 const messages = (0, import_react_intl.defineMessages)({
   ms: {
@@ -211,30 +213,46 @@ function isExpressionString(candidate) {
   const [expression] = candidate.match((0, import_units._getTimeframeExpression)()) ?? [];
   return !!expression;
 }
-function getTimeValue(candidate, precision, type, relativeNow) {
+function getTimeValue(candidate, precision, relativeNow, type = "expression") {
   if (candidate === void 0) {
     return void 0;
   }
   if (candidate === null) {
     return null;
   }
-  if (typeof candidate === "string") {
+  if (typeof candidate === "string" || candidate.type === "expression") {
+    const stringCandidate = typeof candidate === "string" ? candidate : candidate.value;
     const parsed = (0, import_units.parseTimeAsTimeValue)(
-      candidate,
+      stringCandidate,
       relativeNow,
-      type === "date" ? "day" : precision
+      precision
     );
     if (!parsed) {
-      return { absoluteDate: "", value: candidate, type: "expression" };
+      return { absoluteDate: "", value: stringCandidate, type };
     }
     return parsed;
   }
-  return candidate;
+  return removePrecisionFromTimeValue(candidate, precision);
+}
+function mapToPartialTimeframe(value, precision) {
+  if (!value || value.from === void 0 && value.to === void 0) {
+    return null;
+  }
+  const relativeNow = import_tz.TZDateMini.tz((0, import_user_preferences.getTimezone)()).getTime();
+  const from = getTimeValue(value.from, precision, relativeNow) ?? void 0;
+  const to = getTimeValue(value.to, precision, relativeNow) ?? void 0;
+  return {
+    from,
+    to
+  };
 }
 function mapToTimeframe(value, precision) {
+  if (!value || value.from === void 0 && value.to === void 0) {
+    return null;
+  }
   const relativeNow = import_tz.TZDateMini.tz((0, import_user_preferences.getTimezone)()).getTime();
-  const from = getTimeValue(value.from, precision, "datetime", relativeNow);
-  const to = getTimeValue(value.to, precision, "datetime", relativeNow);
+  const from = getTimeValue(value.from, precision, relativeNow);
+  const to = getTimeValue(value.to, precision, relativeNow);
   if (from === void 0 && to === void 0) {
     return null;
   }
@@ -258,9 +276,24 @@ function parseValue(value, fallbackToNow = false, precision) {
   }
   const { valueFrom, valueTo } = getFromToValues(value);
   const relativeNow = import_tz.TZDateMini.tz(timezone).getTime();
-  const from = (0, import_units.parseTimeAsTimeValue)(valueFrom, relativeNow, precision);
-  const to = fallbackToNow && !valueTo ? nowDate : (0, import_units.parseTimeAsTimeValue)(valueTo, relativeNow, precision);
-  return { from, to };
+  const parsedFrom = (0, import_units.parseTimeAsTimeValue)(valueFrom, relativeNow, precision);
+  const parsedTo = fallbackToNow && !valueTo ? nowDate : (0, import_units.parseTimeAsTimeValue)(valueTo, relativeNow, precision);
+  const invalidFrom = {
+    type: "expression",
+    value: valueFrom ?? "",
+    absoluteDate: ""
+  };
+  const invalidTo = {
+    type: "expression",
+    value: valueTo ?? "",
+    absoluteDate: ""
+  };
+  const from = parsedFrom ?? (valueFrom === void 0 ? null : invalidFrom);
+  const to = parsedTo ?? (valueTo === void 0 ? null : invalidTo);
+  return {
+    from,
+    to
+  };
 }
 function formatTimeValue(input, precision = "minutes") {
   if (input === null) {
@@ -279,32 +312,13 @@ function formatTimeValue(input, precision = "minutes") {
   }
   const { type, value } = timeValue;
   if (type === "iso8601") {
-    return getFormattedTimeValue(timeValue, precision);
+    return (0, import_helpers.getFormattedTimeValue)(timeValue, precision);
   }
   if (value === "now()") {
     return "Now";
   }
   return value.replaceAll("now()", "").replaceAll("now", "").trim();
 }
-function getFormattedTimeValue(timeValue, precision, showTimeOnly) {
-  if (!timeValue) {
-    return "";
-  }
-  const timezone = (0, import_user_preferences.getTimezone)();
-  const formatOptions = {
-    // Extract the user-settings timezone to use for the calculation
-    timeZone: (0, import_user_preferences.getTimezone)(),
-    day: showTimeOnly ? void 0 : "numeric",
-    month: showTimeOnly ? void 0 : "short",
-    year: showTimeOnly ? void 0 : "numeric",
-    hour: "numeric",
-    minute: "numeric",
-    second: precision === "minutes" ? void 0 : "numeric",
-    fractionalSecondDigits: precision === "milliseconds" ? 3 : void 0
-  };
-  const absoluteDate = timeValue.absoluteDate ? new import_tz.TZDateMini(timeValue.absoluteDate, timezone) : null;
-  return absoluteDate && (0, import_date_fns.isValid)(absoluteDate) ? (0, import_units.formatDate)(absoluteDate, formatOptions) : "";
-}
 function formatTimeframeExpressionInSpecialCases(from, to, intl) {
   const timeDetailsFrom = (0, import_units._parseTimeExpression)(from);
   const timeDetailsTo = (0, import_units._parseTimeExpression)(to);
@@ -576,37 +590,10 @@ function formatRelativeTimeframe(expression, intl, prefix, isRelativeToNow) {
   return intl.formatMessage(messages.invalid);
 }
 function formatDetails(details, intl, precision = "minutes", showTimeOnly, isRelativeToNow) {
-  return details.type === "expression" ? formatRelativeTimeframe(details.value, intl, void 0, isRelativeToNow) : getFormattedTimeValue(details, precision, showTimeOnly);
-}
-function getFormattedMinMax(min, max, precision) {
-  const relativeNow = import_tz.TZDateMini.tz((0, import_user_preferences.getTimezone)()).getTime();
-  const minDate = min ? (0, import_units.parseTimeAsTimeValue)(min, relativeNow) : null;
-  const maxDate = max ? (0, import_units.parseTimeAsTimeValue)(max, relativeNow) : null;
-  const newMinDate = new import_tz.TZDateMini(minDate?.absoluteDate ?? "", (0, import_user_preferences.getTimezone)());
-  if (!isNaN(newMinDate.getTime())) {
-    if (precision === "seconds" && newMinDate.getMilliseconds() > 0) {
-      newMinDate.setSeconds(newMinDate.getSeconds() + 1);
-    } else if (precision === "minutes" && (newMinDate.getMilliseconds() > 0 || newMinDate.getSeconds() > 0)) {
-      newMinDate.setMinutes(newMinDate.getMinutes() + 1);
-    }
-  }
-  const minTimeValue = (0, import_units.parseTimeAsTimeValue)(
-    !isNaN(newMinDate.getTime()) ? newMinDate.toISOString() : minDate?.absoluteDate,
-    relativeNow
-  );
-  const formattedMin = getFormattedTimeValue(minTimeValue, precision);
-  const formattedMax = getFormattedTimeValue(
-    maxDate,
-    precision,
-    !!minTimeValue && !!maxDate && (0, import_date_fns.isSameDay)(minTimeValue.absoluteDate, maxDate.absoluteDate)
-  );
-  return {
-    min: formattedMin,
-    max: formattedMax
-  };
+  return details.type === "expression" ? formatRelativeTimeframe(details.value, intl, void 0, isRelativeToNow) : (0, import_helpers.getFormattedTimeValue)(details, precision, showTimeOnly);
 }
 function getOutsideRangeMessage(intl, min, max, precision) {
-  const { min: from, max: to } = getFormattedMinMax(min, max, precision);
+  const { min: from, max: to } = (0, import_helpers.getFormattedMinMax)(min, max, precision);
   if (min && max) {
     return intl.formatMessage(
       {
@@ -658,3 +645,26 @@ function removePrecision(isoString, precision = "minutes") {
   }
   return isoString;
 }
+const removePrecisionFromTimeFrame = (date, precision = "minutes") => {
+  if (!date) {
+    return date;
+  }
+  const { from, to } = parseValue(date);
+  const relativeDate = import_tz.TZDateMini.tz((0, import_user_preferences.getTimezone)()).getTime();
+  const parsedFrom = (0, import_units.parseTimeAsTimeValue)(from?.value, relativeDate, precision);
+  const parsedTo = (0, import_units.parseTimeAsTimeValue)(to?.value, relativeDate, precision);
+  return {
+    from: parsedFrom || from,
+    to: parsedTo || to
+  };
+};
+const removePrecisionFromTimeValue = (date, precision = "minutes") => {
+  if (!date) {
+    return date;
+  }
+  const relativeDate = import_tz.TZDateMini.tz((0, import_user_preferences.getTimezone)()).getTime();
+  if (date.value) {
+    return (0, import_units.parseTimeAsTimeValue)(date.value, relativeDate, precision);
+  }
+  return date;
+};

package/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-2-1 {
+@keyframes _yfwka31-3-3-0 {
 
 }
-@keyframes _yfwka32-3-2-1 {
+@keyframes _yfwka32-3-3-0 {
 
 }
-._yfwka33-3-2-1:-webkit-autofill:is(._yfwka33-3-2-1,:hover,:focus) {
+._yfwka33-3-3-0:-webkit-autofill:is(._yfwka33-3-3-0,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-2-1) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-3-0) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-2-1:-webkit-autofill {
-  animation-name: _yfwka31-3-2-1;
+._yfwka33-3-3-0:-webkit-autofill {
+  animation-name: _yfwka31-3-3-0;
   animation-duration: 0.001s;
 }
-._yfwka33-3-2-1:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-2-1;
+._yfwka33-3-3-0:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-3-0;
   animation-duration: 0.001s;
 }
 input:-webkit-autofill::spelling-error {

package/forms/hooks/useAutofillEvent.sty.js

@@ -25,7 +25,7 @@ __export(useAutofillEvent_css_exports, {
 });
 module.exports = __toCommonJS(useAutofillEvent_css_exports);
 var import_useAutofillEvent_css_ts_vanilla = require("./useAutofillEvent.css");
-var autofillBackground = "var(--_yfwka30-3-2-1)";
-var autofillCSS = "_yfwka33-3-2-1";
-var end = "_yfwka32-3-2-1";
-var start = "_yfwka31-3-2-1";
+var autofillBackground = "var(--_yfwka30-3-3-0)";
+var autofillCSS = "_yfwka33-3-3-0";
+var end = "_yfwka32-3-3-0";
+var start = "_yfwka31-3-3-0";

package/forms/number-input-v2/NumberInput.d.ts

@@ -29,7 +29,7 @@ export type NumberInputProps = Pick<BaseInputProps, 'placeholder' | 'variant' |
  * @public
  */
 export declare const NumberInput: ((props: NumberInputProps & import("react").RefAttributes<FormControlRef<HTMLDivElement>>) => import("react").ReactElement | null) & {
-    Prefix: (props: import("../_base-input/BaseInputContent.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
-    Suffix: (props: import("../_base-input/BaseInputContent.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
-    Button: (props: import("../_base-input/BaseInputButton.js").BaseInputButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
+    Prefix: (props: import("../index.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
+    Suffix: (props: import("../index.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
+    Button: (props: import("../index.js").BaseInputButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
 };

package/forms/password-input/PasswordInput.css

@@ -1,4 +1,4 @@
-._1ah2tn00-3-2-1 {
+._1ah2tn00-3-3-0 {
   cursor: not-allowed;
   background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }

package/forms/password-input/PasswordInput.js

@@ -94,9 +94,9 @@ const PasswordInputRoot = /* @__PURE__ */ (0, import_react.forwardRef)((props, f
     id: "vMt3ZRHwBods5xzM",
     description: "Text in a tooltip shown when hovering the password input icon to hide the password"
   });
+  const dataDtProperties = `value:${hidden ? "show" : "hide"}`;
   const showTooltipText = showText ?? showTooltipDefaultText;
   const hideTooltipText = hideText ?? hideTooltipDefaultText;
-  const dataDtName = hidden ? "ShowPassword" : "HidePassword";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_BaseInput.BaseInput,
     {
@@ -125,7 +125,8 @@ const PasswordInputRoot = /* @__PURE__ */ (0, import_react.forwardRef)((props, f
           "aria-label": hidden ? showTooltipText : hideTooltipText,
           id: remainingTooltipProps.id,
           "aria-disabled": ariaDisabledProp,
-          "data-dt-name": dataDtName,
+          "data-dt-name": "ShowHidePassword",
+          "data-dt-properties": dataDtProperties,
           children: hidden ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_strato_icons.ViewIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_strato_icons.ViewOffIcon, {})
         }
       ) })

package/forms/password-input/PasswordInput.sty.js

@@ -22,4 +22,4 @@ __export(PasswordInput_css_exports, {
 });
 module.exports = __toCommonJS(PasswordInput_css_exports);
 var import_PasswordInput_css_ts_vanilla = require("./PasswordInput.css");
-var readOnly = "_1ah2tn00-3-2-1";
+var readOnly = "_1ah2tn00-3-3-0";