@helpwave/hightide 0.8.1 → 0.8.3

package/dist/index.mjs

@@ -14327,7 +14327,7 @@ var TableBody = React5.memo(function TableBodyVisual() {
 
 // src/components/layout/table/TableHeader.tsx
 import { flexRender as flexRender2 } from "@tanstack/react-table";
-import clsx26 from "clsx";
+import clsx25 from "clsx";
 
 // src/components/layout/table/TableSortButton.tsx
 import { ChevronDown as ChevronDown3, ChevronsUpDown, ChevronUp as ChevronUp2 } from "lucide-react";
@@ -14385,179 +14385,6 @@ import { useEffect as useEffect32, useId as useId15, useMemo as useMemo26, useRe
 // src/components/user-interaction/input/DateTimeInput.tsx
 import { forwardRef as forwardRef17, useCallback as useCallback25, useEffect as useEffect31, useId as useId13, useImperativeHandle as useImperativeHandle11, useMemo as useMemo24, useRef as useRef29, useState as useState28 } from "react";
 import { CalendarIcon } from "lucide-react";
-import clsx25 from "clsx";
-
-// src/utils/date.ts
-var monthsList = ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
-var weekDayList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
-var formatDate = (date) => {
-  const year = date.getFullYear().toString().padStart(4, "0");
-  const month = (date.getMonth() + 1).toString().padStart(2, "0");
-  const day = date.getDate().toString().padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-var formatDateTime = (date) => {
-  const dateString = formatDate(date);
-  const hours = date.getHours().toString().padStart(2, "0");
-  const minutes = date.getMinutes().toString().padStart(2, "0");
-  return `${dateString}T${hours}:${minutes}`;
-};
-var changeDuration = (date, duration, isAdding) => {
-  const {
-    years = 0,
-    months = 0,
-    days = 0,
-    hours = 0,
-    minutes = 0,
-    seconds = 0,
-    milliseconds = 0
-  } = duration;
-  if (years < 0) {
-    console.error(`Range error years must be greater than 0: received ${years}`);
-    return new Date(date);
-  }
-  if (months < 0 || months > 11) {
-    console.error(`Range error month must be 0 <= month <= 11: received ${months}`);
-    return new Date(date);
-  }
-  if (days < 0) {
-    console.error(`Range error days must be greater than 0: received ${days}`);
-    return new Date(date);
-  }
-  if (hours < 0 || hours > 23) {
-    console.error(`Range error hours must be 0 <= hours <= 23: received ${hours}`);
-    return new Date(date);
-  }
-  if (minutes < 0 || minutes > 59) {
-    console.error(`Range error minutes must be 0 <= minutes <= 59: received ${minutes}`);
-    return new Date(date);
-  }
-  if (seconds < 0 || seconds > 59) {
-    console.error(`Range error seconds must be 0 <= seconds <= 59: received ${seconds}`);
-    return new Date(date);
-  }
-  if (milliseconds < 0) {
-    console.error(`Range error seconds must be greater than 0: received ${milliseconds}`);
-    return new Date(date);
-  }
-  const multiplier = isAdding ? 1 : -1;
-  const newDate = new Date(date);
-  newDate.setFullYear(newDate.getFullYear() + multiplier * years);
-  newDate.setMonth(newDate.getMonth() + multiplier * months);
-  newDate.setDate(newDate.getDate() + multiplier * days);
-  newDate.setHours(newDate.getHours() + multiplier * hours);
-  newDate.setMinutes(newDate.getMinutes() + multiplier * minutes);
-  newDate.setSeconds(newDate.getSeconds() + multiplier * seconds);
-  newDate.setMilliseconds(newDate.getMilliseconds() + multiplier * milliseconds);
-  return newDate;
-};
-var addDuration = (date, duration) => {
-  return changeDuration(date, duration, true);
-};
-var subtractDuration = (date, duration) => {
-  return changeDuration(date, duration, false);
-};
-var getBetweenDuration = (startDate, endDate) => {
-  const durationInMilliseconds = endDate.getTime() - startDate.getTime();
-  const millisecondsInSecond = 1e3;
-  const millisecondsInMinute = 60 * millisecondsInSecond;
-  const millisecondsInHour = 60 * millisecondsInMinute;
-  const millisecondsInDay = 24 * millisecondsInHour;
-  const millisecondsInMonth = 30 * millisecondsInDay;
-  const years = Math.floor(durationInMilliseconds / (365.25 * millisecondsInDay));
-  const months = Math.floor(durationInMilliseconds / millisecondsInMonth);
-  const days = Math.floor(durationInMilliseconds / millisecondsInDay);
-  const hours = Math.floor(durationInMilliseconds % millisecondsInDay / millisecondsInHour);
-  const seconds = Math.floor(durationInMilliseconds % millisecondsInHour / millisecondsInSecond);
-  const milliseconds = durationInMilliseconds % millisecondsInSecond;
-  return {
-    years,
-    months,
-    days,
-    hours,
-    seconds,
-    milliseconds
-  };
-};
-var isInTimeSpan = (value, startDate, endDate) => {
-  if (startDate && endDate) {
-    console.assert(startDate <= endDate);
-    return startDate <= value && value <= endDate;
-  } else if (startDate) {
-    return startDate <= value;
-  } else if (endDate) {
-    return endDate >= value;
-  } else {
-    return true;
-  }
-};
-var equalDate = (date1, date2) => {
-  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
-};
-var getWeeksForCalenderMonth = (date, weekStart, weeks = 6) => {
-  const month = date.getMonth();
-  const year = date.getFullYear();
-  const dayList = [];
-  let currentDate = new Date(year, month, 1);
-  const weekStartIndex = weekDayList.indexOf(weekStart);
-  while (currentDate.getDay() !== weekStartIndex) {
-    currentDate = subtractDuration(currentDate, { days: 1 });
-  }
-  while (dayList.length < 7 * weeks) {
-    const date2 = new Date(currentDate);
-    date2.setHours(date2.getHours(), date2.getMinutes());
-    dayList.push(date2);
-    currentDate = addDuration(currentDate, { days: 1 });
-  }
-  return equalSizeGroups(dayList, 7);
-};
-var formatGerman = (date, showTime) => {
-  const d = new Intl.DateTimeFormat("de-DE", {
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric"
-  }).format(date);
-  if (!showTime) return d;
-  const t = new Intl.DateTimeFormat("de-DE", {
-    hour: "2-digit",
-    minute: "2-digit"
-  }).format(date);
-  return `${d} um ${t} Uhr`;
-};
-var formatAbsolute = (date, locale, showTime) => {
-  if (locale === "de-DE") {
-    return formatGerman(date, showTime);
-  }
-  const options = {
-    year: "numeric",
-    month: "numeric",
-    day: "numeric"
-  };
-  if (showTime) {
-    options.hour = "numeric";
-    options.minute = "numeric";
-  }
-  return new Intl.DateTimeFormat(locale, options).format(date);
-};
-var formatRelative = (date, locale, showTime) => {
-  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-  const now = /* @__PURE__ */ new Date();
-  const diffInSeconds = (date.getTime() - now.getTime()) / 1e3;
-  if (Math.abs(diffInSeconds) < 60) return rtf.format(Math.round(diffInSeconds), "second");
-  if (Math.abs(diffInSeconds) < 3600) return rtf.format(Math.round(diffInSeconds / 60), "minute");
-  if (Math.abs(diffInSeconds) < 86400) return rtf.format(Math.round(diffInSeconds / 3600), "hour");
-  if (Math.abs(diffInSeconds) < 604800) return rtf.format(Math.round(diffInSeconds / 86400), "day");
-  return formatAbsolute(date, locale, showTime);
-};
-var DateUtils = {
-  monthsList,
-  weekDayList,
-  equalDate,
-  formatAbsolute,
-  formatRelative
-};
-
-// src/components/user-interaction/date/DateTimePicker.tsx
 import clsx24 from "clsx";
 
 // src/components/user-interaction/date/TimePicker.tsx
@@ -14675,6 +14502,173 @@ var TimePicker = ({
 // src/components/user-interaction/date/DatePicker.tsx
 import { useState as useState27 } from "react";
 import { ArrowDown, ArrowUp, Calendar, ChevronDown as ChevronDown4 } from "lucide-react";
+
+// src/utils/date.ts
+var timesInSeconds = {
+  second: 1,
+  minute: 60,
+  hour: 3600,
+  day: 86400,
+  week: 604800,
+  monthImprecise: 2629800,
+  // 30.4375 days
+  yearImprecise: 31557600
+  // 365.25 days
+};
+var monthsList = ["january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december"];
+var weekDayList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
+var changeDuration = (date, duration, isAdding) => {
+  const {
+    years = 0,
+    months = 0,
+    days = 0,
+    hours = 0,
+    minutes = 0,
+    seconds = 0,
+    milliseconds = 0
+  } = duration;
+  if (years < 0) {
+    console.error(`Range error years must be greater than 0: received ${years}`);
+    return new Date(date);
+  }
+  if (months < 0 || months > 11) {
+    console.error(`Range error month must be 0 <= month <= 11: received ${months}`);
+    return new Date(date);
+  }
+  if (days < 0) {
+    console.error(`Range error days must be greater than 0: received ${days}`);
+    return new Date(date);
+  }
+  if (hours < 0 || hours > 23) {
+    console.error(`Range error hours must be 0 <= hours <= 23: received ${hours}`);
+    return new Date(date);
+  }
+  if (minutes < 0 || minutes > 59) {
+    console.error(`Range error minutes must be 0 <= minutes <= 59: received ${minutes}`);
+    return new Date(date);
+  }
+  if (seconds < 0 || seconds > 59) {
+    console.error(`Range error seconds must be 0 <= seconds <= 59: received ${seconds}`);
+    return new Date(date);
+  }
+  if (milliseconds < 0) {
+    console.error(`Range error seconds must be greater than 0: received ${milliseconds}`);
+    return new Date(date);
+  }
+  const multiplier = isAdding ? 1 : -1;
+  const newDate = new Date(date);
+  newDate.setFullYear(newDate.getFullYear() + multiplier * years);
+  newDate.setMonth(newDate.getMonth() + multiplier * months);
+  newDate.setDate(newDate.getDate() + multiplier * days);
+  newDate.setHours(newDate.getHours() + multiplier * hours);
+  newDate.setMinutes(newDate.getMinutes() + multiplier * minutes);
+  newDate.setSeconds(newDate.getSeconds() + multiplier * seconds);
+  newDate.setMilliseconds(newDate.getMilliseconds() + multiplier * milliseconds);
+  return newDate;
+};
+var addDuration = (date, duration) => {
+  return changeDuration(date, duration, true);
+};
+var subtractDuration = (date, duration) => {
+  return changeDuration(date, duration, false);
+};
+var between = (value, startDate, endDate) => {
+  if (startDate && endDate) {
+    console.assert(startDate <= endDate);
+    return startDate <= value && value <= endDate;
+  } else if (startDate) {
+    return startDate <= value;
+  } else if (endDate) {
+    return endDate >= value;
+  } else {
+    return true;
+  }
+};
+var equalDate = (date1, date2) => {
+  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
+};
+var weeksForCalenderMonth = (date, weekStart, weeks = 6) => {
+  const month = date.getMonth();
+  const year = date.getFullYear();
+  const dayList = [];
+  let currentDate = new Date(year, month, 1);
+  const weekStartIndex = weekDayList.indexOf(weekStart);
+  while (currentDate.getDay() !== weekStartIndex) {
+    currentDate = subtractDuration(currentDate, { days: 1 });
+  }
+  while (dayList.length < 7 * weeks) {
+    const date2 = new Date(currentDate);
+    date2.setHours(date2.getHours(), date2.getMinutes());
+    dayList.push(date2);
+    currentDate = addDuration(currentDate, { days: 1 });
+  }
+  return equalSizeGroups(dayList, 7);
+};
+var formatAbsolute = (date, locale, format) => {
+  let options;
+  switch (format) {
+    case "date":
+      options = {
+        year: "2-digit",
+        month: "2-digit",
+        day: "2-digit"
+      };
+      break;
+    case "time":
+      options = {
+        hour: "2-digit",
+        minute: "2-digit"
+      };
+      break;
+    case "dateTime":
+      options = {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+        hour: "2-digit",
+        minute: "2-digit"
+      };
+      break;
+  }
+  return new Intl.DateTimeFormat(locale, options).format(date);
+};
+var formatRelative = (date, locale) => {
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  const now = /* @__PURE__ */ new Date();
+  const diffInSeconds = (date.getTime() - now.getTime()) / 1e3;
+  if (Math.abs(diffInSeconds) < timesInSeconds.minute) return rtf.format(Math.round(diffInSeconds), "second");
+  if (Math.abs(diffInSeconds) < timesInSeconds.hour) return rtf.format(Math.round(diffInSeconds / timesInSeconds.minute), "minute");
+  if (Math.abs(diffInSeconds) < timesInSeconds.day) return rtf.format(Math.round(diffInSeconds / timesInSeconds.hour), "hour");
+  if (Math.abs(diffInSeconds) < timesInSeconds.week) return rtf.format(Math.round(diffInSeconds / timesInSeconds.day), "day");
+  if (Math.abs(diffInSeconds) < timesInSeconds.monthImprecise) return rtf.format(Math.round(diffInSeconds / timesInSeconds.week), "week");
+  if (Math.abs(diffInSeconds) < timesInSeconds.monthImprecise) return rtf.format(Math.round(diffInSeconds / timesInSeconds.monthImprecise), "month");
+  return rtf.format(Math.round(diffInSeconds / timesInSeconds.monthImprecise), "year");
+};
+var toInputString = (date, format) => {
+  switch (format) {
+    case "date":
+      return date.toISOString().split("T")[0];
+    case "time":
+      return date.toISOString().split("T")[1].split("Z")[0];
+    case "dateTime":
+      return date.toISOString();
+  }
+};
+var DateUtils = {
+  monthsList,
+  weekDayList,
+  equalDate,
+  formatAbsolute,
+  formatRelative,
+  addDuration,
+  subtractDuration,
+  between,
+  weeksForCalenderMonth,
+  timesInSeconds,
+  toInputString
+};
+
+// src/components/user-interaction/date/DatePicker.tsx
 import clsx23 from "clsx";
 
 // src/components/user-interaction/date/DayPicker.tsx
@@ -14706,7 +14700,7 @@ var DayPicker = ({
     defaultValue: initialDisplayedMonth ?? value
   });
   const month = displayedMonth.getMonth();
-  const weeks = getWeeksForCalenderMonth(displayedMonth, weekStart);
+  const weeks = DateUtils.weeksForCalenderMonth(displayedMonth, weekStart);
   const selectedButtonRef = useRef27(null);
   const isValueInDisplayedWeeks = useMemo22(
     () => !!value && weeks.some((week) => week.some((d) => DateUtils.equalDate(value, d))),
@@ -14735,7 +14729,7 @@ var DayPicker = ({
   }, [start, end]);
   const navigateTo = useCallback23((candidate) => {
     const clamped = clampToRange(candidate);
-    if (!isInTimeSpan(clamped, start, end)) return;
+    if (!DateUtils.between(clamped, start, end)) return;
     setValue(clamped);
     onEditComplete?.(clamped);
     if (clamped.getMonth() !== displayedMonth.getMonth() || clamped.getFullYear() !== displayedMonth.getFullYear()) {
@@ -14745,10 +14739,10 @@ var DayPicker = ({
   const onKeyDown = useCallback23(
     (event) => {
       PropsUtil.aria.navigate({
-        left: () => focusTargetDate && navigateTo(subtractDuration(focusTargetDate, { days: 1 })),
-        right: () => focusTargetDate && navigateTo(addDuration(focusTargetDate, { days: 1 })),
-        up: () => focusTargetDate && navigateTo(subtractDuration(focusTargetDate, { days: 7 })),
-        down: () => focusTargetDate && navigateTo(addDuration(focusTargetDate, { days: 7 }))
+        left: () => focusTargetDate && navigateTo(DateUtils.subtractDuration(focusTargetDate, { days: 1 })),
+        right: () => focusTargetDate && navigateTo(DateUtils.addDuration(focusTargetDate, { days: 1 })),
+        up: () => focusTargetDate && navigateTo(DateUtils.subtractDuration(focusTargetDate, { days: 7 })),
+        down: () => focusTargetDate && navigateTo(DateUtils.addDuration(focusTargetDate, { days: 7 }))
       })(event);
     },
     [focusTargetDate, navigateTo]
@@ -14760,7 +14754,7 @@ var DayPicker = ({
       const isFocused = !!focusTargetDate && DateUtils.equalDate(focusTargetDate, date);
       const isToday = DateUtils.equalDate(/* @__PURE__ */ new Date(), date);
       const isSameMonth = date.getMonth() === month;
-      const isDayValid = isInTimeSpan(date, start, end);
+      const isDayValid = DateUtils.between(date, start, end);
       return /* @__PURE__ */ jsx61(
         "div",
         {
@@ -14854,8 +14848,8 @@ var YearRow = memo(function YearRow2({
     }
   );
 });
-var defaultStart = subtractDuration(/* @__PURE__ */ new Date(), { years: 100 });
-var defaultEnd = addDuration(/* @__PURE__ */ new Date(), { years: 100 });
+var defaultStart = DateUtils.subtractDuration(/* @__PURE__ */ new Date(), { years: 100 });
+var defaultEnd = DateUtils.addDuration(/* @__PURE__ */ new Date(), { years: 100 });
 var YearMonthPicker = ({
   value: controlledValue,
   initialValue = /* @__PURE__ */ new Date(),
@@ -14981,9 +14975,9 @@ var DatePicker = ({
           {
             tooltip: translation("time.previousMonth"),
             size: "sm",
-            disabled: !isInTimeSpan(subtractDuration(displayedMonth, { months: 1 }), start, end),
+            disabled: !DateUtils.between(DateUtils.subtractDuration(displayedMonth, { months: 1 }), start, end),
             onClick: () => {
-              setDisplayedMonth(subtractDuration(displayedMonth, { months: 1 }));
+              setDisplayedMonth(DateUtils.subtractDuration(displayedMonth, { months: 1 }));
             },
             children: /* @__PURE__ */ jsx63(ArrowUp, { size: 20 })
           }
@@ -14993,9 +14987,9 @@ var DatePicker = ({
           {
             tooltip: translation("time.nextMonth"),
             size: "sm",
-            disabled: !isInTimeSpan(addDuration(displayedMonth, { months: 1 }), start, end),
+            disabled: !DateUtils.between(DateUtils.addDuration(displayedMonth, { months: 1 }), start, end),
             onClick: () => {
-              setDisplayedMonth(addDuration(displayedMonth, { months: 1 }));
+              setDisplayedMonth(DateUtils.addDuration(displayedMonth, { months: 1 }));
             },
             children: /* @__PURE__ */ jsx63(ArrowDown, { size: 20 })
           }
@@ -15085,7 +15079,6 @@ var DateTimePicker = ({
         ...timePickerProps,
         is24HourFormat,
         minuteIncrement,
-        className: clsx24({ "justify-between": mode === "time" }),
         value,
         onValueChange: setValue,
         onEditComplete
@@ -15181,9 +15174,9 @@ var DateTimePickerDialog = ({
 // src/components/user-interaction/input/DateTimeInput.tsx
 import { Fragment as Fragment7, jsx as jsx66, jsxs as jsxs36 } from "react/jsx-runtime";
 var DateTimeInput = forwardRef17(function DateTimeInput2({
+  id: inputId,
   value,
   initialValue = null,
-  placeholder,
   onValueChange,
   onEditComplete,
   allowRemove = false,
@@ -15199,7 +15192,6 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
   ...props
 }, forwardedRef) {
   const translation = useHightideTranslation();
-  const { locale } = useLocale();
   const [isOpen, setIsOpen] = useState28(false);
   const [state, setState] = useControlledState({
     value,
@@ -15207,19 +15199,21 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
     defaultValue: initialValue
   });
   const [dialogValue, setDialogValue] = useState28(state ?? /* @__PURE__ */ new Date());
+  const [dateString, setDateString] = useState28(state ? DateUtils.toInputString(state, mode) : "");
   useEffect31(() => {
     setDialogValue(state ?? /* @__PURE__ */ new Date());
-  }, [state]);
+    setDateString(state ? DateUtils.toInputString(state, mode) : "");
+  }, [mode, state]);
   const changeOpenWrapper = useCallback25((isOpen2) => {
     onDialogOpeningChange?.(isOpen2);
     setIsOpen(isOpen2);
   }, [onDialogOpeningChange]);
-  const id = useId13();
+  const generatedId = useId13();
   const ids = useMemo24(() => ({
-    input: `date-time-input-${id}`,
-    popup: `date-time-input-popup-${id}`,
-    label: `date-time-input-label-${id}`
-  }), [id]);
+    input: inputId ?? `date-time-input-${generatedId}`,
+    popup: `date-time-input-popup-${generatedId}`,
+    label: `date-time-input-label-${generatedId}`
+  }), [generatedId, inputId]);
   const innerRef = useRef29(null);
   useImperativeHandle11(forwardedRef, () => innerRef.current);
   useEffect31(() => {
@@ -15227,30 +15221,28 @@ var DateTimeInput = forwardRef17(function DateTimeInput2({
       changeOpenWrapper(false);
     }
   }, [changeOpenWrapper, readOnly, disabled]);
-  const clickHandler = PropsUtil.aria.click(() => changeOpenWrapper(true));
   return /* @__PURE__ */ jsxs36(Fragment7, { children: [
-    /* @__PURE__ */ jsxs36("div", { ...containerProps, className: clsx25("relative w-full", containerProps?.className), children: [
+    /* @__PURE__ */ jsxs36("div", { ...containerProps, className: clsx24("relative w-full", containerProps?.className), children: [
       /* @__PURE__ */ jsx66(
-        "div",
+        "input",
         {
           ...props,
           ref: innerRef,
           id: ids.input,
-          onClick: (event) => {
-            clickHandler.onClick();
-            props.onClick?.(event);
+          value: dateString,
+          onChange: (event) => {
+            const date = event.target.valueAsDate;
+            if (date) {
+              setState(date);
+            } else {
+              setDateString(event.target.value);
+            }
           },
-          onKeyDown: clickHandler.onKeyDown,
+          type: mode === "date" ? "date" : mode === "time" ? "time" : "datetime-local",
           ...PropsUtil.dataAttributes.interactionStates({ disabled, readOnly, invalid, required }),
-          "data-value": PropsUtil.dataAttributes.bool(!!state),
-          ...PropsUtil.aria.interactionStates({ disabled, readOnly, invalid, required }, props),
-          tabIndex: 0,
-          role: "combobox",
-          "aria-haspopup": "dialog",
-          "aria-expanded": isOpen,
-          "aria-controls": isOpen ? ids.popup : void 0,
           "data-name": props["data-name"] ?? "date-time-input",
-          children: state ? DateUtils.formatAbsolute(state, locale, mode === "dateTime") : placeholder ?? translation("clickToSelect")
+          "data-value": PropsUtil.dataAttributes.bool(!!state || !!dateString),
+          ...PropsUtil.aria.interactionStates({ disabled, readOnly, invalid, required }, props)
         }
       ),
       /* @__PURE__ */ jsx66(Visibility, { isVisible: !readOnly, children: /* @__PURE__ */ jsx66(
@@ -15732,6 +15724,12 @@ var NumberFilter = ({ filterValue, onFilterValueChange }) => {
 };
 var DateFilter = ({ filterValue, onFilterValueChange }) => {
   const translation = useHightideTranslation();
+  const id = useId14();
+  const ids = {
+    startDate: `date-filter-start-date-${id}`,
+    endDate: `date-filter-end-date-${id}`,
+    compareDate: `date-filter-compare-date-${id}`
+  };
   const operator = filterValue?.operator ?? "dateBetween";
   const parameter = filterValue?.parameter ?? {};
   const [temporaryMinDateValue, setTemporaryMinDateValue] = useState29(null);
@@ -15759,11 +15757,12 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
     ),
     /* @__PURE__ */ jsx69("span", { className: "typography-label-lg font-semibold", children: translation("parameter") }),
     /* @__PURE__ */ jsx69(Visibility, { isVisible: needsRangeInput, children: /* @__PURE__ */ jsxs39("div", { className: "flex-col-2 gap-2", children: [
+      /* @__PURE__ */ jsx69("label", { htmlFor: ids.startDate, className: "typography-label-md", children: translation("startDate") }),
       /* @__PURE__ */ jsx69(
         DateTimeInput,
         {
+          id: ids.startDate,
           value: temporaryMinDateValue ?? parameter.min ?? null,
-          placeholder: translation("startDate"),
           onValueChange: (value) => setTemporaryMinDateValue(value),
           onEditComplete: (value) => {
             if (value && parameter.max && value > parameter.max) {
@@ -15792,11 +15791,12 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
           className: "min-w-64"
         }
       ),
+      /* @__PURE__ */ jsx69("label", { htmlFor: ids.endDate, className: "typography-label-md", children: translation("endDate") }),
       /* @__PURE__ */ jsx69(
         DateTimeInput,
         {
+          id: ids.endDate,
           value: temporaryMaxDateValue ?? parameter.max ?? null,
-          placeholder: translation("endDate"),
           onValueChange: (value) => setTemporaryMaxDateValue(value),
           onEditComplete: (value) => {
             if (value && parameter.min && value < parameter.min) {
@@ -15825,27 +15825,36 @@ var DateFilter = ({ filterValue, onFilterValueChange }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx69(Visibility, { isVisible: !needsRangeInput && needsParameterInput, children: /* @__PURE__ */ jsx69(
-      DateTimeInput,
-      {
-        value: parameter.compareDate ?? null,
-        placeholder: translation("date"),
-        onValueChange: (compareDate) => {
-          onFilterValueChange({
-            operator,
-            parameter: { compareDate }
-          });
-        },
-        allowRemove: true,
-        outsideClickCloses: false,
-        className: "min-w-64"
-      }
-    ) }),
+    /* @__PURE__ */ jsxs39(Visibility, { isVisible: !needsRangeInput && needsParameterInput, children: [
+      /* @__PURE__ */ jsx69("label", { htmlFor: ids.compareDate, className: "typography-label-md", children: translation("date") }),
+      /* @__PURE__ */ jsx69(
+        DateTimeInput,
+        {
+          id: ids.compareDate,
+          value: parameter.compareDate ?? null,
+          onValueChange: (compareDate) => {
+            onFilterValueChange({
+              operator,
+              parameter: { compareDate }
+            });
+          },
+          allowRemove: true,
+          outsideClickCloses: false,
+          className: "min-w-64"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx69(Visibility, { isVisible: !needsParameterInput, children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-description", children: translation("noParameterRequired") }) })
   ] });
 };
 var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
   const translation = useHightideTranslation();
+  const id = useId14();
+  const ids = {
+    startDate: `datetime-filter-start-date-${id}`,
+    endDate: `datetime-filter-end-date-${id}`,
+    compareDate: `datetime-filter-compare-date-${id}`
+  };
   const operator = filterValue?.operator ?? "dateTimeBetween";
   const parameter = filterValue?.parameter ?? {};
   const [temporaryMinDateValue, setTemporaryMinDateValue] = useState29(null);
@@ -15873,12 +15882,13 @@ var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
     ),
     /* @__PURE__ */ jsx69("span", { className: "typography-label-lg font-semibold", children: translation("parameter") }),
     /* @__PURE__ */ jsx69(Visibility, { isVisible: needsRangeInput, children: /* @__PURE__ */ jsxs39("div", { className: "flex-col-2 gap-2", children: [
+      /* @__PURE__ */ jsx69("label", { htmlFor: ids.startDate, className: "typography-label-md", children: translation("startDate") }),
       /* @__PURE__ */ jsx69(
         DateTimeInput,
         {
+          id: ids.startDate,
           mode: "dateTime",
           value: temporaryMinDateValue ?? parameter.min ?? null,
-          placeholder: translation("startDate"),
           onValueChange: (value) => setTemporaryMinDateValue(value),
           onEditComplete: (value) => {
             if (value && parameter.max && value > parameter.max) {
@@ -15907,12 +15917,13 @@ var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
           className: "min-w-64"
         }
       ),
+      /* @__PURE__ */ jsx69("label", { htmlFor: ids.endDate, className: "typography-label-md", children: translation("endDate") }),
       /* @__PURE__ */ jsx69(
         DateTimeInput,
         {
+          id: ids.endDate,
           mode: "dateTime",
           value: temporaryMaxDateValue ?? parameter.max ?? null,
-          placeholder: translation("endDate"),
           onValueChange: (value) => setTemporaryMaxDateValue(value),
           onEditComplete: (value) => {
             if (value && parameter.min && value < parameter.min) {
@@ -15941,22 +15952,25 @@ var DatetimeFilter = ({ filterValue, onFilterValueChange }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx69(Visibility, { isVisible: !needsRangeInput && needsParameterInput, children: /* @__PURE__ */ jsx69(
-      DateTimeInput,
-      {
-        value: parameter.compareDatetime ?? null,
-        placeholder: translation("date"),
-        onValueChange: (compareDatetime) => {
-          onFilterValueChange({
-            operator,
-            parameter: { compareDatetime }
-          });
-        },
-        allowRemove: true,
-        outsideClickCloses: false,
-        className: "min-w-64"
-      }
-    ) }),
+    /* @__PURE__ */ jsxs39(Visibility, { isVisible: !needsRangeInput && needsParameterInput, children: [
+      /* @__PURE__ */ jsx69("label", { htmlFor: ids.compareDate, className: "typography-label-md", children: translation("date") }),
+      /* @__PURE__ */ jsx69(
+        DateTimeInput,
+        {
+          id: ids.compareDate,
+          value: parameter.compareDatetime ?? null,
+          onValueChange: (compareDatetime) => {
+            onFilterValueChange({
+              operator,
+              parameter: { compareDatetime }
+            });
+          },
+          allowRemove: true,
+          outsideClickCloses: false,
+          className: "min-w-64"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx69(Visibility, { isVisible: !needsParameterInput, children: /* @__PURE__ */ jsx69("span", { className: "text-sm text-description", children: translation("noParameterRequired") }) })
   ] });
 };
@@ -16293,14 +16307,14 @@ var TableHeader = ({ isSticky = false }) => {
       },
       header.id
     )) }) }, headerGroup.id)),
-    /* @__PURE__ */ jsx71("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx71("tr", { "data-name": "table-header-row", className: clsx26(table.options.meta?.headerRowClassName), children: headerGroup.headers.map((header) => {
+    /* @__PURE__ */ jsx71("thead", { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx71("tr", { "data-name": "table-header-row", className: clsx25(table.options.meta?.headerRowClassName), children: headerGroup.headers.map((header) => {
       return /* @__PURE__ */ jsxs41(
         "th",
         {
           colSpan: header.colSpan,
           "data-sticky": isSticky ? "" : void 0,
           "data-name": "table-header-cell",
-          className: clsx26("group/table-header-cell", header.column.columnDef.meta?.className),
+          className: clsx25("group/table-header-cell", header.column.columnDef.meta?.className),
           children: [
             /* @__PURE__ */ jsx71(Visibility, { isVisible: !header.isPlaceholder, children: /* @__PURE__ */ jsxs41("div", { className: "flex-row-1 items-center", children: [
               /* @__PURE__ */ jsx71(Visibility, { isVisible: header.column.getCanSort(), children: /* @__PURE__ */ jsx71(
@@ -16400,7 +16414,7 @@ var TableDisplay = ({
 };
 
 // src/components/layout/table/TablePagination.tsx
-import clsx27 from "clsx";
+import clsx26 from "clsx";
 import { jsx as jsx73, jsxs as jsxs43 } from "react/jsx-runtime";
 var TablePaginationMenu = ({ ...props }) => {
   const { table } = useTableStateWithoutSizingContext();
@@ -16435,7 +16449,7 @@ var TablePageSizeSelect = ({
   );
 };
 var TablePagination = ({ allowChangingPageSize = true, pageSizeOptions, ...props }) => {
-  return /* @__PURE__ */ jsxs43("div", { ...props, className: clsx27("container flex-col-2 sm:flex-row-8 items-center justify-center", props.className), children: [
+  return /* @__PURE__ */ jsxs43("div", { ...props, className: clsx26("container flex-col-2 sm:flex-row-8 items-center justify-center", props.className), children: [
     /* @__PURE__ */ jsx73(TablePaginationMenu, {}),
     /* @__PURE__ */ jsx73(Visibility, { isVisible: allowChangingPageSize, children: /* @__PURE__ */ jsx73(TablePageSizeSelect, { pageSizeOptions, buttonProps: { className: "h-10 min-w-24 max-w-24" } }) })
   ] });
@@ -16528,11 +16542,11 @@ var TableWithSelectionProvider = ({
 };
 
 // src/components/layout/table/Table.tsx
-import clsx28 from "clsx";
+import clsx27 from "clsx";
 import { jsx as jsx75, jsxs as jsxs44 } from "react/jsx-runtime";
 var Table = ({ children, table, paginationOptions, displayProps, header, footer, ...props }) => {
   const { showPagination = true, allowChangingPageSize, pageSizeOptions } = paginationOptions ?? {};
-  return /* @__PURE__ */ jsx75("div", { ...props, className: clsx28("flex-col-3", props.className), children: /* @__PURE__ */ jsxs44(TableProvider, { ...table, children: [
+  return /* @__PURE__ */ jsx75("div", { ...props, className: clsx27("flex-col-3", props.className), children: /* @__PURE__ */ jsxs44(TableProvider, { ...table, children: [
     header,
     /* @__PURE__ */ jsx75(TableDisplay, { ...displayProps, children }),
     /* @__PURE__ */ jsx75(Visibility, { isVisible: showPagination, children: /* @__PURE__ */ jsx75(TablePagination, { allowChangingPageSize, pageSizeOptions }) }),
@@ -16549,7 +16563,7 @@ var TableWithSelection = ({
   ...props
 }) => {
   const { showPagination = true, allowChangingPageSize, pageSizeOptions } = paginationOptions ?? {};
-  return /* @__PURE__ */ jsx75("div", { ...props, className: clsx28("flex-col-3", props.className), children: /* @__PURE__ */ jsxs44(TableWithSelectionProvider, { ...table, children: [
+  return /* @__PURE__ */ jsx75("div", { ...props, className: clsx27("flex-col-3", props.className), children: /* @__PURE__ */ jsxs44(TableWithSelectionProvider, { ...table, children: [
     header,
     /* @__PURE__ */ jsx75(TableDisplay, { ...displayProps, children }),
     /* @__PURE__ */ jsx75(Visibility, { isVisible: showPagination, children: /* @__PURE__ */ jsx75(TablePagination, { allowChangingPageSize, pageSizeOptions }) }),
@@ -16868,7 +16882,7 @@ var TableColumnSwitcher = ({ buttonProps, ...props }) => {
 
 // src/components/user-interaction/CopyToClipboardWrapper.tsx
 import { useState as useState32 } from "react";
-import { clsx as clsx29 } from "clsx";
+import { clsx as clsx28 } from "clsx";
 
 // src/utils/writeToClipboard.ts
 var writeToClipboard = (text) => {
@@ -16907,7 +16921,7 @@ var CopyToClipboardWrapper = ({
           "div",
           {
             ref: callbackRef,
-            className: clsx29("w-fit hover:cursor-copy", containerClassName),
+            className: clsx28("w-fit hover:cursor-copy", containerClassName),
             ...disabled2 ? void 0 : props2,
             onClick: () => {
               if (disabled2) return;
@@ -16940,7 +16954,7 @@ var CopyToClipboardWrapper = ({
 
 // src/components/user-interaction/Menu.tsx
 import { useCallback as useCallback29, useRef as useRef32, useState as useState33 } from "react";
-import clsx30 from "clsx";
+import clsx29 from "clsx";
 import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs47 } from "react/jsx-runtime";
 var MenuItem = ({
   children,
@@ -16950,7 +16964,7 @@ var MenuItem = ({
 }) => /* @__PURE__ */ jsx79(
   "div",
   {
-    className: clsx30("block px-3 py-1.5 first:rounded-t-md last:rounded-b-md text-sm font-semibold text-nowrap", {
+    className: clsx29("block px-3 py-1.5 first:rounded-t-md last:rounded-b-md text-sm font-semibold text-nowrap", {
       "text-disabled cursor-not-allowed": isDisabled,
       "text-menu-text hover:bg-primary/20": !isDisabled,
       "cursor-pointer": !!onClick
@@ -16997,7 +17011,7 @@ var Menu = ({
 
 // src/components/user-interaction/ScrollPicker.tsx
 import { useCallback as useCallback30, useEffect as useEffect35, useState as useState34 } from "react";
-import clsx31 from "clsx";
+import clsx30 from "clsx";
 import { jsx as jsx80, jsxs as jsxs48 } from "react/jsx-runtime";
 var up = 1;
 var down = -1;
@@ -17167,7 +17181,7 @@ var ScrollPicker = ({
             children: shownItems.map(({ name, index }, arrayIndex) => /* @__PURE__ */ jsx80(
               "div",
               {
-                className: clsx31(
+                className: clsx30(
                   `flex-col-2 items-center justify-center rounded-md`,
                   {
                     "text-primary font-bold": currentIndex === index,
@@ -17250,7 +17264,7 @@ var Switch = ({
 
 // src/components/user-interaction/Textarea.tsx
 import { forwardRef as forwardRef19, useCallback as useCallback32, useId as useId17 } from "react";
-import clsx32 from "clsx";
+import clsx31 from "clsx";
 import { jsx as jsx82, jsxs as jsxs49 } from "react/jsx-runtime";
 var Textarea = forwardRef19(function Textarea2({
   value: controlledValue,
@@ -17311,7 +17325,7 @@ var TextareaWithHeadline = ({
   return /* @__PURE__ */ jsxs49(
     "div",
     {
-      className: clsx32(
+      className: clsx31(
         "group flex-col-3 border-2 rounded-lg",
         {
           "bg-input-background text-input-text hover:border-primary focus-within:border-primary": !disabled,
@@ -17320,13 +17334,13 @@ var TextareaWithHeadline = ({
         containerClassName
       ),
       children: [
-        headline && /* @__PURE__ */ jsx82("label", { ...headlineProps, htmlFor: usedId, className: clsx32("typography-lable-md text-label", headlineProps.className), children: headline }),
+        headline && /* @__PURE__ */ jsx82("label", { ...headlineProps, htmlFor: usedId, className: clsx31("typography-lable-md text-label", headlineProps.className), children: headline }),
         /* @__PURE__ */ jsx82(
           Textarea,
           {
             ...props,
             id: usedId,
-            className: clsx32(
+            className: clsx31(
               "border-transparent focus:ring-0 focus-visible:ring-0 resize-none h-32",
               className
             )
@@ -17381,7 +17395,7 @@ var TimeDisplay = ({
 // src/components/user-interaction/input/InsideLabelInput.tsx
 import { useId as useId18 } from "react";
 import { forwardRef as forwardRef20, useState as useState35 } from "react";
-import clsx33 from "clsx";
+import clsx32 from "clsx";
 import { jsx as jsx84, jsxs as jsxs50 } from "react/jsx-runtime";
 var InsideLabelInput = forwardRef20(function InsideLabelInput2({
   id: customId,
@@ -17399,7 +17413,7 @@ var InsideLabelInput = forwardRef20(function InsideLabelInput2({
   const [isFocused, setIsFocused] = useState35(false);
   const generatedId = useId18();
   const id = customId ?? generatedId;
-  return /* @__PURE__ */ jsxs50("div", { className: clsx33("relative"), children: [
+  return /* @__PURE__ */ jsxs50("div", { className: clsx32("relative"), children: [
     /* @__PURE__ */ jsx84(
       Input,
       {
@@ -17417,7 +17431,7 @@ var InsideLabelInput = forwardRef20(function InsideLabelInput2({
           setIsFocused(false);
         },
         "aria-labelledby": id + "-label",
-        className: clsx33("h-14 px-4 pb-2 py-6.5", props.className)
+        className: clsx32("h-14 px-4 pb-2 py-6.5", props.className)
       }
     ),
     /* @__PURE__ */ jsx84(
@@ -17426,7 +17440,7 @@ var InsideLabelInput = forwardRef20(function InsideLabelInput2({
         id: id + "-label",
         "aria-hidden": true,
         "data-display": isFocused || !!value ? "small" : "full",
-        className: clsx33(
+        className: clsx32(
           // margin left to account for the border which is ignored for absolute positions
           "absolute left-4 ml-0.5 top-2 transition-all delay-25 pointer-events-none touch-none",
           "data-[display=small]:top-2 data-[display=small]:h-force-4.5 data-[display=small]:typography-caption-sm data-[display=small]:overflow-y-hidden",
@@ -17440,7 +17454,7 @@ var InsideLabelInput = forwardRef20(function InsideLabelInput2({
 
 // src/components/user-interaction/input/SearchBar.tsx
 import { Search } from "lucide-react";
-import { clsx as clsx34 } from "clsx";
+import { clsx as clsx33 } from "clsx";
 import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
 var SearchBar = ({
   value: controlledValue,
@@ -17457,7 +17471,7 @@ var SearchBar = ({
     onValueChange,
     defaultValue: initialValue
   });
-  return /* @__PURE__ */ jsxs51("div", { ...containerProps, className: clsx34("relative", containerProps?.className), children: [
+  return /* @__PURE__ */ jsxs51("div", { ...containerProps, className: clsx33("relative", containerProps?.className), children: [
     /* @__PURE__ */ jsx85(
       Input,
       {
@@ -17466,7 +17480,7 @@ var SearchBar = ({
         onValueChange: setValue,
         onEditComplete: onSearch,
         placeholder: inputProps.placeholder ?? translation("search"),
-        className: clsx34("pr-10 w-full", inputProps.className)
+        className: clsx33("pr-10 w-full", inputProps.className)
       }
     ),
     /* @__PURE__ */ jsx85(
@@ -17478,7 +17492,7 @@ var SearchBar = ({
         color: "neutral",
         coloringStyle: "text",
         onClick: () => onSearch(value),
-        className: clsx34("absolute right-1.5 top-1/2 -translate-y-1/2", searchButtonProps?.className),
+        className: clsx33("absolute right-1.5 top-1/2 -translate-y-1/2", searchButtonProps?.className),
         children: /* @__PURE__ */ jsx85(Search, { className: "w-full h-full" })
       }
     )
@@ -17488,7 +17502,7 @@ var SearchBar = ({
 // src/components/user-interaction/input/ToggleableInput.tsx
 import { forwardRef as forwardRef21, useEffect as useEffect36, useImperativeHandle as useImperativeHandle12, useRef as useRef33, useState as useState36 } from "react";
 import { Pencil } from "lucide-react";
-import clsx35 from "clsx";
+import clsx34 from "clsx";
 import { jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
 var ToggleableInput = forwardRef21(function ToggleableInput2({
   value: controlledValue,
@@ -17511,7 +17525,7 @@ var ToggleableInput = forwardRef21(function ToggleableInput2({
       innerRef.current?.focus();
     }
   }, [isEditing]);
-  return /* @__PURE__ */ jsxs52("div", { className: clsx35("relative flex-row-2", { "flex-1": isEditing }), children: [
+  return /* @__PURE__ */ jsxs52("div", { className: clsx34("relative flex-row-2", { "flex-1": isEditing }), children: [
     /* @__PURE__ */ jsx86(
       Input,
       {
@@ -17537,8 +17551,8 @@ var ToggleableInput = forwardRef21(function ToggleableInput2({
       }
     ),
     !isEditing && /* @__PURE__ */ jsxs52("div", { className: "absolute left-0 flex-row-2 items-center pointer-events-none touch-none w-full overflow-hidden", children: [
-      /* @__PURE__ */ jsx86("span", { className: clsx35(" truncate"), children: value }),
-      /* @__PURE__ */ jsx86(Pencil, { className: clsx35(`size-force-4`, { "text-transparent": isEditing }) })
+      /* @__PURE__ */ jsx86("span", { className: clsx34(" truncate"), children: value }),
+      /* @__PURE__ */ jsx86(Pencil, { className: clsx34(`size-force-4`, { "text-transparent": isEditing }) })
     ] })
   ] });
 });
@@ -17547,7 +17561,7 @@ var ToggleableInput = forwardRef21(function ToggleableInput2({
 import { Check as Check3 } from "lucide-react";
 
 // src/components/user-interaction/properties/PropertyBase.tsx
-import clsx36 from "clsx";
+import clsx35 from "clsx";
 import { AlertTriangle, Trash, X as X3 } from "lucide-react";
 import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
 var PropertyBase = ({
@@ -17571,7 +17585,7 @@ var PropertyBase = ({
   return /* @__PURE__ */ jsxs53(
     "div",
     {
-      className: clsx36("group/property", className),
+      className: clsx35("group/property", className),
       "data-name": "property-root",
       "data-invalid": PropsUtil.dataAttributes.bool(invalid),
       children: [
@@ -18296,6 +18310,53 @@ var useSearch = ({
   };
 };
 
+// src/hooks/useUpdatingDateString.ts
+import { useEffect as useEffect45, useState as useState41 } from "react";
+var UseUpdatingDateString = ({ absoluteFormat = "dateTime", localeOverride, date }) => {
+  const { locale: contextLocale } = useLocale();
+  const locale = localeOverride ?? contextLocale;
+  const [dateAndTimeStrings, setDateAndTimeStrings] = useState41({
+    compareDate: date,
+    absolute: DateUtils.formatAbsolute(date, locale, absoluteFormat),
+    relative: DateUtils.formatRelative(date, locale)
+  });
+  useEffect45(() => {
+    setDateAndTimeStrings({
+      compareDate: date,
+      absolute: DateUtils.formatAbsolute(date, locale, absoluteFormat),
+      relative: DateUtils.formatRelative(date, locale)
+    });
+  }, [date, absoluteFormat, locale]);
+  useEffect45(() => {
+    let timeoutId;
+    const startTimer = () => {
+      const now = /* @__PURE__ */ new Date();
+      const diff = Math.abs((date.getTime() - now.getTime()) / 1e3);
+      let delayInSeconds;
+      if (diff < DateUtils.timesInSeconds.minute) {
+        delayInSeconds = DateUtils.timesInSeconds.second;
+      } else if (diff < DateUtils.timesInSeconds.hour) {
+        delayInSeconds = DateUtils.timesInSeconds.minute;
+      } else {
+        delayInSeconds = DateUtils.timesInSeconds.hour;
+      }
+      timeoutId = setInterval(() => {
+        setDateAndTimeStrings({
+          compareDate: date,
+          absolute: DateUtils.formatAbsolute(date, locale, absoluteFormat),
+          relative: DateUtils.formatRelative(date, locale)
+        });
+      }, delayInSeconds * 1e3 / 2);
+    };
+    startTimer();
+    return () => clearInterval(timeoutId);
+  }, [absoluteFormat, date, locale]);
+  return {
+    absolute: dateAndTimeStrings.absolute,
+    relative: dateAndTimeStrings.relative
+  };
+};
+
 // src/utils/emailValidation.ts
 var validateEmail = (email) => {
   return /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(email);
@@ -18786,13 +18847,12 @@ export {
   TooltipRoot,
   TooltipTrigger,
   Transition,
+  UseUpdatingDateString,
   UseValidators,
   VerticalDivider,
   Visibility,
   YearMonthPicker,
-  addDuration,
   builder,
-  changeDuration,
   closestMatch,
   createLoopingList,
   createLoopingListWithIndex,
@@ -18805,21 +18865,15 @@ export {
   filterTags,
   filterTagsSingle,
   filterText,
-  formatDate,
-  formatDateTime,
-  getBetweenDuration,
   getNeighbours,
-  getWeeksForCalenderMonth,
   hightideTranslation,
   hightideTranslationLocales,
-  isInTimeSpan,
   isTableFilterCategory,
   match,
   mergeProps,
   noop,
   range,
   resolveSetState,
-  subtractDuration,
   toSizeVars,
   useAnchoredPosition,
   useControlledState,