@dynatrace/strato-components 3.2.1 → 3.3.1

package/esm/forms/calendar/utils/helpers.js

@@ -3,7 +3,6 @@ import {
   addDays,
   addWeeks,
   compareAsc,
-  eachDayOfInterval,
   endOfDay,
   endOfWeek,
   intervalToDuration,
@@ -22,16 +21,19 @@ import {
   getTimezone,
   getRegionalFormat
 } from "@dynatrace-sdk/user-preferences";
+import { isTimeframe, isTimeValue } from "../../../core/time/helpers.js";
 import {
   getTimeValueFromSimpleValue,
-  timeValueToDate,
-  sortTimeframeValues
+  sortTimeframeValues,
+  eachDayOfInterval,
+  timeValueToDate
 } from "../../forms-core/time/helpers.js";
 import {
   isExpressionString,
-  removePrecision
+  mapToPartialTimeframe,
+  removePrecision,
+  removePrecisionFromTimeValue
 } from "../../forms-core/time/timeParser.js";
-import { isTimeframe } from "../../forms-core/time/types.js";
 import {
   NUMBER_OF_WEEKDAYS,
   NUMBER_OF_WEEK_ROWS
@@ -100,11 +102,19 @@ function toDayArray(array, isCurrentMonthDay = false) {
     })
   );
 }
