@dynatrace/strato-components 3.2.0 → 3.3.0

package/forms/calendar/hooks/useYear.js

@@ -28,11 +28,15 @@ var import_react_intl = require("react-intl");
 var import_user_preferences = require("@dynatrace-sdk/user-preferences");
 var import_useCalendarContext = require("./useCalendarContext.js");
 var import_useFocus = require("./useFocus.js");
-var import_types = require("../../forms-core/time/types.js");
-var import_calendar_validation = require("../state/calendar-validation.js");
+var import_helpers = require("../../../core/time/helpers.js");
+var import_useTimeframeStore = require("../../../core/time/timeframeStore/useTimeframeStore.js");
+var import_validation = require("../../../core/time/validation.js");
 function useYear({ date, itemRef }) {
   const { state, dispatch } = (0, import_useCalendarContext.useCalendarContext)();
   const configuredTimezone = (0, import_user_preferences.getTimezone)();
+  const value = (0, import_useTimeframeStore.useCalendarStore)((store) => store.calendarValue);
+  const min = (0, import_useTimeframeStore.useCalendarStore)((store) => store.min);
+  const max = (0, import_useTimeframeStore.useCalendarStore)((store) => store.max);
   const intl = (0, import_react_intl.useIntl)();
   const ariaLabel = (0, import_react.useMemo)(() => {
     const formatMessage = intl.formatMessage({
@@ -52,23 +56,20 @@ function useYear({ date, itemRef }) {
   );
   const isSelected = (0, import_react.useMemo)(() => {
     const compareYear = date.getFullYear();
-    if ((0, import_types.isTimeframe)(state.selectedDate, state.type)) {
-      const { from, to } = state.selectedDate;
+    if ((0, import_helpers.isTimeframe)(value, state.type) && value) {
+      const { from, to } = value;
       const fromYear = from ? new import_tz.TZDateMini(from.absoluteDate, configuredTimezone).getFullYear() : null;
       const toYear = to ? new import_tz.TZDateMini(to.absoluteDate, configuredTimezone).getFullYear() : null;
       return fromYear === compareYear || toYear === compareYear;
     }
-    const selectedYear = state.selectedDate ? new import_tz.TZDateMini(
-      state.selectedDate.absoluteDate,
-      configuredTimezone
-    ).getFullYear() : null;
+    const selectedYear = value ? new import_tz.TZDateMini(value.absoluteDate, configuredTimezone).getFullYear() : null;
     return compareYear === selectedYear;
-  }, [configuredTimezone, state.selectedDate, state.type, date]);
+  }, [configuredTimezone, value, state.type, date]);
   const isDisabled = (0, import_react.useMemo)(() => {
     const startDay = (0, import_date_fns.startOfYear)(date);
     const endDay = (0, import_date_fns.endOfYear)(date);
-    return (0, import_calendar_validation.isOutOfBounds)(startDay, void 0, state.max?.value) || (0, import_calendar_validation.isOutOfBounds)(endDay, state.min?.value);
-  }, [state.min, state.max, date]);
+    return !!((0, import_validation.isOutOfBounds)(startDay, void 0, max) || (0, import_validation.isOutOfBounds)(endDay, min));
+  }, [min, max, date]);
   const { tabIndex } = (0, import_useFocus.useFocus)({ isFocused, itemRef });
   function onClick() {
     dispatch({

package/forms/calendar/state/calendar-state-reducer.d.ts

@@ -1,6 +1,3 @@
-import { type Dispatch } from 'react';
-import type { Timeframe } from '../../../core/types/time.js';
-import { type FormFieldMessagesReducerAction } from '../../forms-core/state/formfield-messages-state-reducer.js';
 import type { CalendarReducerAction, CalendarState } from '../types/shared-types.js';
 /** Calendar reducer */
-export declare function reducer(state: CalendarState, action: CalendarReducerAction, handleValidation: Dispatch<FormFieldMessagesReducerAction>, onChange?: (date: Timeframe | string | null) => void, precision?: 'minutes' | 'seconds' | 'milliseconds'): CalendarState;
+export declare function reducer(state: CalendarState, action: CalendarReducerAction): CalendarState;

package/forms/calendar/state/calendar-state-reducer.js

@@ -24,13 +24,8 @@ module.exports = __toCommonJS(calendar_state_reducer_exports);
 var import_tz = require("@date-fns/tz");
 var import_date_fns = require("date-fns");
 var import_user_preferences = require("@dynatrace-sdk/user-preferences");
-var import_calendar_validation = require("./calendar-validation.js");
-var import_formfield_messages_state_reducer = require("../../forms-core/state/formfield-messages-state-reducer.js");
-var import_helpers = require("../../forms-core/time/helpers.js");
-var import_types = require("../../forms-core/time/types.js");
-var import_helpers2 = require("../utils/helpers.js");
-function reducer(state, action, handleValidation, onChange, precision) {
-  const configuredTimezone = (0, import_user_preferences.getTimezone)();
+var import_helpers = require("../utils/helpers.js");
+function reducer(state, action) {
   switch (action.type) {
     case "activeDateChange":
       return {
@@ -38,74 +33,17 @@ function reducer(state, action, handleValidation, onChange, precision) {
         activeDate: action.payload.activeDate,
         currentView: action.payload.changeToView ?? state.currentView
       };
-    case "typeChanged":
-      return { ...state, ...action.payload };
-    case "minMaxChanged": {
-      const internalError = (0, import_calendar_validation.validateCalendarSelection)(
-        state.selectedDate,
-        {
-          ...state,
-          min: action.payload.min,
-          max: action.payload.max
-        },
-        handleValidation
-      );
-      return {
-        ...state,
-        min: action.payload.min,
-        max: action.payload.max,
-        errorId: internalError
-      };
-    }
     case "currentViewChange":
       return { ...state, currentView: action.payload };
     case "shouldUpdateFocusFromKeydown":
       return { ...state, shouldUpdateFocusFromKeydown: action.payload };
-    case "selectionChanged": {
-      if (!action.payload) {
-        requestAnimationFrame(() => onChange?.(null));
-        return state;
-      }
-      const newTimeValue = (0, import_helpers.getTimeValueFromSimpleValue)(
-        action.payload,
-        state.timeOffset,
-        state.position,
-        void 0,
-        state.min,
-        state.max,
-        precision
-      );
-      const newSelectedDate = (0, import_helpers2.getDateFromSelection)(
-        state.selectedDate,
-        state.type,
-        newTimeValue,
-        state.position,
-        state.min,
-        state.max,
-        precision
-      );
-      requestAnimationFrame(() => {
-        if (!newSelectedDate) {
-          return onChange?.(null);
-        }
-        if ((0, import_types.isTimeframe)(newSelectedDate, state.type) && "from" in newSelectedDate && "to" in newSelectedDate) {
-          newSelectedDate.to ??= null;
-          newSelectedDate.from ??= null;
-          return onChange?.(newSelectedDate);
-        }
-        if ("value" in newSelectedDate) {
-          onChange?.(newSelectedDate.value);
-        }
-      });
-      return state;
-    }
     case "navigateCurrentView": {
       let newActiveDate;
       const { amount, unit } = action.payload;
       const affectedScale = unit ?? state.currentView;
-      const realAmount = typeof amount === "number" ? amount : (0, import_helpers2.getWeekStartOrEnd)(amount, state.activeDate);
-      const configuredTimezone2 = (0, import_user_preferences.getTimezone)();
-      const activeDate = new import_tz.TZDateMini(state.activeDate, configuredTimezone2);
+      const realAmount = typeof amount === "number" ? amount : (0, import_helpers.getWeekStartOrEnd)(amount, state.activeDate);
+      const configuredTimezone = (0, import_user_preferences.getTimezone)();
+      const activeDate = new import_tz.TZDateMini(state.activeDate, configuredTimezone);
       switch (affectedScale) {
         case "day":
           newActiveDate = (0, import_date_fns.addDays)(activeDate, realAmount);
@@ -122,30 +60,8 @@ function reducer(state, action, handleValidation, onChange, precision) {
         activeDate: newActiveDate
       };
     }
-    case "valueChanged": {
-      const updatedValue = action.payload;
-      const internalError = (0, import_calendar_validation.validateCalendarSelection)(
-        updatedValue,
-        state,
-        handleValidation
-      );
-      handleValidation({
-        type: import_formfield_messages_state_reducer.FormFieldMessagesAction.SETISTOUCHED,
-        payload: { isTouched: true }
-      });
-      const activeDate = (0, import_types.isTimeframe)(updatedValue, state.type) ? updatedValue.to?.absoluteDate || updatedValue.from?.absoluteDate : updatedValue?.absoluteDate;
-      return {
-        ...state,
-        selectedDate: updatedValue,
-        activeDate: new import_tz.TZDateMini(
-          activeDate ?? state.today.toISOString(),
-          configuredTimezone
-        ),
-        position: (0, import_helpers2.getPosition)(state.position, updatedValue),
-        errorId: internalError
-      };
-    }
     default:
-      throw new Error("The dispatched action does not exist.");
+      console.warn("The dispatched action does not exist.");
+      return state;
   }
 }

package/forms/calendar/types/calendarConfiguration.d.ts

@@ -13,8 +13,6 @@ export declare const COLUMNS_GAP: string;
 export declare const NUMBER_OF_YEARS: number;
 /** The list of years should initially start at the current year - offset. */
 export declare const YEARS_RANGE_START_OFFSET = -5;
-/** Number of milliseconds in one day. */
-export declare const ONE_DAY_IN_MILLISECONDS: number;
 /**
  * @internal
  */

package/forms/calendar/types/calendarConfiguration.js

@@ -37,7 +37,6 @@ __export(calendarConfiguration_exports, {
   NUMBER_OF_YEARS: () => NUMBER_OF_YEARS,
   NUMBER_OF_YEARS_PER_ROW: () => NUMBER_OF_YEARS_PER_ROW,
   NUMBER_OF_YEAR_ROWS: () => NUMBER_OF_YEAR_ROWS,
-  ONE_DAY_IN_MILLISECONDS: () => ONE_DAY_IN_MILLISECONDS,
   YEARS_RANGE_START_OFFSET: () => YEARS_RANGE_START_OFFSET
 });
 module.exports = __toCommonJS(calendarConfiguration_exports);
@@ -52,4 +51,3 @@ const NUMBER_OF_YEAR_ROWS = 6;
 const COLUMNS_GAP = import_spacings.default.Size4;
 const NUMBER_OF_YEARS = NUMBER_OF_YEAR_ROWS * 4;
 const YEARS_RANGE_START_OFFSET = -5;
-const ONE_DAY_IN_MILLISECONDS = 1e3 * 60 * 60 * 24;

package/forms/calendar/types/shared-types.d.ts

@@ -1,8 +1,6 @@
 import { TZDate } from '@date-fns/tz';
 import type { RefObject } from 'react';
 import type { CalendarType } from './calendarConfiguration.js';
-import type { TimeValue, Timeframe } from '../../../core/types/time.js';
-import type { StringTimeOffset } from '../../forms-core/time/types.js';
 /** @internal */
 export type CalendarViewType = 'day' | 'month' | 'year';
 /** @internal */
@@ -28,24 +26,10 @@ export interface CalendarState {
      * Used to control focus updates and prevent unwanted focus changes.
      */
     shouldUpdateFocusFromKeydown: boolean | null;
-    /** The currently selected date. */
-    selectedDate: TimeValue | Partial<Timeframe> | null;
     /** The type of calendar (single or range). */
     type: CalendarType;
     /** How the next selection should update the selected date. It is undefined for single calendars. */
     position?: 'from' | 'to';
-    /** The earliest date that can be selected. */
-    min?: TimeValue;
-    /** The latest date that can be selected. */
-    max?: TimeValue;
-    /**
-     * A date or date range defining the initial or expected time that should be added to the value.
-     * If none set it falls back to `startOfDay` or `endOfDay` for the to date. */
-    timeOffset: StringTimeOffset;
-    /**
-     * The id of the current error.
-     */
-    errorId?: string;
 }
 /** @internal */
 export type CalendarNavigationPayload = {
@@ -70,22 +54,7 @@ export type CalendarReducerAction = {
 } | {
     type: 'currentViewChange';
     payload: CalendarViewType;
-} | {
-    type: 'selectionChanged';
-    payload: string | null;
 } | {
     type: 'navigateCurrentView';
     payload: CalendarNavigationPayload;
-} | {
-    type: 'valueChanged';
-    payload: TimeValue | Partial<Timeframe> | null;
-} | {
-    type: 'minMaxChanged';
-    payload: {
-        min?: TimeValue;
-        max?: TimeValue;
-    };
-} | {
-    type: 'typeChanged';
-    payload: Pick<CalendarState, 'type' | 'position'>;
 };

package/forms/calendar/utils/helpers.d.ts

@@ -1,10 +1,11 @@
 import { TZDate } from '@date-fns/tz';
-import type { TimeValue, Timeframe } from '../../../core/types/time.js';
-import { StringTimeOffset } from '../../forms-core/time/types.js';
+import type { Precision } from '../../../core/time/shared.types.js';
+import type { StringTimeOffset } from '../../../core/time/timeframeStore/calendar.types.js';
+import { type TimeValue, type Timeframe } from '../../../core/types/time.js';
 import type { CalendarProps, CalendarStrictValueType } from '../Calendar.types.js';
 import type { ViewItem } from '../components/CalendarItem.js';
 import { type CalendarType } from '../types/calendarConfiguration.js';
-import type { FirstDayOfWeek, CalendarState } from '../types/shared-types.js';
+import type { FirstDayOfWeek } from '../types/shared-types.js';
 /** @internal */
 export interface Day {
     date: TZDate;
@@ -19,32 +20,20 @@ export declare function getDays(activeDate: TZDate, weekStartsOn: FirstDayOfWeek
  * Tries to convert the given value to the proper TimeValue / Timeframe structure. If not possible it returns null.
  * @internal
  */
-export declare function convertToCalendarStructure<Type extends CalendarType>(timeOffset: StringTimeOffset, type?: CalendarType, value?: CalendarStrictValueType<Type>, min?: TimeValue, max?: TimeValue, precision?: CalendarProps<Type>['precision']): TimeValue | Partial<Timeframe> | null;
-/** @internal */
-export declare function isCompleteSelection(type: 'single' | 'range', selectedDate?: Partial<Timeframe> | Timeframe | TimeValue | null): boolean;
+export declare function convertToCalendarStructure<Type extends CalendarType>(type?: CalendarType, value?: Partial<Timeframe> | Partial<{
+    from: string;
+    to: string;
+}> | null | string | Date | TimeValue, min?: TimeValue | null, max?: TimeValue | null, precision?: CalendarProps<Type>['precision']): TimeValue | Partial<Timeframe> | null;
 /**
  * Checks if the passed date is the selected date or part of the selected date range.
  * Depending on the selection it defines the highlightColor, the highlightType and if it is a relative timeframe.
  * @internal
  */
-export declare const getHighlightingProps: (date: TZDate, state: Pick<CalendarState, "selectedDate" | "type">, hoveredDate?: TZDate | null) => Pick<ViewItem, "isSelected" | "highlightColor" | "highlightType" | "selectionVariant" | "isIncompleteSelection">;
+export declare const getHighlightingProps: (date: TZDate, selectedDate: Partial<Timeframe> | TimeValue | null, type: CalendarType, hoveredDate?: TZDate | null) => Pick<ViewItem, "isSelected" | "highlightColor" | "highlightType" | "selectionVariant" | "isIncompleteSelection">;
 /**
  * Returns the number of days from the start of the week until the current date.
  * @internal
  */
 export declare function getWeekStartOrEnd(indicator: 'startOfWeek' | 'endOfWeek', activeDate: TZDate): number;
-/**
- * Returns the next position depending on the current.
- * @internal
- */
-export declare function getPosition(position?: CalendarState['position'], value?: TimeValue | Partial<Timeframe> | Timeframe | null): "to" | "from" | undefined;
-/**
- * Either assigns and sanitizes the passed timeValue to the Timeframe or returns the TimeValue in case of single selection.
- * @internal
- */
-export declare function getDateFromSelection(oldSelection: TimeValue | Partial<Timeframe> | null, type: CalendarType, timeValue?: TimeValue, position?: CalendarState['position'], min?: TimeValue, max?: TimeValue, precision?: 'minutes' | 'seconds' | 'milliseconds'): TimeValue | {
-    from: TimeValue | undefined;
-    to: TimeValue | undefined;
-} | null;
 /** @internal */
-export declare function getTimeOffsetFromInitialValue<Type extends CalendarType>(value?: CalendarStrictValueType<Type>, type?: CalendarType, min?: TimeValue | null, max?: TimeValue | null, precision?: CalendarProps<Type>['precision']): StringTimeOffset;
+export declare function getTimeOffsetFromInitialValue<Type extends CalendarType>(value?: CalendarStrictValueType<Type> | Partial<Timeframe> | TimeValue, type?: CalendarType, min?: TimeValue | null, max?: TimeValue | null, precision?: Precision): StringTimeOffset;

package/forms/calendar/utils/helpers.js

@@ -19,22 +19,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var helpers_exports = {};
 __export(helpers_exports, {
   convertToCalendarStructure: () => convertToCalendarStructure,
-  getDateFromSelection: () => getDateFromSelection,
   getDays: () => getDays,
   getHighlightingProps: () => getHighlightingProps,
-  getPosition: () => getPosition,
   getTimeOffsetFromInitialValue: () => getTimeOffsetFromInitialValue,
-  getWeekStartOrEnd: () => getWeekStartOrEnd,
-  isCompleteSelection: () => isCompleteSelection
+  getWeekStartOrEnd: () => getWeekStartOrEnd
 });
 module.exports = __toCommonJS(helpers_exports);
 var import_tz = require("@date-fns/tz");
 var import_date_fns = require("date-fns");
 var import_weekstart = require("weekstart");
 var import_user_preferences = require("@dynatrace-sdk/user-preferences");
-var import_helpers = require("../../forms-core/time/helpers.js");
+var import_helpers = require("../../../core/time/helpers.js");
+var import_helpers2 = require("../../forms-core/time/helpers.js");
 var import_timeParser = require("../../forms-core/time/timeParser.js");
-var import_types = require("../../forms-core/time/types.js");
 var import_calendarConfiguration = require("../types/calendarConfiguration.js");
 function getDays(activeDate, weekStartsOn) {
   const monthStart = (0, import_date_fns.startOfMonth)(activeDate);
@@ -45,7 +42,7 @@ function getDays(activeDate, weekStartsOn) {
   const lastWeekEnd = (0, import_date_fns.lastDayOfWeek)(monthEnd, { weekStartsOn });
   let prevMonthDays = getSiblingMonthDays(monthStart, firstWeekStart, -1);
   const currentMonthDays = toDayArray(
-    (0, import_date_fns.eachDayOfInterval)({
+    (0, import_helpers2.eachDayOfInterval)({
       start: monthStart,
       end: monthEnd
     }),
@@ -56,7 +53,7 @@ function getDays(activeDate, weekStartsOn) {
   while (days.length < import_calendarConfiguration.NUMBER_OF_WEEKDAYS * import_calendarConfiguration.NUMBER_OF_WEEK_ROWS) {
     if (!prevMonthDays.length) {
       prevMonthDays = toDayArray(
-        (0, import_date_fns.eachDayOfInterval)({
+        (0, import_helpers2.eachDayOfInterval)({
           // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly
           start: (0, import_date_fns.addWeeks)(firstWeekStart, -1),
           end: (0, import_date_fns.addDays)(firstWeekStart, -1)
@@ -66,7 +63,7 @@ function getDays(activeDate, weekStartsOn) {
     } else {
       days.push(
         ...toDayArray(
-          (0, import_date_fns.eachDayOfInterval)({
+          (0, import_helpers2.eachDayOfInterval)({
             // Typecast to TZDate since TypeScript doesn't infer addWeeks return type directly
             start: (0, import_date_fns.addDays)(lastWeekEnd, 1),
             end: (0, import_date_fns.addWeeks)(lastWeekEnd, 1)
@@ -86,7 +83,7 @@ function getSiblingMonthDays(monthStartEnd, weekStartEnd, direction) {
     (a, b) => (0, import_date_fns.compareAsc)(a, b)
   );
   return toDayArray(
-    (0, import_date_fns.eachDayOfInterval)({
+    (0, import_helpers2.eachDayOfInterval)({
       start: sortedDays[0],
       end: sortedDays[1]
     })
@@ -100,12 +97,20 @@ 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") {
-    return (0, import_helpers.getTimeValueFromSimpleValue)(
+  if (typeof value === "string" || value instanceof Date) {
+    const stringDate = typeof value === "string" ? value : value.toISOString();
+    const timeOffset = getTimeOffsetFromInitialValue(
+      stringDate,
+      "single",
+      min,
+      max,
+      precision
+    );
+    return (0, import_helpers2.getTimeValueFromSimpleValue)(
       value,
       timeOffset,
       void 0,
@@ -115,26 +120,37 @@ function convertToCalendarStructure(timeOffset, type = "single", value, min, max
       precision
     ) ?? null;
   }
+  if ((0, import_helpers.isTimeValue)(value)) {
+    return (0, import_timeParser.removePrecisionFromTimeValue)(value, precision);
+  }
   if (value) {
-    const from = (0, import_helpers.getTimeValueFromSimpleValue)(
-      value.from?.value,
+    const timeframe = (0, import_timeParser.mapToPartialTimeframe)(value);
+    const timeOffset = getTimeOffsetFromInitialValue(
+      timeframe,
+      "range",
+      min,
+      max,
+      precision
+    );
+    const from = (0, import_helpers2.getTimeValueFromSimpleValue)(
+      timeframe?.from?.value,
       timeOffset,
       "from",
-      value.from?.type === "expression",
+      timeframe?.from?.type === "expression",
       min,
       void 0,
       precision
     );
-    const to = (0, import_helpers.getTimeValueFromSimpleValue)(
-      value.to?.value,
+    const to = (0, import_helpers2.getTimeValueFromSimpleValue)(
+      timeframe?.to?.value,
       timeOffset,
       "to",
-      value.to?.type === "expression",
+      timeframe?.to?.type === "expression",
       void 0,
       max,
       precision
     );
-    return (0, import_helpers.sortTimeframeValues)({ from, to }, min, max, precision);
+    return (0, import_helpers2.sortTimeframeValues)({ from, to }, min, max, precision);
   }
   return { from: void 0, to: void 0 };
 }
@@ -199,17 +215,14 @@ function getHighlightType(from, to, newDate) {
   }
   return void 0;
 }
-function isCompleteSelection(type, selectedDate) {
-  return (0, import_types.isTimeframe)(selectedDate, type) ? !!(selectedDate.from && selectedDate.to) : !!selectedDate?.value;
-}
 const getHighlightPropsFromTimeframe = (date, selectedDate, hoveredDate) => {
   const { from: selectedFrom, to: selectedTo } = selectedDate;
   if (!selectedFrom && !selectedTo) {
     return {};
   }
   const relativeDate = import_tz.TZDateMini.tz((0, import_user_preferences.getTimezone)()).getTime();
-  const from = (0, import_helpers.timeValueToDate)(selectedFrom, relativeDate);
-  const to = (0, import_helpers.timeValueToDate)(selectedTo, relativeDate);
+  const from = (0, import_helpers2.timeValueToDate)(selectedFrom, relativeDate);
+  const to = (0, import_helpers2.timeValueToDate)(selectedTo, relativeDate);
   const isSelected = !!(from && (0, import_date_fns.isSameDay)(date, from) || to && (0, import_date_fns.isSameDay)(date, to));
   const safeFromDate = from ?? hoveredDate;
   const safeToDate = to ?? hoveredDate;
@@ -225,15 +238,14 @@ 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 {};
   }
-  if ((0, import_types.isTimeframe)(selectedDate, type)) {
+  if ((0, import_helpers.isTimeframe)(selectedDate, type)) {
     return getHighlightPropsFromTimeframe(date, selectedDate, hoveredDate);
   }
-  const newSelectedDate = (0, import_helpers.timeValueToDate)(selectedDate, Date.now());
+  const newSelectedDate = (0, import_helpers2.timeValueToDate)(selectedDate, Date.now());
   if (!newSelectedDate) {
     return {};
   }
@@ -260,28 +272,8 @@ 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 ((0, import_types.isTimeframe)(oldSelection, type)) {
-    const tmp = oldSelection ? { ...oldSelection } : {};
-    tmp[position ?? "from"] = timeValue;
-    if (position === "from") {
-      tmp["to"] = void 0;
-    }
-    return (0, import_helpers.sortTimeframeValues)(tmp, min, max, precision);
-  }
-  return timeValue ?? null;
-}
 function getTimeOffsetFromInitialValue(value, type = "single", min = null, max = null, precision = "milliseconds") {
-  if ((0, import_types.isTimeframe)(value, type)) {
+  if ((0, import_helpers.isTimeframe)(value, type)) {
     if (!value) {
       return { from: "startOfDay", to: "endOfDay" };
     }
@@ -289,13 +281,13 @@ function getTimeOffsetFromInitialValue(value, type = "single", min = null, max =
     let to = value["to"]?.absoluteDate;
     const configuredTimezone = (0, import_user_preferences.getTimezone)();
     const fromIsAtStartOfDay = from && from === (0, import_date_fns.startOfDay)(new import_tz.TZDateMini(from, configuredTimezone)).toISOString();
-    const fromIsMin = min && (0, import_timeParser.removePrecision)(from, precision) === (0, import_timeParser.removePrecision)(min?.absoluteDate, precision);
+    const fromIsMin = min && from && (0, import_timeParser.removePrecision)(from, precision) === (0, import_timeParser.removePrecision)(min?.absoluteDate, precision);
     if (!from || fromIsAtStartOfDay || value["from"]?.type === "expression" || fromIsMin) {
       from = "startOfDay";
     }
     const toIsAtEndOfDay = to && to === (0, import_date_fns.endOfDay)(new import_tz.TZDateMini(to, configuredTimezone)).toISOString();
-    const toIsMax = max && (0, import_timeParser.removePrecision)(to, precision) === (0, import_timeParser.removePrecision)(max?.absoluteDate, precision);
-    if (!to || toIsAtEndOfDay || value.to.type === "expression" || toIsMax) {
+    const toIsMax = max && to && (0, import_timeParser.removePrecision)(to, precision) === (0, import_timeParser.removePrecision)(max?.absoluteDate, precision);
+    if (!to || toIsAtEndOfDay || value.to?.type === "expression" || toIsMax) {
       to = "endOfDay";
     }
     return {
@@ -303,8 +295,12 @@ function getTimeOffsetFromInitialValue(value, type = "single", min = null, max =
       to
     };
   }
-  if (typeof value === "string") {
-    return (0, import_timeParser.isExpressionString)(value) ? "startOfDay" : value;
+  if (precision === "day") {
+    return "startOfDay";
+  }
+  const offset = (0, import_helpers.isTimeValue)(value) ? value.value : value;
+  if (typeof offset === "string") {
+    return (0, import_timeParser.isExpressionString)(offset) ? "startOfDay" : offset;
   }
   return "startOfDay";
 }

package/forms/calendar/variables.sty.js

@@ -22,5 +22,5 @@ __export(variables_css_exports, {
   rangeColor: () => rangeColor
 });
 module.exports = __toCommonJS(variables_css_exports);
-var borderColor = "var(--_1jljrbf1-3-2-0)";
-var rangeColor = "var(--_1jljrbf0-3-2-0)";
+var borderColor = "var(--_1jljrbf1-3-3-0)";
+var rangeColor = "var(--_1jljrbf0-3-3-0)";

package/forms/calendar/views/SelectDayView.d.ts

@@ -4,6 +4,6 @@
  * @internal
  */
 export declare const SelectDayView: {
-    (): import("react/jsx-runtime.js").JSX.Element;
+    (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/forms/calendar/views/SelectMonthView.d.ts

@@ -4,6 +4,6 @@
  * @internal
  */
 export declare const SelectMonthView: {
-    (): import("react/jsx-runtime.js").JSX.Element;
+    (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/forms/calendar/views/SelectYearView.d.ts

@@ -4,6 +4,6 @@
  * @internal
  */
 export declare const SelectYearView: {
-    (): import("react/jsx-runtime.js").JSX.Element;
+    (): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/forms/checkbox/Checkbox.css

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