-function convertToCalendarStructure(timeOffset, type = "single", value, min, max, precision) {
+function convertToCalendarStructure(type = "single", value, min, max, precision) {
   if (type === "single" && !value) {
     return null;
   }
-  if (typeof value === "string") {
+  if (typeof value === "string" || value instanceof Date) {
+    const stringDate = typeof value === "string" ? value : value.toISOString();
+    const timeOffset = getTimeOffsetFromInitialValue(
+      stringDate,
+      "single",
+      min,
+      max,
+      precision
+    );
     return getTimeValueFromSimpleValue(
       value,
       timeOffset,
@@ -115,21 +125,32 @@ function convertToCalendarStructure(timeOffset, type = "single", value, min, max
       precision
     ) ?? null;
   }
+  if (isTimeValue(value)) {
+    return removePrecisionFromTimeValue(value, precision);
+  }
   if (value) {
+    const timeframe = mapToPartialTimeframe(value);
+    const timeOffset = getTimeOffsetFromInitialValue(
+      timeframe,
+      "range",
+      min,
+      max,
+      precision
+    );
     const from = getTimeValueFromSimpleValue(
-      value.from?.value,
+      timeframe?.from?.value,
       timeOffset,
       "from",
-      value.from?.type === "expression",
+      timeframe?.from?.type === "expression",
       min,
       void 0,
       precision
     );
     const to = getTimeValueFromSimpleValue(
-      value.to?.value,
+      timeframe?.to?.value,
       timeOffset,
       "to",
-      value.to?.type === "expression",
+      timeframe?.to?.type === "expression",
       void 0,
       max,
       precision
@@ -199,9 +220,6 @@ function getHighlightType(from, to, newDate) {
   }
   return void 0;
 }
-function isCompleteSelection(type, selectedDate) {
-  return isTimeframe(selectedDate, type) ? !!(selectedDate.from && selectedDate.to) : !!selectedDate?.value;
-}
 const getHighlightPropsFromTimeframe = (date, selectedDate, hoveredDate) => {
   const { from: selectedFrom, to: selectedTo } = selectedDate;
   if (!selectedFrom && !selectedTo) {
@@ -225,8 +243,7 @@ const getHighlightPropsFromTimeframe = (date, selectedDate, hoveredDate) => {
     selectionVariant: isRelative
   };
 };
-const getHighlightingProps = (date, state, hoveredDate = null) => {
-  const { selectedDate, type } = state;
+const getHighlightingProps = (date, selectedDate, type, hoveredDate = null) => {
   if (!selectedDate) {
     return {};
   }
@@ -260,26 +277,6 @@ function getWeekStartOrEnd(indicator, activeDate) {
     end: activeDate
   }).days ?? 0) * -1;
 }
-function getPosition(position, value) {
-  if (!position) {
-    return void 0;
-  }
-  if (isCompleteSelection("range", value) || value === null || !value.from?.value && !value.to?.value) {
-    return "from";
-  }
-  return position === "from" ? "to" : "from";
-}
-function getDateFromSelection(oldSelection, type, timeValue, position, min, max, precision) {
-  if (isTimeframe(oldSelection, type)) {
-    const tmp = oldSelection ? { ...oldSelection } : {};
-    tmp[position ?? "from"] = timeValue;
-    if (position === "from") {
-      tmp["to"] = void 0;
-    }
-    return sortTimeframeValues(tmp, min, max, precision);
-  }
-  return timeValue ?? null;
-}
 function getTimeOffsetFromInitialValue(value, type = "single", min = null, max = null, precision = "milliseconds") {
   if (isTimeframe(value, type)) {
     if (!value) {
@@ -289,13 +286,13 @@ function getTimeOffsetFromInitialValue(value, type = "single", min = null, max =
     let to = value["to"]?.absoluteDate;
     const configuredTimezone = getTimezone();
     const fromIsAtStartOfDay = from && from === startOfDay(new TZDateMini(from, configuredTimezone)).toISOString();
-    const fromIsMin = min && removePrecision(from, precision) === removePrecision(min?.absoluteDate, precision);
+    const fromIsMin = min && from && removePrecision(from, precision) === removePrecision(min?.absoluteDate, precision);
     if (!from || fromIsAtStartOfDay || value["from"]?.type === "expression" || fromIsMin) {
       from = "startOfDay";
     }
     const toIsAtEndOfDay = to && to === endOfDay(new TZDateMini(to, configuredTimezone)).toISOString();
-    const toIsMax = max && removePrecision(to, precision) === removePrecision(max?.absoluteDate, precision);
-    if (!to || toIsAtEndOfDay || value.to.type === "expression" || toIsMax) {
+    const toIsMax = max && to && removePrecision(to, precision) === removePrecision(max?.absoluteDate, precision);
+    if (!to || toIsAtEndOfDay || value.to?.type === "expression" || toIsMax) {
       to = "endOfDay";
     }
     return {
@@ -303,19 +300,20 @@ function getTimeOffsetFromInitialValue(value, type = "single", min = null, max =
       to
     };
   }
-  if (typeof value === "string") {
-    return isExpressionString(value) ? "startOfDay" : value;
+  if (precision === "day") {
+    return "startOfDay";
+  }
+  const offset = isTimeValue(value) ? value.value : value;
+  if (typeof offset === "string") {
+    return isExpressionString(offset) ? "startOfDay" : offset;
   }
   return "startOfDay";
 }
 export {
   convertToCalendarStructure,
-  getDateFromSelection,
   getDays,
   getHighlightingProps,
-  getPosition,
   getTimeOffsetFromInitialValue,
-  getWeekStartOrEnd,
-  isCompleteSelection
+  getWeekStartOrEnd
 };
 //# sourceMappingURL=helpers.js.map

package/esm/forms/calendar/utils/helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/calendar/utils/helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addDays,\n  addWeeks,\n  compareAsc,\n  eachDayOfInterval,\n  endOfDay,\n  endOfWeek,\n  intervalToDuration,\n  isBefore,\n  isEqual,\n  isSameDay,\n  isWithinInterval,\n  lastDayOfMonth,\n  lastDayOfWeek,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n} from 'date-fns';\n// This should be replaced with the Intl Locale weekInfo API (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/weekInfo) as soon as it gets full support. It's currently not supported in Firefox, but there is an open issue for that - https://bugzilla.mozilla.org/show_bug.cgi?id=1693576\n// TODO: remove as soon as Firefox gets support\nimport { getWeekStartByLocale } from 'weekstart';\n\nimport {\n  getTimezone,\n  getRegionalFormat,\n} from '@dynatrace-sdk/user-preferences';\n\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport {\n  getTimeValueFromSimpleValue,\n  timeValueToDate,\n  sortTimeframeValues,\n} from '../../forms-core/time/helpers.js';\nimport {\n  isExpressionString,\n  removePrecision,\n} from '../../forms-core/time/timeParser.js';\nimport { StringTimeOffset, isTimeframe } from '../../forms-core/time/types.js';\nimport type {\n  CalendarProps,\n  CalendarStrictValueType,\n} from '../Calendar.types.js';\nimport type { ViewItem } from '../components/CalendarItem.js';\nimport {\n  NUMBER_OF_WEEKDAYS,\n  NUMBER_OF_WEEK_ROWS,\n  type CalendarType,\n} from '../types/calendarConfiguration.js';\nimport type { FirstDayOfWeek, CalendarState } from '../types/shared-types.js';\n\n/** @internal */\nexport interface Day {\n  date: TZDate;\n  isCurrentMonthDay: boolean;\n}\n\n/**\n * Get days to render in the select date view.\n * @internal\n */\nexport function getDays(\n  activeDate: TZDate,\n  weekStartsOn: FirstDayOfWeek,\n): Day[] {\n  const monthStart = startOfMonth(activeDate);\n\n  const firstWeekStart = startOfWeek(monthStart, {\n    weekStartsOn,\n  });\n\n  const monthEnd = lastDayOfMonth(monthStart);\n  const lastWeekEnd = lastDayOfWeek(monthEnd, { weekStartsOn });\n\n  // Get days of previous month to fill empty spots of the date grid\n  let prevMonthDays = getSiblingMonthDays(monthStart, firstWeekStart, -1);\n\n  const currentMonthDays = toDayArray(\n    eachDayOfInterval({\n      start: monthStart,\n      end: monthEnd,\n    }),\n    true,\n  );\n\n  // Get days of next month to fill empty spots of the date grid\n  const nextMonthDays = getSiblingMonthDays(monthEnd, lastWeekEnd, 1);\n\n  const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];\n\n  // Depending on the start/end day of the month, we might need additional rows\n  // to fill up all the empty spaces of the date grid\n  while (days.length < NUMBER_OF_WEEKDAYS * NUMBER_OF_WEEK_ROWS) {\n    if (!prevMonthDays.length) {\n      // Add additional row of sibling month days before the current month\n      prevMonthDays = toDayArray(\n        eachDayOfInterval({\n          // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n          start: addWeeks<TZDate, TZDate>(firstWeekStart, -1),\n          end: addDays<TZDate, TZDate>(firstWeekStart, -1),\n        }),\n      );\n\n      days.unshift(...prevMonthDays);\n    } else {\n      // Add additional row of sibling month days after the current month\n      days.push(\n        ...toDayArray(\n          eachDayOfInterval({\n            // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n            start: addDays<TZDate, TZDate>(lastWeekEnd, 1),\n            end: addWeeks<TZDate, TZDate>(lastWeekEnd, 1),\n          }),\n        ),\n      );\n    }\n  }\n\n  return days;\n}\n\n/** Get previous or next month's days to fill the current date select view with the fixed number of rows. */\nfunction getSiblingMonthDays(\n  monthStartEnd: TZDate,\n  weekStartEnd: TZDate,\n  direction: 1 | -1,\n): Day[] {\n  // No need to fill empty spots if month start and week start are equal\n  if (isEqual(monthStartEnd, weekStartEnd)) {\n    return [];\n  }\n\n  // Get first/last day of sibling month\n  const siblingMonthStartEnd = addDays(monthStartEnd, direction);\n\n  // The range start date must be prior to the range end date -> sort dates\n  const sortedDays = [siblingMonthStartEnd, weekStartEnd].sort((a, b) =>\n    compareAsc(a, b),\n  );\n\n  // Return array with days to fill up the empty spots of the currently displayed month\n  return toDayArray(\n    eachDayOfInterval({\n      start: sortedDays[0],\n      end: sortedDays[1],\n    }),\n  );\n}\n\n/** Map array of dates to an array of Day objects */\nfunction toDayArray(\n  array: TZDate[],\n  isCurrentMonthDay: boolean | undefined = false,\n): Day[] {\n  return array.map(\n    (date): Day => ({\n      date,\n      isCurrentMonthDay,\n    }),\n  );\n}\n\n/**\n * Tries to convert the given value to the proper TimeValue / Timeframe structure. If not possible it returns null.\n * @internal\n */\nexport function convertToCalendarStructure<Type extends CalendarType>(\n  timeOffset: StringTimeOffset,\n  type: CalendarType = 'single',\n  value?: CalendarStrictValueType<Type>,\n  min?: TimeValue,\n  max?: TimeValue,\n  precision?: CalendarProps<Type>['precision'],\n): TimeValue | Partial<Timeframe> | null {\n  if (type === 'single' && !value) {\n    return null;\n  }\n\n  if (typeof value === 'string') {\n    return (\n      getTimeValueFromSimpleValue(\n        value,\n        timeOffset,\n        undefined,\n        undefined,\n        min,\n        max,\n        precision,\n      ) ?? null\n    );\n  }\n\n  if (value) {\n    const from = getTimeValueFromSimpleValue(\n      value.from?.value,\n      timeOffset,\n      'from',\n      value.from?.type === 'expression',\n      min,\n      undefined,\n      precision,\n    );\n    const to = getTimeValueFromSimpleValue(\n      value.to?.value,\n      timeOffset,\n      'to',\n      value.to?.type === 'expression',\n      undefined,\n      max,\n      precision,\n    );\n    return sortTimeframeValues({ from, to }, min, max, precision);\n  }\n  return { from: undefined, to: undefined };\n}\n\n/** @internal */\nfunction getRangePosition(newDate: TZDate, from: TZDate, to: TZDate) {\n  if (from && isSameDay(newDate, from)) {\n    return 'first';\n  }\n\n  if (to && isSameDay(newDate, to)) {\n    return 'last';\n  }\n\n  if (\n    isWithinInterval(newDate, {\n      start: startOfDay(from),\n      end: endOfDay(to),\n    })\n  ) {\n    return 'inbetween';\n  }\n}\n\n/** @internal */\nfunction isRelativeDate(\n  highlightType: ViewItem['highlightType'],\n  selectedDate: Partial<Timeframe>,\n): ViewItem['selectionVariant'] {\n  switch (highlightType) {\n    case 'first': {\n      if (selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      return undefined;\n    }\n    case 'last': {\n      if (selectedDate.to) {\n        return selectedDate.to.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      // if the to is selected first, an earlier date should become the from in the end, therefore\n      if (!selectedDate.to && selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n\n      return undefined;\n    }\n    case 'same': {\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'relative';\n      }\n\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'iso8601'\n      ) {\n        return 'relative-absolute';\n      }\n\n      if (\n        selectedDate.from?.type === 'iso8601' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'absolute-relative';\n      }\n\n      return 'absolute';\n    }\n    case 'inbetween':\n    default: {\n      return undefined;\n    }\n  }\n}\n\n/** @internal */\nfunction getHighlightType(\n  from: TZDate | undefined | null,\n  to: TZDate | undefined | null,\n  newDate: TZDate,\n) {\n  if (\n    (to && from && isSameDay(from, newDate) && isSameDay(to, newDate)) ||\n    (!to && from && isSameDay(from, newDate)) ||\n    (!from && to && isSameDay(to, newDate))\n  ) {\n    return 'same';\n  }\n\n  if (from && to && isBefore(from, to)) {\n    return getRangePosition(newDate, from, to);\n  }\n\n  if (from && to && isBefore(to, from)) {\n    return getRangePosition(newDate, to, from);\n  }\n\n  return undefined;\n}\n\n/** @internal */\nexport function isCompleteSelection(\n  type: 'single' | 'range',\n  selectedDate?: Partial<Timeframe> | Timeframe | TimeValue | null,\n) {\n  return isTimeframe(selectedDate, type)\n    ? !!(selectedDate.from && selectedDate.to)\n    : !!selectedDate?.value;\n}\n\n/**\n * Returns highlighting properties for a date cell when a timeframe (range) is selected.\n * Determines selection state, highlight color/type, and selection variant for the calendar view.\n */\nconst getHighlightPropsFromTimeframe = (\n  date: TZDate,\n  selectedDate: Partial<Timeframe>,\n  hoveredDate: TZDate | null | undefined,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  const { from: selectedFrom, to: selectedTo } = selectedDate;\n  if (!selectedFrom && !selectedTo) {\n    return {};\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const from = timeValueToDate(selectedFrom, relativeDate);\n  const to = timeValueToDate(selectedTo, relativeDate);\n\n  const isSelected = !!(\n    (from && isSameDay(date, from)) ||\n    (to && isSameDay(date, to))\n  );\n  const safeFromDate = from ?? hoveredDate;\n  const safeToDate = to ?? hoveredDate;\n\n  const highlightType = getHighlightType(safeFromDate, safeToDate, date);\n  const isEntireRangeSelected =\n    !!selectedFrom && !!selectedTo && !!highlightType;\n\n  const highlightColor =\n    isSelected || isEntireRangeSelected ? 'primary' : 'neutral';\n\n  const isRelative = isSelected\n    ? isRelativeDate(highlightType, selectedDate)\n    : undefined;\n\n  return {\n    highlightType,\n    highlightColor,\n    isSelected,\n    isIncompleteSelection: !isEntireRangeSelected,\n    selectionVariant: isRelative,\n  };\n};\n\n/**\n * Checks if the passed date is the selected date or part of the selected date range.\n * Depending on the selection it defines the highlightColor, the highlightType and if it is a relative timeframe.\n * @internal\n */\nexport const getHighlightingProps = (\n  date: TZDate,\n  state: Pick<CalendarState, 'selectedDate' | 'type'>,\n  hoveredDate: TZDate | null = null,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  const { selectedDate, type } = state;\n  if (!selectedDate) {\n    return {};\n  }\n\n  // Range date selection\n  if (isTimeframe(selectedDate, type)) {\n    return getHighlightPropsFromTimeframe(date, selectedDate, hoveredDate);\n  }\n\n  // Single date selection\n  const newSelectedDate = timeValueToDate(selectedDate, Date.now());\n  if (!newSelectedDate) {\n    return {};\n  }\n\n  const isSelected = isSameDay(date, newSelectedDate);\n  if (isSelected) {\n    return {\n      isSelected: true,\n      highlightType: 'same',\n      highlightColor: 'primary',\n      isIncompleteSelection: false,\n      selectionVariant:\n        selectedDate.type === 'expression' ? 'relative' : 'absolute',\n    };\n  }\n\n  return {\n    isSelected: false,\n  };\n};\n\n/**\n * Returns the number of days from the start of the week until the current date.\n * @internal\n */\nexport function getWeekStartOrEnd(\n  indicator: 'startOfWeek' | 'endOfWeek',\n  activeDate: TZDate,\n) {\n  const region = getRegionalFormat();\n  const weekStartsOn = getWeekStartByLocale(region);\n  const start =\n    indicator === 'startOfWeek'\n      ? startOfWeek(activeDate, { weekStartsOn })\n      : endOfWeek(activeDate, { weekStartsOn });\n\n  return (\n    (intervalToDuration({\n      start,\n      end: activeDate,\n    }).days ?? 0) * -1\n  );\n}\n\n/**\n * Returns the next position depending on the current.\n * @internal\n */\nexport function getPosition(\n  position?: CalendarState['position'],\n  value?: TimeValue | Partial<Timeframe> | Timeframe | null,\n) {\n  // single selection\n  if (!position) {\n    return undefined;\n  }\n\n  // If there is no position it always is a range selection\n  if (\n    isCompleteSelection('range', value) ||\n    value === null ||\n    (!(value as Partial<Timeframe>).from?.value &&\n      !(value as Partial<Timeframe>).to?.value)\n  ) {\n    return 'from';\n  }\n\n  return position === 'from' ? 'to' : 'from';\n}\n\n/**\n * Either assigns and sanitizes the passed timeValue to the Timeframe or returns the TimeValue in case of single selection.\n * @internal\n */\nexport function getDateFromSelection(\n  oldSelection: TimeValue | Partial<Timeframe> | null,\n  type: CalendarType,\n  timeValue?: TimeValue,\n  position?: CalendarState['position'],\n  min?: TimeValue,\n  max?: TimeValue,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n) {\n  if (isTimeframe(oldSelection, type)) {\n    const tmp = oldSelection ? { ...oldSelection } : {};\n    tmp[position ?? 'from'] = timeValue;\n    // Clears the to date in case a new selection starts.\n    if (position === 'from') {\n      tmp['to'] = undefined;\n    }\n\n    return sortTimeframeValues(tmp, min, max, precision);\n  }\n\n  return timeValue ?? null;\n}\n\n/** @internal */\nexport function getTimeOffsetFromInitialValue<Type extends CalendarType>(\n  value?: CalendarStrictValueType<Type>,\n  type: CalendarType = 'single',\n  min: TimeValue | null = null,\n  max: TimeValue | null = null,\n  precision: CalendarProps<Type>['precision'] = 'milliseconds',\n): StringTimeOffset {\n  if (isTimeframe(value, type)) {\n    if (!value) {\n      return { from: 'startOfDay', to: 'endOfDay' };\n    }\n\n    let from = value['from']?.absoluteDate;\n    let to = value['to']?.absoluteDate;\n    const configuredTimezone = getTimezone();\n\n    const fromIsAtStartOfDay =\n      from &&\n      from ===\n        startOfDay(new TZDateMini(from, configuredTimezone)).toISOString();\n    const fromIsMin =\n      min &&\n      removePrecision(from, precision) ===\n        removePrecision(min?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the start of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (\n      !from ||\n      fromIsAtStartOfDay ||\n      value['from']?.type === 'expression' ||\n      fromIsMin\n    ) {\n      from = 'startOfDay';\n    }\n\n    const toIsAtEndOfDay =\n      to &&\n      to === endOfDay(new TZDateMini(to, configuredTimezone)).toISOString();\n    const toIsMax =\n      max &&\n      removePrecision(to, precision) ===\n        removePrecision(max?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the end of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (!to || toIsAtEndOfDay || value.to.type === 'expression' || toIsMax) {\n      to = 'endOfDay';\n    }\n\n    return {\n      from,\n      to,\n    };\n  }\n\n  if (typeof value === 'string') {\n    return isExpressionString(value) ? 'startOfDay' : value;\n  }\n\n  return 'startOfDay';\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  addDays,\n  addWeeks,\n  compareAsc,\n  endOfDay,\n  endOfWeek,\n  intervalToDuration,\n  isBefore,\n  isEqual,\n  isSameDay,\n  isWithinInterval,\n  lastDayOfMonth,\n  lastDayOfWeek,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n} from 'date-fns';\n// This should be replaced with the Intl Locale weekInfo API (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/weekInfo) as soon as it gets full support. It's currently not supported in Firefox, but there is an open issue for that - https://bugzilla.mozilla.org/show_bug.cgi?id=1693576\n// TODO: remove as soon as Firefox gets support\nimport { getWeekStartByLocale } from 'weekstart';\n\nimport {\n  getTimezone,\n  getRegionalFormat,\n} from '@dynatrace-sdk/user-preferences';\n\nimport { isTimeframe, isTimeValue } from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';\nimport { type TimeValue, type Timeframe } from '../../../core/types/time.js';\nimport {\n  getTimeValueFromSimpleValue,\n  sortTimeframeValues,\n  eachDayOfInterval,\n  timeValueToDate,\n} from '../../forms-core/time/helpers.js';\nimport {\n  isExpressionString,\n  mapToPartialTimeframe,\n  removePrecision,\n  removePrecisionFromTimeValue,\n} from '../../forms-core/time/timeParser.js';\nimport type {\n  CalendarProps,\n  CalendarStrictValueType,\n} from '../Calendar.types.js';\nimport type { ViewItem } from '../components/CalendarItem.js';\nimport {\n  NUMBER_OF_WEEKDAYS,\n  NUMBER_OF_WEEK_ROWS,\n  type CalendarType,\n} from '../types/calendarConfiguration.js';\nimport type { FirstDayOfWeek } from '../types/shared-types.js';\n\n/** @internal */\nexport interface Day {\n  date: TZDate;\n  isCurrentMonthDay: boolean;\n}\n\n/**\n * Get days to render in the select date view.\n * @internal\n */\nexport function getDays(\n  activeDate: TZDate,\n  weekStartsOn: FirstDayOfWeek,\n): Day[] {\n  const monthStart = startOfMonth(activeDate);\n\n  const firstWeekStart = startOfWeek(monthStart, {\n    weekStartsOn,\n  });\n\n  const monthEnd = lastDayOfMonth(monthStart);\n  const lastWeekEnd = lastDayOfWeek(monthEnd, { weekStartsOn });\n\n  // Get days of previous month to fill empty spots of the date grid\n  let prevMonthDays = getSiblingMonthDays(monthStart, firstWeekStart, -1);\n\n  const currentMonthDays = toDayArray(\n    eachDayOfInterval({\n      start: monthStart,\n      end: monthEnd,\n    }),\n    true,\n  );\n\n  // Get days of next month to fill empty spots of the date grid\n  const nextMonthDays = getSiblingMonthDays(monthEnd, lastWeekEnd, 1);\n\n  const days = [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];\n\n  // Depending on the start/end day of the month, we might need additional rows\n  // to fill up all the empty spaces of the date grid\n  while (days.length < NUMBER_OF_WEEKDAYS * NUMBER_OF_WEEK_ROWS) {\n    if (!prevMonthDays.length) {\n      // Add additional row of sibling month days before the current month\n      prevMonthDays = toDayArray(\n        eachDayOfInterval({\n          // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n          start: addWeeks<TZDate, TZDate>(firstWeekStart, -1),\n          end: addDays<TZDate, TZDate>(firstWeekStart, -1),\n        }),\n      );\n\n      days.unshift(...prevMonthDays);\n    } else {\n      // Add additional row of sibling month days after the current month\n      days.push(\n        ...toDayArray(\n          eachDayOfInterval({\n            // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly\n            start: addDays<TZDate, TZDate>(lastWeekEnd, 1),\n            end: addWeeks<TZDate, TZDate>(lastWeekEnd, 1),\n          }),\n        ),\n      );\n    }\n  }\n\n  return days;\n}\n\n/** Get previous or next month's days to fill the current date select view with the fixed number of rows. */\nfunction getSiblingMonthDays(\n  monthStartEnd: TZDate,\n  weekStartEnd: TZDate,\n  direction: 1 | -1,\n): Day[] {\n  // No need to fill empty spots if month start and week start are equal\n  if (isEqual(monthStartEnd, weekStartEnd)) {\n    return [];\n  }\n\n  // Get first/last day of sibling month\n  const siblingMonthStartEnd = addDays(monthStartEnd, direction);\n\n  // The range start date must be prior to the range end date -> sort dates\n  const sortedDays = [siblingMonthStartEnd, weekStartEnd].sort((a, b) =>\n    compareAsc(a, b),\n  );\n\n  // Return array with days to fill up the empty spots of the currently displayed month\n  return toDayArray(\n    eachDayOfInterval({\n      start: sortedDays[0],\n      end: sortedDays[1],\n    }),\n  );\n}\n\n/** Map array of dates to an array of Day objects */\nfunction toDayArray(\n  array: TZDate[],\n  isCurrentMonthDay: boolean | undefined = false,\n): Day[] {\n  return array.map(\n    (date): Day => ({\n      date,\n      isCurrentMonthDay,\n    }),\n  );\n}\n\n/**\n * Tries to convert the given value to the proper TimeValue / Timeframe structure. If not possible it returns null.\n * @internal\n */\nexport function convertToCalendarStructure<Type extends CalendarType>(\n  type: CalendarType = 'single',\n  value?:\n    | Partial<Timeframe>\n    | Partial<{ from: string; to: string }>\n    | null\n    | string\n    | Date\n    | TimeValue,\n  min?: TimeValue | null,\n  max?: TimeValue | null,\n  precision?: CalendarProps<Type>['precision'],\n): TimeValue | Partial<Timeframe> | null {\n  if (type === 'single' && !value) {\n    return null;\n  }\n\n  if (typeof value === 'string' || value instanceof Date) {\n    const stringDate = typeof value === 'string' ? value : value.toISOString();\n    const timeOffset = getTimeOffsetFromInitialValue(\n      stringDate,\n      'single',\n      min,\n      max,\n      precision,\n    );\n\n    return (\n      getTimeValueFromSimpleValue(\n        value,\n        timeOffset,\n        undefined,\n        undefined,\n        min,\n        max,\n        precision,\n      ) ?? null\n    );\n  }\n\n  if (isTimeValue(value)) {\n    return removePrecisionFromTimeValue(value, precision);\n  }\n\n  if (value) {\n    const timeframe = mapToPartialTimeframe(value);\n    const timeOffset = getTimeOffsetFromInitialValue(\n      timeframe,\n      'range',\n      min,\n      max,\n      precision,\n    );\n\n    const from = getTimeValueFromSimpleValue(\n      timeframe?.from?.value,\n      timeOffset,\n      'from',\n      timeframe?.from?.type === 'expression',\n      min,\n      undefined,\n      precision,\n    );\n    const to = getTimeValueFromSimpleValue(\n      timeframe?.to?.value,\n      timeOffset,\n      'to',\n      timeframe?.to?.type === 'expression',\n      undefined,\n      max,\n      precision,\n    );\n    return sortTimeframeValues({ from, to }, min, max, precision);\n  }\n  return { from: undefined, to: undefined };\n}\n\n/** @internal */\nfunction getRangePosition(newDate: TZDate, from: TZDate, to: TZDate) {\n  if (from && isSameDay(newDate, from)) {\n    return 'first';\n  }\n\n  if (to && isSameDay(newDate, to)) {\n    return 'last';\n  }\n\n  if (\n    isWithinInterval(newDate, {\n      start: startOfDay(from),\n      end: endOfDay(to),\n    })\n  ) {\n    return 'inbetween';\n  }\n}\n\n/** @internal */\nfunction isRelativeDate(\n  highlightType: ViewItem['highlightType'],\n  selectedDate: Partial<Timeframe>,\n): ViewItem['selectionVariant'] {\n  switch (highlightType) {\n    case 'first': {\n      if (selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      return undefined;\n    }\n    case 'last': {\n      if (selectedDate.to) {\n        return selectedDate.to.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n      // if the to is selected first, an earlier date should become the from in the end, therefore\n      if (!selectedDate.to && selectedDate.from) {\n        return selectedDate.from.type === 'iso8601' ? 'absolute' : 'relative';\n      }\n\n      return undefined;\n    }\n    case 'same': {\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'relative';\n      }\n\n      if (\n        selectedDate.from?.type === 'expression' &&\n        selectedDate.to?.type === 'iso8601'\n      ) {\n        return 'relative-absolute';\n      }\n\n      if (\n        selectedDate.from?.type === 'iso8601' &&\n        selectedDate.to?.type === 'expression'\n      ) {\n        return 'absolute-relative';\n      }\n\n      return 'absolute';\n    }\n    case 'inbetween':\n    default: {\n      return undefined;\n    }\n  }\n}\n\n/** @internal */\nfunction getHighlightType(\n  from: TZDate | undefined | null,\n  to: TZDate | undefined | null,\n  newDate: TZDate,\n) {\n  if (\n    (to && from && isSameDay(from, newDate) && isSameDay(to, newDate)) ||\n    (!to && from && isSameDay(from, newDate)) ||\n    (!from && to && isSameDay(to, newDate))\n  ) {\n    return 'same';\n  }\n\n  if (from && to && isBefore(from, to)) {\n    return getRangePosition(newDate, from, to);\n  }\n\n  if (from && to && isBefore(to, from)) {\n    return getRangePosition(newDate, to, from);\n  }\n\n  return undefined;\n}\n\n/**\n * Returns highlighting properties for a date cell when a timeframe (range) is selected.\n * Determines selection state, highlight color/type, and selection variant for the calendar view.\n */\nconst getHighlightPropsFromTimeframe = (\n  date: TZDate,\n  selectedDate: Partial<Timeframe>,\n  hoveredDate: TZDate | null | undefined,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  const { from: selectedFrom, to: selectedTo } = selectedDate;\n  if (!selectedFrom && !selectedTo) {\n    return {};\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const from = timeValueToDate(selectedFrom, relativeDate);\n  const to = timeValueToDate(selectedTo, relativeDate);\n\n  const isSelected = !!(\n    (from && isSameDay(date, from)) ||\n    (to && isSameDay(date, to))\n  );\n  const safeFromDate = from ?? hoveredDate;\n  const safeToDate = to ?? hoveredDate;\n\n  const highlightType = getHighlightType(safeFromDate, safeToDate, date);\n  const isEntireRangeSelected =\n    !!selectedFrom && !!selectedTo && !!highlightType;\n\n  const highlightColor =\n    isSelected || isEntireRangeSelected ? 'primary' : 'neutral';\n\n  const isRelative = isSelected\n    ? isRelativeDate(highlightType, selectedDate)\n    : undefined;\n\n  return {\n    highlightType,\n    highlightColor,\n    isSelected,\n    isIncompleteSelection: !isEntireRangeSelected,\n    selectionVariant: isRelative,\n  };\n};\n\n/**\n * Checks if the passed date is the selected date or part of the selected date range.\n * Depending on the selection it defines the highlightColor, the highlightType and if it is a relative timeframe.\n * @internal\n */\nexport const getHighlightingProps = (\n  date: TZDate,\n  selectedDate: Partial<Timeframe> | TimeValue | null,\n  type: CalendarType,\n  hoveredDate: TZDate | null = null,\n): Pick<\n  ViewItem,\n  | 'isSelected'\n  | 'highlightColor'\n  | 'highlightType'\n  | 'selectionVariant'\n  | 'isIncompleteSelection'\n> => {\n  if (!selectedDate) {\n    return {};\n  }\n\n  // Range date selection\n  if (isTimeframe(selectedDate, type)) {\n    return getHighlightPropsFromTimeframe(date, selectedDate, hoveredDate);\n  }\n\n  // Single date selection\n  const newSelectedDate = timeValueToDate(selectedDate, Date.now());\n  if (!newSelectedDate) {\n    return {};\n  }\n\n  const isSelected = isSameDay(date, newSelectedDate);\n  if (isSelected) {\n    return {\n      isSelected: true,\n      highlightType: 'same',\n      highlightColor: 'primary',\n      isIncompleteSelection: false,\n      selectionVariant:\n        selectedDate.type === 'expression' ? 'relative' : 'absolute',\n    };\n  }\n\n  return {\n    isSelected: false,\n  };\n};\n\n/**\n * Returns the number of days from the start of the week until the current date.\n * @internal\n */\nexport function getWeekStartOrEnd(\n  indicator: 'startOfWeek' | 'endOfWeek',\n  activeDate: TZDate,\n) {\n  const region = getRegionalFormat();\n  const weekStartsOn = getWeekStartByLocale(region);\n  const start =\n    indicator === 'startOfWeek'\n      ? startOfWeek(activeDate, { weekStartsOn })\n      : endOfWeek(activeDate, { weekStartsOn });\n\n  return (\n    (intervalToDuration({\n      start,\n      end: activeDate,\n    }).days ?? 0) * -1\n  );\n}\n\n/** @internal */\nexport function getTimeOffsetFromInitialValue<Type extends CalendarType>(\n  value?: CalendarStrictValueType<Type> | Partial<Timeframe> | TimeValue,\n  type: CalendarType = 'single',\n  min: TimeValue | null = null,\n  max: TimeValue | null = null,\n  precision: Precision = 'milliseconds',\n): StringTimeOffset {\n  if (isTimeframe(value, type)) {\n    if (!value) {\n      return { from: 'startOfDay', to: 'endOfDay' };\n    }\n\n    let from = value['from']?.absoluteDate;\n    let to = value['to']?.absoluteDate;\n    const configuredTimezone = getTimezone();\n\n    const fromIsAtStartOfDay =\n      from &&\n      from ===\n        startOfDay(new TZDateMini(from, configuredTimezone)).toISOString();\n    const fromIsMin =\n      min &&\n      from &&\n      removePrecision(from, precision) ===\n        removePrecision(min?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the start of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (\n      !from ||\n      fromIsAtStartOfDay ||\n      value['from']?.type === 'expression' ||\n      fromIsMin\n    ) {\n      from = 'startOfDay';\n    }\n\n    const toIsAtEndOfDay =\n      to &&\n      to === endOfDay(new TZDateMini(to, configuredTimezone)).toISOString();\n    const toIsMax =\n      max &&\n      to &&\n      removePrecision(to, precision) ===\n        removePrecision(max?.absoluteDate, precision);\n\n    // we need to check if the absoluteDate is set and would match the end of day in the configured timezone (which could be on a different date than the absoluteDate) or if a relative expressions is used\n    if (!to || toIsAtEndOfDay || value.to?.type === 'expression' || toIsMax) {\n      to = 'endOfDay';\n    }\n\n    return {\n      from,\n      to,\n    };\n  }\n\n  if (precision === 'day') {\n    return 'startOfDay';\n  }\n\n  const offset = isTimeValue(value) ? value.value : value;\n\n  if (typeof offset === 'string') {\n    return isExpressionString(offset) ? 'startOfDay' : offset;\n  }\n\n  return 'startOfDay';\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,5 +1,5 @@
-var borderColor = "var(--_1jljrbf1-3-2-1)";
-var rangeColor = "var(--_1jljrbf0-3-2-1)";
+var borderColor = "var(--_1jljrbf1-3-3-1)";
+var rangeColor = "var(--_1jljrbf0-3-3-1)";
 export {
   borderColor,
   rangeColor

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/calendar/variables.css.ts"],
-  "sourcesContent": ["export var borderColor = 'var(--_1jljrbf1-3-2-1)';\nexport var rangeColor = 'var(--_1jljrbf0-3-2-1)';"],
+  "sourcesContent": ["export var borderColor = 'var(--_1jljrbf1-3-3-1)';\nexport var rangeColor = 'var(--_1jljrbf0-3-3-1)';"],
   "mappings": "AAAO,IAAI,cAAc;AAClB,IAAI,aAAa;",
   "names": []
 }

package/esm/forms/checkbox/Checkbox.css

@@ -1,52 +1,52 @@
-._qmw7sp0-3-2-1 {
+._qmw7sp0-3-3-1 {
   display: flex;
   cursor: pointer;
 }
-._qmw7sp1-3-2-1 {
+._qmw7sp1-3-3-1 {
   cursor: not-allowed;
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._qmw7sp2-3-2-1:after {
+._qmw7sp2-3-3-1:after {
   content: "*";
 }
-._qmw7sp3-3-2-1 {
+._qmw7sp3-3-3-1 {
   cursor: not-allowed;
 }
-._qmw7sp4-3-2-1 {
+._qmw7sp4-3-3-1 {
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
-  background-color: var(--_bx32h3-3-2-1);
+  background-color: var(--_bx32h3-3-3-1);
   flex-shrink: 0;
   box-sizing: border-box;
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._qmw7sp5-3-2-1 {
+._qmw7sp5-3-3-1 {
   margin-right: var(--dt-spacings-size-8, 8px);
 }
-._qmw7sp6-3-2-1 {
+._qmw7sp6-3-3-1 {
   margin-right: 0;
 }
-._qmw7spf-3-2-1 {
-  background-color: var(--_bx32h2-3-2-1);
+._qmw7spf-3-3-1 {
+  background-color: var(--_bx32h2-3-3-1);
 }
-._qmw7spg-3-2-1:not(:has(:focus-visible)) {
+._qmw7spg-3-3-1:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-disabled, #dadbe480);
 }
-._qmw7sph-3-2-1:not(:has(:focus-visible)) {
+._qmw7sph-3-3-1:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._qmw7spi-3-2-1:not(:has(:focus-visible)) {
+._qmw7spi-3-3-1:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-accent, #bb0731);
 }
-._qmw7spj-3-2-1:not(:has(:focus-visible)) {
+._qmw7spj-3-3-1:not(:has(:focus-visible)) {
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._qmw7spk-3-2-1 {
+._qmw7spk-3-3-1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  color: var(--_bx32h1-3-2-1);
+  color: var(--_bx32h1-3-3-1);
 }

package/esm/forms/checkbox/Checkbox.sty.js

@@ -1,9 +1,9 @@
 import "../../styles/field.css";
 import "./Checkbox.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var checkboxIconCSS = "_qmw7spk-3-2-1";
-var checkboxKnobCSS = _7a468({ defaultClassName: "_qmw7sp4-3-2-1", variantClassNames: { hasChildren: { true: "_qmw7sp5-3-2-1", false: "_qmw7sp6-3-2-1" }, disabled: { true: "_qmw7sp7-3-2-1", false: "_qmw7sp8-3-2-1" }, hasError: { true: "_qmw7sp9-3-2-1", false: "_qmw7spa-3-2-1" }, checked: { true: "_qmw7spb-3-2-1", false: "_qmw7spc-3-2-1", indeterminate: "_qmw7spd-3-2-1", undefined: "_qmw7spe-3-2-1" }, readOnly: { true: "_qmw7spf-3-2-1" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, hasError: true, checked: false }, "_qmw7spg-3-2-1"], [{ disabled: true, hasError: false, checked: false }, "_qmw7sph-3-2-1"], [{ disabled: false, hasError: true, checked: false }, "_qmw7spi-3-2-1"], [{ disabled: false, hasError: false, checked: false }, "_qmw7spj-3-2-1"]] });
-var checkboxLabelCSS = _7a468({ defaultClassName: "_qmw7sp0-3-2-1", variantClassNames: { disabled: { true: "_qmw7sp1-3-2-1" }, required: { true: "_qmw7sp2-3-2-1" }, readOnly: { true: "_qmw7sp3-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
+var checkboxIconCSS = "_qmw7spk-3-3-1";
+var checkboxKnobCSS = _7a468({ defaultClassName: "_qmw7sp4-3-3-1", variantClassNames: { hasChildren: { true: "_qmw7sp5-3-3-1", false: "_qmw7sp6-3-3-1" }, disabled: { true: "_qmw7sp7-3-3-1", false: "_qmw7sp8-3-3-1" }, hasError: { true: "_qmw7sp9-3-3-1", false: "_qmw7spa-3-3-1" }, checked: { true: "_qmw7spb-3-3-1", false: "_qmw7spc-3-3-1", indeterminate: "_qmw7spd-3-3-1", undefined: "_qmw7spe-3-3-1" }, readOnly: { true: "_qmw7spf-3-3-1" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, hasError: true, checked: false }, "_qmw7spg-3-3-1"], [{ disabled: true, hasError: false, checked: false }, "_qmw7sph-3-3-1"], [{ disabled: false, hasError: true, checked: false }, "_qmw7spi-3-3-1"], [{ disabled: false, hasError: false, checked: false }, "_qmw7spj-3-3-1"]] });
+var checkboxLabelCSS = _7a468({ defaultClassName: "_qmw7sp0-3-3-1", variantClassNames: { disabled: { true: "_qmw7sp1-3-3-1" }, required: { true: "_qmw7sp2-3-3-1" }, readOnly: { true: "_qmw7sp3-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   checkboxIconCSS,
   checkboxKnobCSS,

package/esm/forms/checkbox/Checkbox.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/checkbox/Checkbox.css.ts"],
-  "sourcesContent": ["import '../../styles/field.css';\nimport './Checkbox.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxIconCSS = '_qmw7spk-3-2-1';\nexport var checkboxKnobCSS = _7a468({defaultClassName:'_qmw7sp4-3-2-1',variantClassNames:{hasChildren:{true:'_qmw7sp5-3-2-1',false:'_qmw7sp6-3-2-1'},disabled:{true:'_qmw7sp7-3-2-1',false:'_qmw7sp8-3-2-1'},hasError:{true:'_qmw7sp9-3-2-1',false:'_qmw7spa-3-2-1'},checked:{true:'_qmw7spb-3-2-1',false:'_qmw7spc-3-2-1',indeterminate:'_qmw7spd-3-2-1',undefined:'_qmw7spe-3-2-1'},readOnly:{true:'_qmw7spf-3-2-1'}},defaultVariants:{},compoundVariants:[[{disabled:true,hasError:true,checked:false},'_qmw7spg-3-2-1'],[{disabled:true,hasError:false,checked:false},'_qmw7sph-3-2-1'],[{disabled:false,hasError:true,checked:false},'_qmw7spi-3-2-1'],[{disabled:false,hasError:false,checked:false},'_qmw7spj-3-2-1']]});\nexport var checkboxLabelCSS = _7a468({defaultClassName:'_qmw7sp0-3-2-1',variantClassNames:{disabled:{true:'_qmw7sp1-3-2-1'},required:{true:'_qmw7sp2-3-2-1'},readOnly:{true:'_qmw7sp3-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../styles/field.css';\nimport './Checkbox.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxIconCSS = '_qmw7spk-3-3-1';\nexport var checkboxKnobCSS = _7a468({defaultClassName:'_qmw7sp4-3-3-1',variantClassNames:{hasChildren:{true:'_qmw7sp5-3-3-1',false:'_qmw7sp6-3-3-1'},disabled:{true:'_qmw7sp7-3-3-1',false:'_qmw7sp8-3-3-1'},hasError:{true:'_qmw7sp9-3-3-1',false:'_qmw7spa-3-3-1'},checked:{true:'_qmw7spb-3-3-1',false:'_qmw7spc-3-3-1',indeterminate:'_qmw7spd-3-3-1',undefined:'_qmw7spe-3-3-1'},readOnly:{true:'_qmw7spf-3-3-1'}},defaultVariants:{},compoundVariants:[[{disabled:true,hasError:true,checked:false},'_qmw7spg-3-3-1'],[{disabled:true,hasError:false,checked:false},'_qmw7sph-3-3-1'],[{disabled:false,hasError:true,checked:false},'_qmw7spi-3-3-1'],[{disabled:false,hasError:false,checked:false},'_qmw7spj-3-3-1']]});\nexport var checkboxLabelCSS = _7a468({defaultClassName:'_qmw7sp0-3-3-1',variantClassNames:{disabled:{true:'_qmw7sp1-3-3-1'},required:{true:'_qmw7sp2-3-3-1'},readOnly:{true:'_qmw7sp3-3-3-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB;AACtB,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,SAAQ,EAAC,MAAK,kBAAiB,OAAM,kBAAiB,eAAc,kBAAiB,WAAU,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,SAAQ,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,MAAK,UAAS,OAAM,SAAQ,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,OAAM,UAAS,MAAK,SAAQ,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,UAAS,OAAM,UAAS,OAAM,SAAQ,MAAK,GAAE,gBAAgB,CAAC,EAAC,CAAC;AACvrB,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/forms/date-time-picker/DateSelector.js

@@ -7,14 +7,12 @@ import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { useOverlayWithTrigger } from "../../overlays/hooks/useOverlayWithTrigger.js";
 import { Overlay } from "../../overlays/overlay/Overlay.js";
 import { globalSprinkles } from "../../styles/safe-sprinkles.js";
-import { Calendar } from "../calendar/Calendar.js";
+import { CalendarRoot } from "../calendar/CalendarRoot.js";
 import { FormFieldMessageContext } from "../forms-core/contexts/FormFieldMessageContext.js";
 import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMessagesContext.js";
 const DateSelector = forwardRef(
   (props, forwardedRef) => {
     const {
-      value,
-      onChange,
       disabled,
       error,
       readOnly,
@@ -24,9 +22,6 @@ const DateSelector = forwardRef(
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
       "aria-disabled": ariaDisabledProp,
-      min,
-      max,
-      precision,
       ...remainingProps
     } = props;
     const [open, setOpen] = useState(false);
@@ -49,6 +44,11 @@ const DateSelector = forwardRef(
     });
     const rootRef = useMergeRefs([triggerRef, targetRef]);
     const intl = useIntl();
+    const calendarInputLabel = intl.formatMessage({
+      defaultMessage: "Calendar for picking a date",
+      id: "qpf+aqg3hXoviypu",
+      description: "Aria label for the DateTimePicker calendar input used for form validation."
+    });
     useImperativeHandle(
       forwardedRef,
       () => ({
@@ -105,19 +105,10 @@ const DateSelector = forwardRef(
                 }
               },
               children: /* @__PURE__ */ jsx(
-                Calendar,
+                CalendarRoot,
                 {
-                  value,
-                  "aria-disabled": ariaDisabledProp,
-                  min,
-                  max,
-                  onChange: (newDate) => {
-                    if (newDate) {
-                      overlayState.close();
-                      return onChange(newDate);
-                    }
-                  },
-                  precision
+                  "aria-label": calendarInputLabel,
+                  "aria-disabled": ariaDisabledProp
                 }
               )
             }

package/esm/forms/date-time-picker/DateSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/date-time-picker/DateSelector.tsx"],
-  "sourcesContent": ["import { forwardRef, useImperativeHandle, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CalendarIcon } from '@dynatrace/strato-icons';\n\nimport type { DateSelectorProps, DateSelectorRef } from './types.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { Overlay } from '../../overlays/overlay/Overlay.js';\nimport { globalSprinkles } from '../../styles/safe-sprinkles.js';\nimport { Calendar } from '../calendar/Calendar.js';\nimport { FormFieldMessageContext } from '../forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\n\n/**\n * Calendar widget trigger and overlay component.\n */\nexport const DateSelector = forwardRef<DateSelectorRef, DateSelectorProps>(\n  (props, forwardedRef) => {\n    const {\n      value,\n      onChange,\n      disabled,\n      error,\n      readOnly,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': ariaDisabledProp,\n      min,\n      max,\n      precision,\n      ...remainingProps\n    } = props;\n    const [open, setOpen] = useState(false);\n\n    const {\n      targetRef,\n      triggerRef,\n      overlayRef,\n      overlayState,\n      overlayProps,\n      overlayTriggerProps,\n    } = useOverlayWithTrigger({\n      placement: 'bottom-end',\n      offset: 8,\n      trapFocus: false,\n      shouldCloseOnBlur: false,\n      open,\n      onOpenChange: setOpen,\n      // the overlay should not open when disabled or readOnly\n      disabled: disabled || readOnly,\n    });\n\n    const rootRef = useMergeRefs<HTMLButtonElement>([triggerRef, targetRef]);\n    const intl = useIntl();\n\n    useImperativeHandle(\n      forwardedRef,\n      (): DateSelectorRef => ({\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [],\n    );\n\n    const { state: formFieldState } = useFormFieldMessagesContext();\n\n    return (\n      <>\n        <Button\n          ref={rootRef}\n          data-testid={dataTestId}\n          className={consumerClassName}\n          aria-disabled={ariaDisabledProp}\n          style={consumerStyle}\n          {...remainingProps}\n          {...overlayTriggerProps}\n          size=\"condensed\"\n          color={error ? 'critical' : 'neutral'}\n          data-dt-name=\"ShowCalendar\"\n        >\n          <Button.Prefix>\n            <CalendarIcon />\n          </Button.Prefix>\n        </Button>\n        <Overlay\n          ref={overlayRef}\n          isOpen={overlayState.isOpen}\n          className={globalSprinkles({\n            paddingLeft: 16,\n            paddingTop: 16,\n            paddingRight: 16,\n            paddingBottom: 16,\n          })}\n          overlayProps={overlayProps}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          aria-label={intl.formatMessage({\n            defaultMessage: 'Calendar overlay for picking a date',\n            id: 'A9Pdb5T48IHfEauq',\n            description: 'Aria label for the date time picker overlay.',\n          })}\n        >\n          {/* The Calendar should not consume any validation context to not dispatch any errors. We still want the errorstate to adjust the day highlighting. */}\n          <FormFieldMessageContext.Provider\n            value={{\n              state: {\n                customMessages: [],\n                formControlMessages: [],\n                showError: formFieldState.showError,\n              },\n            }}\n          >\n            <Calendar\n              value={value}\n              aria-disabled={ariaDisabledProp}\n              min={min}\n              max={max}\n              onChange={(newDate) => {\n                if (newDate) {\n                  overlayState.close();\n                  return onChange(newDate);\n                }\n              }}\n              precision={precision}\n            />\n          </FormFieldMessageContext.Provider>\n        </Overlay>\n      </>\n    );\n  },\n);\n"],
-  "mappings": "AAwEM,mBAcM,KAdN;AAxEN,SAAS,YAAY,qBAAqB,gBAAgB;AAC1D,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAG7B,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAKrC,MAAM,eAAe;AAAA,EAC1B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,UAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,sBAAsB;AAAA,MACxB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB;AAAA,MACA,cAAc;AAAA;AAAA,MAEd,UAAU,YAAY;AAAA,IACxB,CAAC;AAED,UAAM,UAAU,aAAgC,CAAC,YAAY,SAAS,CAAC;AACvE,UAAM,OAAO,QAAQ;AAErB;AAAA,MACE;AAAA,MACA,OAAwB;AAAA,QACtB,MAAM,MAAM,QAAQ,IAAI;AAAA,QACxB,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC5B;AAAA,MACA,CAAC;AAAA,IACH;AAEA,UAAM,EAAE,OAAO,eAAe,IAAI,4BAA4B;AAE9D,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,eAAa;AAAA,UACb,WAAW;AAAA,UACX,iBAAe;AAAA,UACf,OAAO;AAAA,UACN,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,MAAK;AAAA,UACL,OAAO,QAAQ,aAAa;AAAA,UAC5B,gBAAa;AAAA,UAEb,8BAAC,OAAO,QAAP,EACC,8BAAC,gBAAa,GAChB;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,QAAQ,aAAa;AAAA,UACrB,WAAW,gBAAgB;AAAA,YACzB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,cAAc;AAAA,YACd,eAAe;AAAA,UACjB,CAAC;AAAA,UACD;AAAA,UACA,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,cAAY,KAAK,cAAc;AAAA,YAC7B,gBAAgB;AAAA,YAChB,IAAI;AAAA,YACJ,aAAa;AAAA,UACf,CAAC;AAAA,UAGD;AAAA,YAAC,wBAAwB;AAAA,YAAxB;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,kBACL,gBAAgB,CAAC;AAAA,kBACjB,qBAAqB,CAAC;AAAA,kBACtB,WAAW,eAAe;AAAA,gBAC5B;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA,iBAAe;AAAA,kBACf;AAAA,kBACA;AAAA,kBACA,UAAU,CAAC,YAAY;AACrB,wBAAI,SAAS;AACX,mCAAa,MAAM;AACnB,6BAAO,SAAS,OAAO;AAAA,oBACzB;AAAA,kBACF;AAAA,kBACA;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { CalendarIcon } from '@dynatrace/strato-icons';\n\nimport type { DateSelectorProps, DateSelectorRef } from './types.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { Overlay } from '../../overlays/overlay/Overlay.js';\nimport { globalSprinkles } from '../../styles/safe-sprinkles.js';\nimport { CalendarRoot } from '../calendar/CalendarRoot.js';\nimport { FormFieldMessageContext } from '../forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\n\n/**\n * Calendar widget trigger and overlay component.\n */\nexport const DateSelector = forwardRef<DateSelectorRef, DateSelectorProps>(\n  (props, forwardedRef) => {\n    const {\n      disabled,\n      error,\n      readOnly,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': ariaDisabledProp,\n      ...remainingProps\n    } = props;\n    const [open, setOpen] = useState(false);\n\n    const {\n      targetRef,\n      triggerRef,\n      overlayRef,\n      overlayState,\n      overlayProps,\n      overlayTriggerProps,\n    } = useOverlayWithTrigger({\n      placement: 'bottom-end',\n      offset: 8,\n      trapFocus: false,\n      shouldCloseOnBlur: false,\n      open,\n      onOpenChange: setOpen,\n      // the overlay should not open when disabled or readOnly\n      disabled: disabled || readOnly,\n    });\n\n    const rootRef = useMergeRefs<HTMLButtonElement>([triggerRef, targetRef]);\n    const intl = useIntl();\n    const calendarInputLabel = intl.formatMessage({\n      defaultMessage: 'Calendar for picking a date',\n      id: 'qpf+aqg3hXoviypu',\n      description:\n        'Aria label for the DateTimePicker calendar input used for form validation.',\n    });\n\n    useImperativeHandle(\n      forwardedRef,\n      (): DateSelectorRef => ({\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [],\n    );\n\n    const { state: formFieldState } = useFormFieldMessagesContext();\n\n    return (\n      <>\n        <Button\n          ref={rootRef}\n          data-testid={dataTestId}\n          className={consumerClassName}\n          aria-disabled={ariaDisabledProp}\n          style={consumerStyle}\n          {...remainingProps}\n          {...overlayTriggerProps}\n          size=\"condensed\"\n          color={error ? 'critical' : 'neutral'}\n          data-dt-name=\"ShowCalendar\"\n        >\n          <Button.Prefix>\n            <CalendarIcon />\n          </Button.Prefix>\n        </Button>\n        <Overlay\n          ref={overlayRef}\n          isOpen={overlayState.isOpen}\n          className={globalSprinkles({\n            paddingLeft: 16,\n            paddingTop: 16,\n            paddingRight: 16,\n            paddingBottom: 16,\n          })}\n          overlayProps={overlayProps}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          aria-label={intl.formatMessage({\n            defaultMessage: 'Calendar overlay for picking a date',\n            id: 'A9Pdb5T48IHfEauq',\n            description: 'Aria label for the date time picker overlay.',\n          })}\n        >\n          {/* The Calendar should not consume any validation context to not dispatch any errors. We still want the errorstate to adjust the day highlighting. */}\n          <FormFieldMessageContext.Provider\n            value={{\n              state: {\n                customMessages: [],\n                formControlMessages: [],\n                showError: formFieldState.showError,\n              },\n            }}\n          >\n            <CalendarRoot\n              aria-label={calendarInputLabel}\n              aria-disabled={ariaDisabledProp}\n            />\n          </FormFieldMessageContext.Provider>\n        </Overlay>\n      </>\n    );\n  },\n);\n"],
+  "mappings": "AAyEM,mBAcM,KAdN;AAzEN,SAAS,YAAY,qBAAqB,gBAAgB;AAC1D,SAAS,eAAe;AAExB,SAAS,oBAAoB;AAG7B,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAKrC,MAAM,eAAe;AAAA,EAC1B,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACL,IAAI;AACJ,UAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,sBAAsB;AAAA,MACxB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB;AAAA,MACA,cAAc;AAAA;AAAA,MAEd,UAAU,YAAY;AAAA,IACxB,CAAC;AAED,UAAM,UAAU,aAAgC,CAAC,YAAY,SAAS,CAAC;AACvE,UAAM,OAAO,QAAQ;AACrB,UAAM,qBAAqB,KAAK,cAAc;AAAA,MAC5C,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,aACE;AAAA,IACJ,CAAC;AAED;AAAA,MACE;AAAA,MACA,OAAwB;AAAA,QACtB,MAAM,MAAM,QAAQ,IAAI;AAAA,QACxB,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC5B;AAAA,MACA,CAAC;AAAA,IACH;AAEA,UAAM,EAAE,OAAO,eAAe,IAAI,4BAA4B;AAE9D,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,eAAa;AAAA,UACb,WAAW;AAAA,UACX,iBAAe;AAAA,UACf,OAAO;AAAA,UACN,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,MAAK;AAAA,UACL,OAAO,QAAQ,aAAa;AAAA,UAC5B,gBAAa;AAAA,UAEb,8BAAC,OAAO,QAAP,EACC,8BAAC,gBAAa,GAChB;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,QAAQ,aAAa;AAAA,UACrB,WAAW,gBAAgB;AAAA,YACzB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,cAAc;AAAA,YACd,eAAe;AAAA,UACjB,CAAC;AAAA,UACD;AAAA,UACA,mBAAiB;AAAA,UACjB,oBAAkB;AAAA,UAClB,cAAY,KAAK,cAAc;AAAA,YAC7B,gBAAgB;AAAA,YAChB,IAAI;AAAA,YACJ,aAAa;AAAA,UACf,CAAC;AAAA,UAGD;AAAA,YAAC,wBAAwB;AAAA,YAAxB;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,kBACL,gBAAgB,CAAC;AAAA,kBACjB,qBAAqB,CAAC;AAAA,kBACtB,WAAW,eAAe;AAAA,gBAC5B;AAAA,cACF;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,cAAY;AAAA,kBACZ,iBAAe;AAAA;AAAA,cACjB;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;",
   "names": []
 }