@gooddata/sdk-ui-filters 11.55.0 → 11.56.0-alpha.1

package/esm/DateFilter/AbsoluteDateFilterForm/AbsoluteDateFilterForm.d.ts

@@ -1,6 +1,16 @@
 import { type ReactNode } from "react";
-import { type WeekStart } from "@gooddata/sdk-model";
+import { type DateFilterGranularity, type WeekStart } from "@gooddata/sdk-model";
+import { type IAccessibilityConfigBase } from "@gooddata/sdk-ui-kit";
 import { type DateFilterOption, type IUiAbsoluteDateFilterForm } from "../interfaces/index.js";
+/**
+ * @internal
+ */
+export interface IAbsoluteDateFilterFormAccessibilityConfig extends IAccessibilityConfigBase {
+    /**
+     * Id applied to the picker panel, wired to the granularity tabs' `aria-controls`.
+     */
+    id?: string;
+}
 /**
  * @internal
  */
@@ -16,9 +26,26 @@ export interface IAbsoluteDateFilterFormProps {
     withoutApply?: boolean;
     submitForm: () => void;
     customRangeHint?: ReactNode;
+    /**
+     * Enables Day/Week/Month/Quarter/Year granularity switching.
+     *
+     * @remarks
+     * When false (the default), this component renders without the granularity tabs - regardless of
+     * what `availableGranularities` is set to, or what `granularity` flows in through
+     * `selectedFilterOption`.
+     */
+    isGranularityEnabled?: boolean;
+    /**
+     * Available granularities for this absolute date filter.
+     */
+    availableGranularities: DateFilterGranularity[];
+    /**
+     * Accessibility configuration for the absolute date filter form.
+     */
+    accessibilityConfig?: IAbsoluteDateFilterFormAccessibilityConfig;
 }
 /**
  * @internal
  */
-export declare function AbsoluteDateFilterForm({ dateFormat, isMobile, selectedFilterOption, isTimeEnabled, isSecondsEnabled, weekStart, shouldOverlayDatePicker, withoutApply, onSelectedFilterOptionChange, submitForm, customRangeHint }: IAbsoluteDateFilterFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function AbsoluteDateFilterForm({ dateFormat, isMobile, selectedFilterOption, isTimeEnabled, isSecondsEnabled, weekStart, shouldOverlayDatePicker, withoutApply, onSelectedFilterOptionChange, submitForm, customRangeHint, isGranularityEnabled, availableGranularities, accessibilityConfig }: IAbsoluteDateFilterFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AbsoluteDateFilterForm.d.ts.map

package/esm/DateFilter/AbsoluteDateFilterForm/AbsoluteDateFilterForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbsoluteDateFilterForm.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/AbsoluteDateFilterForm/AbsoluteDateFilterForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAI/F;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjE,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,CAAC;CAC/B;AAOD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,gBAAwB,EACxB,SAAS,EACT,uBAAuB,EACvB,YAAY,EACZ,4BAA4B,EAC5B,UAAU,EACV,eAAe,EAClB,EAAE,4BAA4B,2CA6B9B"}
+{"version":3,"file":"AbsoluteDateFilterForm.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/AbsoluteDateFilterForm/AbsoluteDateFilterForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEH,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAMrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAU/F;;GAEG;AACH,MAAM,WAAW,0CAA2C,SAAQ,wBAAwB;IACxF;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,yBAAyB,CAAC;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjE,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAChD;;OAEG;IACH,mBAAmB,CAAC,EAAE,0CAA0C,CAAC;CACpE;AAYD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,gBAAwB,EACxB,SAAS,EACT,uBAAuB,EACvB,YAAY,EACZ,4BAA4B,EAC5B,UAAU,EACV,eAAe,EACf,oBAA4B,EAC5B,sBAAsB,EACtB,mBAAmB,EACtB,EAAE,4BAA4B,2CA+F9B"}

package/esm/DateFilter/AbsoluteDateFilterForm/AbsoluteDateFilterForm.js

@@ -1,16 +1,49 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_ABSOLUTE_DATE_FILTER_GRANULARITIES, } from "@gooddata/sdk-model";
+import { DATE_FILTER_ABSOLUTE_GRANULARITY_TAB_ID } from "../accessibility/elementId.js";
 import { DateRangePicker } from "../DateRangePicker/DateRangePicker.js";
-import { dateFilterValueToDateRange, dateRangeToDateFilterValue } from "./conversions.js";
+import { GranularityTabs } from "../GranularityTabs.js";
+import { PeriodRangePicker } from "../PeriodRangePicker/PeriodRangePicker.js";
+import { dateFilterValueToDateRange, dateRangeToDateFilterValue, periodRangeToDateFilterValue, } from "./conversions.js";
 const dayPickerProps = {
     mode: "range",
     weekStartsOn: 0, // Sunday, regardless of locale
 };
+const isPeriodPickerGranularity = (granularity) => DEFAULT_ABSOLUTE_DATE_FILTER_GRANULARITIES.includes(granularity);
 /**
  * @internal
  */
-export function AbsoluteDateFilterForm({ dateFormat, isMobile, selectedFilterOption, isTimeEnabled, isSecondsEnabled = false, weekStart, shouldOverlayDatePicker, withoutApply, onSelectedFilterOptionChange, submitForm, customRangeHint, }) {
+export function AbsoluteDateFilterForm({ dateFormat, isMobile, selectedFilterOption, isTimeEnabled, isSecondsEnabled = false, weekStart, shouldOverlayDatePicker, withoutApply, onSelectedFilterOptionChange, submitForm, customRangeHint, isGranularityEnabled = false, availableGranularities, accessibilityConfig, }) {
+    const selectedGranularity = selectedFilterOption.granularity ?? availableGranularities[0];
+    const showGranularityTabs = isGranularityEnabled && availableGranularities.length > 0;
     const handleRangeChange = (range) => {
-        onSelectedFilterOptionChange(dateRangeToDateFilterValue(range, selectedFilterOption.localIdentifier, isTimeEnabled, selectedFilterOption.emptyValueHandling, isSecondsEnabled));
+        onSelectedFilterOptionChange({
+            ...selectedFilterOption,
+            ...dateRangeToDateFilterValue(range, selectedFilterOption.localIdentifier, isTimeEnabled, selectedFilterOption.emptyValueHandling, isSecondsEnabled),
+        });
     };
-    return (_jsx(DateRangePicker, { dateFormat: dateFormat, onRangeChange: handleRangeChange, range: dateFilterValueToDateRange(selectedFilterOption, isTimeEnabled, isSecondsEnabled), isMobile: isMobile, dayPickerProps: dayPickerProps, isTimeEnabled: isTimeEnabled, isSecondsEnabled: isSecondsEnabled, weekStart: weekStart, shouldOverlayDatePicker: shouldOverlayDatePicker, submitForm: submitForm, withoutApply: withoutApply, customRangeHint: customRangeHint }));
+    const handlePeriodRangeChange = (range) => {
+        onSelectedFilterOptionChange({
+            ...selectedFilterOption,
+            ...periodRangeToDateFilterValue({
+                range,
+                localIdentifier: selectedFilterOption.localIdentifier,
+                isTimeForAbsoluteRangeEnabled: isTimeEnabled,
+                emptyValueHandling: selectedFilterOption.emptyValueHandling,
+                isSecondsForAbsoluteRangeEnabled: isSecondsEnabled,
+            }),
+        });
+    };
+    const handleGranularityChange = (granularity) => {
+        onSelectedFilterOptionChange({
+            ...selectedFilterOption,
+            ...(selectedGranularity === granularity ? {} : { from: undefined, to: undefined }),
+            granularity,
+        });
+    };
+    // TODO MC-5322: time granularity is not supported in the new picker yet - the hour/minute/second can't be
+    // modified, so the selected range always spans the whole day (00:00-23:59[:59] once time is enabled).
+    // This will be added as part of MC-5322.
+    const picker = showGranularityTabs && isPeriodPickerGranularity(selectedGranularity) ? (_jsx(PeriodRangePicker, { granularity: selectedGranularity, range: { from: selectedFilterOption.from, to: selectedFilterOption.to }, onRangeChange: handlePeriodRangeChange, isMobile: isMobile, weekStart: weekStart, withoutApply: withoutApply, submitForm: submitForm }, selectedGranularity)) : (_jsx(DateRangePicker, { dateFormat: dateFormat, onRangeChange: handleRangeChange, range: dateFilterValueToDateRange(selectedFilterOption, isTimeEnabled, isSecondsEnabled), isMobile: isMobile, dayPickerProps: dayPickerProps, isTimeEnabled: isTimeEnabled, isSecondsEnabled: isSecondsEnabled, weekStart: weekStart, shouldOverlayDatePicker: shouldOverlayDatePicker, submitForm: submitForm, withoutApply: withoutApply, customRangeHint: customRangeHint }));
+    return (_jsxs(_Fragment, { children: [showGranularityTabs ? (_jsx(GranularityTabs, { availableGranularities: availableGranularities, selectedGranularity: selectedGranularity, onSelectedGranularityChange: handleGranularityChange, accessibilityConfig: { ariaControls: accessibilityConfig?.id }, className: "gd-absolute-filter-form-granularity-tabs s-absolute-filter-form-granularity-tabs", selectedTabId: DATE_FILTER_ABSOLUTE_GRANULARITY_TAB_ID })) : null, showGranularityTabs ? (_jsx("div", { id: accessibilityConfig?.id, role: "tabpanel", "aria-labelledby": DATE_FILTER_ABSOLUTE_GRANULARITY_TAB_ID, children: picker })) : (picker)] }));
 }

package/esm/DateFilter/AbsoluteDateFilterForm/conversions.d.ts

@@ -1,6 +1,22 @@
 import { type EmptyValues } from "@gooddata/sdk-model";
 import { type IDateRange } from "../DateRangePicker/types.js";
 import { type IUiAbsoluteDateFilterForm } from "../interfaces/index.js";
-export declare const dateRangeToDateFilterValue: (range: IDateRange, localIdentifier: string, isTimeForAbsoluteRangeEnabled: boolean, emptyValueHandling?: EmptyValues | undefined, isSecondsForAbsoluteRangeEnabled?: boolean) => IUiAbsoluteDateFilterForm;
+import { type IPeriodRange } from "../PeriodRangePicker/types.js";
+export declare const dateRangeToDateFilterValue: (range: IDateRange, localIdentifier: string, isTimeForAbsoluteRangeEnabled: boolean, emptyValueHandling?: EmptyValues, isSecondsForAbsoluteRangeEnabled?: boolean) => IUiAbsoluteDateFilterForm;
 export declare const dateFilterValueToDateRange: (value: IUiAbsoluteDateFilterForm, isTimeForAbsoluteRangeEnabled?: boolean, isSecondsForAbsoluteRangeEnabled?: boolean) => IDateRange;
+/**
+ * @internal
+ */
+export interface IPeriodRangeToDateFilterValueOptions {
+    range: IPeriodRange;
+    localIdentifier: string;
+    isTimeForAbsoluteRangeEnabled: boolean;
+    emptyValueHandling?: EmptyValues;
+    isSecondsForAbsoluteRangeEnabled?: boolean;
+}
+/**
+ * Converts a resolved period-picker range into an absolute date filter value, extending it to the
+ * start/end of day when time-of-day is enabled.
+ */
+export declare const periodRangeToDateFilterValue: ({ range, localIdentifier, isTimeForAbsoluteRangeEnabled, emptyValueHandling, isSecondsForAbsoluteRangeEnabled, }: IPeriodRangeToDateFilterValueOptions) => IUiAbsoluteDateFilterForm;
 //# sourceMappingURL=conversions.d.ts.map

package/esm/DateFilter/AbsoluteDateFilterForm/conversions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversions.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/AbsoluteDateFilterForm/conversions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAOvD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMxE,eAAO,MAAM,0BAA0B,6MAqBtC,CAAC;AAEF,eAAO,MAAM,0BAA0B,uIAuBtC,CAAC"}
+{"version":3,"file":"conversions.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/AbsoluteDateFilterForm/conversions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAWxE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAMlE,eAAO,MAAM,0BAA0B,UAC5B,UAAU,mBACA,MAAM,iCACQ,OAAO,uBACjB,WAAW,iDAEjC,yBAeF,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC5B,yBAAyB,0FAGjC,UAmBF,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACjD,KAAK,EAAE,YAAY,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,6BAA6B,EAAE,OAAO,CAAC;IACvC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,gCAAgC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,qHAMtC,oCAAoC,KAAG,yBAmBzC,CAAC"}

package/esm/DateFilter/AbsoluteDateFilterForm/conversions.js

@@ -1,5 +1,5 @@
 // (C) 2007-2026 GoodData Corporation
-import { platformDateFormat, platformDateTimeFormat, platformDateTimeFormatWithSeconds, } from "../constants/Platform.js";
+import { DAY_END_TIME, DAY_END_TIME_WITH_SECONDS, DAY_START_TIME, DAY_START_TIME_WITH_SECONDS, platformDateFormat, platformDateTimeFormat, platformDateTimeFormatWithSeconds, } from "../constants/Platform.js";
 import { convertDateToPlatformDateString, convertPlatformDateStringToDate, } from "../utils/DateConversions.js";
 export const dateRangeToDateFilterValue = (range, localIdentifier, isTimeForAbsoluteRangeEnabled, emptyValueHandling, isSecondsForAbsoluteRangeEnabled = false) => {
     const timeFormat = isSecondsForAbsoluteRangeEnabled
@@ -33,3 +33,19 @@ export const dateFilterValueToDateRange = (value, isTimeForAbsoluteRangeEnabled
     }
     return { from, to };
 };
+/**
+ * Converts a resolved period-picker range into an absolute date filter value, extending it to the
+ * start/end of day when time-of-day is enabled.
+ */
+export const periodRangeToDateFilterValue = ({ range, localIdentifier, isTimeForAbsoluteRangeEnabled, emptyValueHandling, isSecondsForAbsoluteRangeEnabled = false, }) => {
+    const withDayBoundaryTime = (date, time) => isTimeForAbsoluteRangeEnabled && date ? `${date} ${time}` : date;
+    return {
+        from: withDayBoundaryTime(range.from, isSecondsForAbsoluteRangeEnabled ? DAY_START_TIME_WITH_SECONDS : DAY_START_TIME),
+        to: withDayBoundaryTime(range.to, isSecondsForAbsoluteRangeEnabled ? DAY_END_TIME_WITH_SECONDS : DAY_END_TIME),
+        localIdentifier,
+        type: "absoluteForm",
+        name: "",
+        visible: true,
+        ...(emptyValueHandling ? { emptyValueHandling } : {}),
+    };
+};

package/esm/DateFilter/CheckboxSection/CheckboxSection.js

@@ -18,15 +18,11 @@ function CheckboxItem({ checked, onChange, disabled, label, tooltip, testId, cla
             onChange(!checked);
         }
     };
-    return (_jsxs(BubbleHoverTrigger, { children: [
-            _jsxs("label", { className: cx("input-checkbox-label", className, { "is-disabled": disabled }), children: [
-                    _jsx("input", { type: "checkbox", className: "input-checkbox", checked: checked, onChange: (e) => onChange(e.target.checked), disabled: disabled, onKeyDown: handleKeyDown, ...(testId ? { "data-testid": testId } : {}) }),
-                    "\u2002", label] }), disabled && tooltip ? _jsx(Bubble, { alignPoints: alignPoints, children: tooltip }) : null] }));
+    return (_jsxs(BubbleHoverTrigger, { children: [_jsxs("label", { className: cx("input-checkbox-label", className, { "is-disabled": disabled }), children: [_jsx("input", { type: "checkbox", className: "input-checkbox", checked: checked, onChange: (e) => onChange(e.target.checked), disabled: disabled, onKeyDown: handleKeyDown, ...(testId ? { "data-testid": testId } : {}) }), "\u2002", label] }), disabled && tooltip ? _jsx(Bubble, { alignPoints: alignPoints, children: tooltip }) : null] }));
 }
 export function CheckboxSection({ className, visible = true, showDivider = false, emptyValuesHandling, excludeCurrentPeriod, }) {
     if (!visible || (!emptyValuesHandling && !excludeCurrentPeriod)) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [showDivider ? _jsx("div", { className: "gd-date-filter-menu-divider" }) : null, _jsxs("div", { className: cx("gd-extended-date-filter-exclude-current", "gd-date-filter-checkbox-section", className), children: [emptyValuesHandling ? (_jsx("div", { className: "gd-date-filter-checkbox-section-item", children: _jsx(CheckboxItem, { checked: emptyValuesHandling.checked, onChange: emptyValuesHandling.onChange, label: _jsx(FormattedMessage, { id: EMPTY_VALUES_LABEL_ID_BY_MODE[emptyValuesHandling.mode], children: (...children) => _jsx("span", { className: "input-label-text", children: children }) }), testId: emptyValuesHandling.testId }) })) : null, excludeCurrentPeriod ? (_jsx("div", { className: "gd-date-filter-checkbox-section-item", children: _jsx(CheckboxItem, { checked: excludeCurrentPeriod.value, onChange: excludeCurrentPeriod.onChange, disabled: excludeCurrentPeriod.disabled, className: "s-exclude-current-period", label: _jsx(ExcludeCurrentPeriodToggleLabel, { granularity: excludeCurrentPeriod.granularity, disabled: excludeCurrentPeriod.disabled }), tooltip: excludeCurrentPeriod.disabled ? (_jsx(FormattedMessage, { id: "filters.excludeCurrentPeriod.unavailable" })) : null, testId: excludeCurrentPeriod.testId }) })) : null] })
-        ] }));
+    return (_jsxs(_Fragment, { children: [showDivider ? _jsx("div", { className: "gd-date-filter-menu-divider" }) : null, _jsxs("div", { className: cx("gd-extended-date-filter-exclude-current", "gd-date-filter-checkbox-section", className), children: [emptyValuesHandling ? (_jsx("div", { className: "gd-date-filter-checkbox-section-item", children: _jsx(CheckboxItem, { checked: emptyValuesHandling.checked, onChange: emptyValuesHandling.onChange, label: _jsx(FormattedMessage, { id: EMPTY_VALUES_LABEL_ID_BY_MODE[emptyValuesHandling.mode], children: (...children) => _jsx("span", { className: "input-label-text", children: children }) }), testId: emptyValuesHandling.testId }) })) : null, excludeCurrentPeriod ? (_jsx("div", { className: "gd-date-filter-checkbox-section-item", children: _jsx(CheckboxItem, { checked: excludeCurrentPeriod.value, onChange: excludeCurrentPeriod.onChange, disabled: excludeCurrentPeriod.disabled, className: "s-exclude-current-period", label: _jsx(ExcludeCurrentPeriodToggleLabel, { granularity: excludeCurrentPeriod.granularity, disabled: excludeCurrentPeriod.disabled }), tooltip: excludeCurrentPeriod.disabled ? (_jsx(FormattedMessage, { id: "filters.excludeCurrentPeriod.unavailable" })) : null, testId: excludeCurrentPeriod.testId }) })) : null] })] }));
 }

package/esm/DateFilter/DateFilter.d.ts

@@ -35,6 +35,16 @@ export interface IDateFilterOwnProps extends IDateFilterStatePropsIntersection {
      * @defaultValue false
      */
     isSecondsForAbsoluteRangeEnabled?: boolean;
+    /**
+     * Enables Day/Week/Month/Quarter/Year granularity switching for the absolute (static) date filter.
+     *
+     * @remarks
+     * Defaults to `false` to keep backward compatibility. Dashboard apps should control this
+     * via a feature flag and explicitly opt-in.
+     *
+     * @alpha
+     */
+    isAbsoluteDateFilterGranularityEnabled?: boolean;
     showDropDownHeaderMessage?: boolean;
     weekStart?: WeekStart;
     /**

package/esm/DateFilter/DateFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFilter.d.ts","sourceRoot":"","sources":["../../src/DateFilter/DateFilter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateFilter.d.ts","sourceRoot":"","sources":["../../src/DateFilter/DateFilter.tsx"],"names":[],"mappings":"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"}

package/esm/DateFilter/DateFilter.js

@@ -90,7 +90,7 @@ function isSameOptionExceptEmptyValueHandling(a, b) {
  * @public
  */
 export const DateFilter = memo(function DateFilter(props) {
-    const { customFilterName, dateFilterMode, dateFormat = DEFAULT_DATE_FORMAT, filterOptions, selectedFilterOption: originalSelectedFilterOption, excludeCurrentPeriod: originalExcludeCurrentPeriod, availableGranularities, isEditMode = false, openOnInit, locale = "en-US", isTimeForAbsoluteRangeEnabled = false, isSecondsForAbsoluteRangeEnabled = false, weekStart = "Sunday", customIcon, showDropDownHeaderMessage, FilterConfigurationComponent, withoutApply = false, ButtonComponent, overlayPositionType, activeCalendars, enableEmptyDateValues, customRangeHint, hideDisabledExclude = false, onApply, onSelect, onCancel = () => { }, onOpen = () => { }, onClose = () => { }, } = props;
+    const { customFilterName, dateFilterMode, dateFormat = DEFAULT_DATE_FORMAT, filterOptions, selectedFilterOption: originalSelectedFilterOption, excludeCurrentPeriod: originalExcludeCurrentPeriod, availableGranularities, isEditMode = false, openOnInit, locale = "en-US", isTimeForAbsoluteRangeEnabled = false, isSecondsForAbsoluteRangeEnabled = false, isAbsoluteDateFilterGranularityEnabled = false, weekStart = "Sunday", customIcon, showDropDownHeaderMessage, FilterConfigurationComponent, withoutApply = false, ButtonComponent, overlayPositionType, activeCalendars, enableEmptyDateValues, customRangeHint, hideDisabledExclude = false, onApply, onSelect, onCancel = () => { }, onOpen = () => { }, onClose = () => { }, } = props;
     const [storedState, setStoredState] = useState(() => getStateFromProps(props));
     // The class component read `this.state` at call time, so a handler invoked later than the
     // render that produced it still saw the current state. Handlers of a function component
@@ -238,5 +238,5 @@ export const DateFilter = memo(function DateFilter(props) {
         });
     };
     const { excludeCurrentPeriod, selectedFilterOption, isExcludeCurrentPeriodEnabled } = state;
-    return dateFilterMode === "hidden" ? null : (_jsx(DateFilterCore, { availableGranularities: availableGranularities, customFilterName: customFilterName, dateFormat: dateFormat ?? DEFAULT_DATE_FORMAT, openOnInit: openOnInit, showDropDownHeaderMessage: showDropDownHeaderMessage, disabled: dateFilterMode === "readonly", excludeCurrentPeriod: excludeCurrentPeriod, originalExcludeCurrentPeriod: originalExcludeCurrentPeriod, isExcludeCurrentPeriodEnabled: isExcludeCurrentPeriodEnabled, hideDisabledExclude: hideDisabledExclude, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled ?? false, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled ?? false, isEditMode: isEditMode ?? false, filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, originalSelectedFilterOption: originalSelectedFilterOption, locale: locale, onApplyClick: handleApplyClick, onCancelClick: onCancelClicked, onDropdownOpenChanged: onDropdownOpenChanged, onExcludeCurrentPeriodChange: handleExcludeCurrentPeriodChange, onSelectedFilterOptionChange: handleSelectedFilterOptionChange, errors: validateFilterOption(selectedFilterOption), weekStart: weekStart, customIcon: customIcon, FilterConfigurationComponent: FilterConfigurationComponent, withoutApply: withoutApply, ButtonComponent: ButtonComponent, overlayPositionType: overlayPositionType, activeCalendars: activeCalendars, enableEmptyDateValues: enableEmptyDateValues, customRangeHint: customRangeHint }));
+    return dateFilterMode === "hidden" ? null : (_jsx(DateFilterCore, { availableGranularities: availableGranularities, customFilterName: customFilterName, dateFormat: dateFormat ?? DEFAULT_DATE_FORMAT, openOnInit: openOnInit, showDropDownHeaderMessage: showDropDownHeaderMessage, disabled: dateFilterMode === "readonly", excludeCurrentPeriod: excludeCurrentPeriod, originalExcludeCurrentPeriod: originalExcludeCurrentPeriod, isExcludeCurrentPeriodEnabled: isExcludeCurrentPeriodEnabled, hideDisabledExclude: hideDisabledExclude, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled ?? false, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled ?? false, isAbsoluteDateFilterGranularityEnabled: isAbsoluteDateFilterGranularityEnabled ?? false, isEditMode: isEditMode ?? false, filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, originalSelectedFilterOption: originalSelectedFilterOption, locale: locale, onApplyClick: handleApplyClick, onCancelClick: onCancelClicked, onDropdownOpenChanged: onDropdownOpenChanged, onExcludeCurrentPeriodChange: handleExcludeCurrentPeriodChange, onSelectedFilterOptionChange: handleSelectedFilterOptionChange, errors: validateFilterOption(selectedFilterOption), weekStart: weekStart, customIcon: customIcon, FilterConfigurationComponent: FilterConfigurationComponent, withoutApply: withoutApply, ButtonComponent: ButtonComponent, overlayPositionType: overlayPositionType, activeCalendars: activeCalendars, enableEmptyDateValues: enableEmptyDateValues, customRangeHint: customRangeHint }));
 });

package/esm/DateFilter/DateFilterBody/DateFilterBody.d.ts

@@ -12,6 +12,7 @@ export interface IDateFilterBodyProps {
     onExcludeCurrentPeriodChange: (isExcluded: boolean) => void;
     isTimeForAbsoluteRangeEnabled: boolean;
     isSecondsForAbsoluteRangeEnabled?: boolean;
+    isAbsoluteDateFilterGranularityEnabled: boolean;
     availableGranularities: DateFilterGranularity[];
     isEditMode: boolean;
     isMobile: boolean;

package/esm/DateFilter/DateFilterBody/DateFilterBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFilterBody.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterBody/DateFilterBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,YAAY,EACjB,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAMf,OAAO,EACH,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAKjB,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAEjC,MAAM,wBAAwB,CAAC;AA0BhC,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,wBAAwB,CAAC;IACxC,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjE,oBAAoB,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6BAA6B,EAAE,OAAO,CAAC;IACvC,4BAA4B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,6BAA6B,EAAE,OAAO,CAAC;IACvC,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAE3C,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAEhD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,gBAAgB,EAAE,YAAY,CAAC;IAE/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IAEjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;IAEnC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,cAAc,iHA6ZzB,CAAC"}
+{"version":3,"file":"DateFilterBody.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterBody/DateFilterBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,YAAY,EACjB,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAMf,OAAO,EACH,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,SAAS,EAKjB,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAGjC,MAAM,wBAAwB,CAAC;AA4BhC,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,wBAAwB,CAAC;IACxC,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjE,oBAAoB,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6BAA6B,EAAE,OAAO,CAAC;IACvC,4BAA4B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,6BAA6B,EAAE,OAAO,CAAC;IACvC,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAE3C,sCAAsC,EAAE,OAAO,CAAC;IAEhD,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAEhD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,gBAAgB,EAAE,YAAY,CAAC;IAE/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IAEjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;IAEnC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,eAAO,MAAM,cAAc,iHAoczB,CAAC"}

package/esm/DateFilter/DateFilterBody/DateFilterBody.js

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
-import { forwardRef, useEffect, useRef, useState, } from "react";
+import { forwardRef, useEffect, useMemo, useRef, useState, } from "react";
 import cx from "classnames";
 import { isEmpty } from "lodash-es";
 import { useIntl } from "react-intl";
@@ -8,7 +8,7 @@ import { isAbsoluteDateFilterForm, isAllTimeDateFilterOption, isEmptyValuesDateF
 import { useIdPrefixed } from "@gooddata/sdk-ui-kit";
 import { CheckboxSection } from "../CheckboxSection/CheckboxSection.js";
 import { getDateFilterOptionGranularity } from "../utils/OptionUtils.js";
-import { ensureCompatibleGranularity, getDefaultCalendarTab, getFilteredGranularities, getFilteredPresets, getFiscalTabsConfig, } from "../utils/presetFilterUtils.js";
+import { ensureCompatibleAbsoluteGranularity, ensureCompatibleGranularity, filterStandardGranularities, getDefaultCalendarTab, getFilteredGranularities, getFilteredPresets, getFiscalTabsConfig, } from "../utils/presetFilterUtils.js";
 import { VisibleScrollbar } from "../VisibleScrollbar/VisibleScrollbar.js";
 import { DateFilterBodyButton } from "./DateFilterBodyButton.js";
 import { DateFilterBodyContentFiltered } from "./DateFilterBodyContentFiltered.js";
@@ -36,16 +36,31 @@ export const DateFilterBody = forwardRef((props, ref) => {
     const [selectedTab, setSelectedTab] = useState(() => getDefaultCalendarTab(props.activeCalendars, props.selectedFilterOption));
     const filteredRelativePreset = getFilteredPresets(props.filterOptions.relativePreset, fiscalTabsConfig, selectedTab);
     const filteredAvailableGranularities = getFilteredGranularities(props.availableGranularities, fiscalTabsConfig, selectedTab);
+    // Absolute form granularities are standard-calendar-only, so they're filtered independently of
+    // the fiscal/standard tab state.
+    const filteredAbsoluteAvailableGranularities = useMemo(() => props.isAbsoluteDateFilterGranularityEnabled
+        ? filterStandardGranularities(props.filterOptions.absoluteForm?.availableGranularities ?? [])
+        : [], [
+        props.isAbsoluteDateFilterGranularityEnabled,
+        props.filterOptions.absoluteForm?.availableGranularities,
+    ]);
     const changeRoute = (newRoute = null) => {
         setRoute(newRoute);
     };
     const handleStaticButtonClick = () => {
         const newForm = route === "absoluteForm" ? null : "absoluteForm";
         setRoute(newForm);
-        if (newForm === "absoluteForm" &&
-            filterOptions.absoluteForm &&
-            selectedFilterOption.localIdentifier !== filterOptions.absoluteForm.localIdentifier) {
-            onSelectedFilterOptionChange(filterOptions.absoluteForm);
+        if (newForm === "absoluteForm" && filterOptions.absoluteForm) {
+            const baseOption = selectedFilterOption.localIdentifier === filterOptions.absoluteForm.localIdentifier
+                ? selectedFilterOption
+                : filterOptions.absoluteForm;
+            const correctedOption = ensureCompatibleAbsoluteGranularity(baseOption, filteredAbsoluteAvailableGranularities);
+            if (correctedOption !== baseOption) {
+                onSelectedFilterOptionChange(correctedOption);
+            }
+            else if (selectedFilterOption.localIdentifier !== filterOptions.absoluteForm.localIdentifier) {
+                onSelectedFilterOptionChange(filterOptions.absoluteForm);
+            }
         }
     };
     const handleRelativeButtonClick = () => {
@@ -82,21 +97,6 @@ export const DateFilterBody = forwardRef((props, ref) => {
             }
         }, 0);
     };
-    useEffect(() => {
-        // Sync route from selected option only once after mount on mobile.
-        // Without this guard, later option updates (e.g. checkbox toggles that keep the same form type)
-        // would unexpectedly reopen the form after the user navigated back to the list.
-        if (!props.isMobile || didSyncInitialMobileRoute.current) {
-            return;
-        }
-        didSyncInitialMobileRoute.current = true;
-        if (isAbsoluteDateFilterForm(props.selectedFilterOption)) {
-            changeRoute("absoluteForm");
-        }
-        else if (isRelativeDateFilterForm(props.selectedFilterOption)) {
-            changeRoute("relativeForm");
-        }
-    }, [props.isMobile, props.selectedFilterOption]);
     const calculateHeight = (showExcludeCurrent, showEmptyValuesHandling) => {
         // Mobile in Horizontal Layout
         if (window.innerHeight <= MOBILE_WIDTH) {
@@ -113,6 +113,31 @@ export const DateFilterBody = forwardRef((props, ref) => {
         return "gd-extended-date-filter-body-scrollable";
     };
     const { isExcludeCurrentPeriodEnabled, isMobile, dateFilterButton, errors, isConfigurationEnabled, withoutApply, selectedFilterOption, isEditMode, excludeCurrentPeriod, hideDisabledExclude, filterOptions, showHeaderMessage = true, dateFormat, isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled, weekStart = "Sunday", availableGranularities, onApplyClick, onCancelClick, closeDropdown, onConfigurationClick, onExcludeCurrentPeriodChange, onSelectedFilterOptionChange, ariaLabel, id, } = props;
+    useEffect(() => {
+        // Sync route from selected option only once after mount on mobile.
+        // Without this guard, later option updates (e.g. checkbox toggles that keep the same form type)
+        // would unexpectedly reopen the form after the user navigated back to the list.
+        if (!isMobile || didSyncInitialMobileRoute.current) {
+            return;
+        }
+        didSyncInitialMobileRoute.current = true;
+        if (isAbsoluteDateFilterForm(selectedFilterOption)) {
+            changeRoute("absoluteForm");
+            // Correct a stale/incompatible granularity before the absolute form renders with it.
+            const correctedOption = ensureCompatibleAbsoluteGranularity(selectedFilterOption, filteredAbsoluteAvailableGranularities);
+            if (correctedOption !== selectedFilterOption) {
+                onSelectedFilterOptionChange(correctedOption);
+            }
+        }
+        else if (isRelativeDateFilterForm(selectedFilterOption)) {
+            changeRoute("relativeForm");
+        }
+    }, [
+        isMobile,
+        selectedFilterOption,
+        onSelectedFilterOptionChange,
+        filteredAbsoluteAvailableGranularities,
+    ]);
     // Keep the same behavior as `DateFilterBody`:
     // - hide disabled exclude toggle on mobile by default
     // - allow callers to hide it on desktop via `hideDisabledExclude`
@@ -163,15 +188,14 @@ export const DateFilterBody = forwardRef((props, ref) => {
     return (_jsxs("div", { ref: rootRef, className: cx(!isMobile && "gd-extended-date-filter-body-redesigned", "gd-extended-date-filter-body", "s-extended-date-filters-body", isMobile && "gd-extended-date-filter-body-mobile", route && "gd-active-form"), onKeyDown: handleKeyDown, onFocus: handleFocus, role: "dialog", id: formId, "aria-label": formLabel, children: [route === null && isMobile ? (_jsx("div", { className: "gd-extended-date-filter-mobile-header", onClick: () => {
                     onCancelClick();
                     closeDropdown();
-                }, children: dateFilterButton })) : null, route ? (_jsx("div", { className: "gd-extended-date-filter-form-wrapper", ref: ref, children: _jsx(DateFilterFormContent, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, dateFormat: dateFormat, weekStart: weekStart, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled, availableGranularities: filteredAvailableGranularities, isMobile: isMobile, withoutApply: withoutApply, enableEmptyDateValues: props.enableEmptyDateValues, customRangeHint: props.customRangeHint, activeForm: route, onBackNavigation: handleBackNavigation, onClose: closeDropdown, submitForm: () => {
+                }, children: dateFilterButton })) : null, route ? (_jsx("div", { className: "gd-extended-date-filter-form-wrapper", ref: ref, children: _jsx(DateFilterFormContent, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, dateFormat: dateFormat, weekStart: weekStart, isTimeForAbsoluteRangeEnabled: isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled: isSecondsForAbsoluteRangeEnabled, isAbsoluteDateFilterGranularityEnabled: props.isAbsoluteDateFilterGranularityEnabled, availableGranularities: filteredAvailableGranularities, absoluteAvailableGranularities: filteredAbsoluteAvailableGranularities, isMobile: isMobile, withoutApply: withoutApply, enableEmptyDateValues: props.enableEmptyDateValues, customRangeHint: props.customRangeHint, activeForm: route, onBackNavigation: handleBackNavigation, onClose: closeDropdown, submitForm: () => {
                         onApplyClick();
                         if (!withoutApply) {
                             closeDropdown();
                         }
                     }, errors: errors || undefined }) })) : null, route ? null : (_jsxs("div", { ref: ref, className: cx("gd-extended-date-filter-body-wrapper", {
                     "gd-extended-date-filter-body-wrapper-wide": isRelativeDateFilterForm(selectedFilterOption),
-                }), style: wrapperStyle, children: [isEditMode && !isMobile && showHeaderMessage ? _jsx(EditModeMessage, {}) : null, isMobile ? (_jsx(DateFilterBodyContentFiltered, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, dateFormat: dateFormat, showTabs: fiscalTabsConfig.showTabs, selectedTab: selectedTab, onTabSelect: setSelectedTab, filteredRelativePreset: filteredRelativePreset, enableEmptyDateValues: props.enableEmptyDateValues })) : (_jsx(VisibleScrollbar, { className: visibleScrollbarClassName, style: scrollerStyle, children: _jsx(DateFilterBodyContentFiltered, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, dateFormat: dateFormat, showTabs: fiscalTabsConfig.showTabs, selectedTab: selectedTab, onTabSelect: setSelectedTab, filteredRelativePreset: filteredRelativePreset, enableEmptyDateValues: props.enableEmptyDateValues }) }))] })), hasFormOptions && !route ? (_jsxs(_Fragment, { children: [isMobile ? null : _jsx("div", { className: "gd-date-filter-menu-divider" }), _jsx(DateFilterCustomPeriodButtons, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, availableGranularities: availableGranularities, onStaticButtonClick: handleStaticButtonClick, onRelativeButtonClick: handleRelativeButtonClick, absoluteButtonRef: absoluteButtonRef, relativeButtonRef: relativeButtonRef, absoluteFormId: absoluteFormId, relativeFormId: relativeFormId })
-                ] })) : null, _jsx(CheckboxSection, { visible: !route, showDivider: true, emptyValuesHandling: shouldRenderEmptyValuesHandling
+                }), style: wrapperStyle, children: [isEditMode && !isMobile && showHeaderMessage ? _jsx(EditModeMessage, {}) : null, isMobile ? (_jsx(DateFilterBodyContentFiltered, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, dateFormat: dateFormat, showTabs: fiscalTabsConfig.showTabs, selectedTab: selectedTab, onTabSelect: setSelectedTab, filteredRelativePreset: filteredRelativePreset, enableEmptyDateValues: props.enableEmptyDateValues })) : (_jsx(VisibleScrollbar, { className: visibleScrollbarClassName, style: scrollerStyle, children: _jsx(DateFilterBodyContentFiltered, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, dateFormat: dateFormat, showTabs: fiscalTabsConfig.showTabs, selectedTab: selectedTab, onTabSelect: setSelectedTab, filteredRelativePreset: filteredRelativePreset, enableEmptyDateValues: props.enableEmptyDateValues }) }))] })), hasFormOptions && !route ? (_jsxs(_Fragment, { children: [isMobile ? null : _jsx("div", { className: "gd-date-filter-menu-divider" }), _jsx(DateFilterCustomPeriodButtons, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, availableGranularities: availableGranularities, onStaticButtonClick: handleStaticButtonClick, onRelativeButtonClick: handleRelativeButtonClick, absoluteButtonRef: absoluteButtonRef, relativeButtonRef: relativeButtonRef, absoluteFormId: absoluteFormId, relativeFormId: relativeFormId })] })) : null, _jsx(CheckboxSection, { visible: !route, showDivider: true, emptyValuesHandling: shouldRenderEmptyValuesHandling
                     ? {
                         mode: emptyValuesToggleMode,
                         checked: emptyValuesToggleChecked,
@@ -197,16 +221,12 @@ export const DateFilterBody = forwardRef((props, ref) => {
                         disabled: !isExcludeCurrentPeriodEnabled,
                         granularity: getDateFilterOptionGranularity(selectedFilterOption),
                     }
-                    : undefined }), _jsxs("div", { role: "group", className: cx("gd-extended-date-filter-actions"), children: [
-                    _jsx("div", { className: "gd-extended-date-filter-actions-left-content", children: isConfigurationEnabled ? (_jsx(DateFilterConfigurationButton, { onConfiguration: onConfigurationClick })) : null }), _jsxs("div", { className: "gd-extended-date-filter-actions-buttons", children: [
-                            _jsx(DateFilterBodyButton, { messageId: withoutApply ? "close" : "cancel", className: cx("gd-button-secondary", isMobile ? "gd-button-medium" : "gd-button-small", withoutApply ? "s-date-filter-close" : "s-date-filter-cancel"), onClick: () => {
+                    : undefined }), _jsxs("div", { role: "group", className: cx("gd-extended-date-filter-actions"), children: [_jsx("div", { className: "gd-extended-date-filter-actions-left-content", children: isConfigurationEnabled ? (_jsx(DateFilterConfigurationButton, { onConfiguration: onConfigurationClick })) : null }), _jsxs("div", { className: "gd-extended-date-filter-actions-buttons", children: [_jsx(DateFilterBodyButton, { messageId: withoutApply ? "close" : "cancel", className: cx("gd-button-secondary", isMobile ? "gd-button-medium" : "gd-button-small", withoutApply ? "s-date-filter-close" : "s-date-filter-cancel"), onClick: () => {
                                     onCancelClick();
                                     closeDropdown();
                                 } }), !withoutApply && (_jsx(DateFilterBodyButton, { messageId: "apply", className: cx("gd-button-action", isMobile ? "gd-button-medium" : "gd-button-small", "s-date-filter-apply"), disabled: !isEmpty(errors), onClick: () => {
                                     onApplyClick();
                                     closeDropdown();
-                                }, describedByFromValidation: true }))] })
-                ] })
-        ] }));
+                                }, describedByFromValidation: true }))] })] })] }));
 });
 DateFilterBody.displayName = "DateFilterBody";

package/esm/DateFilter/DateFilterBody/DateFilterBodyContentFiltered.js

@@ -30,8 +30,6 @@ export function DateFilterBodyContentFiltered({ filterOptions, selectedFilterOpt
         selectedId === filterOptions.emptyValues?.localIdentifier ||
         filterOptions.absolutePreset?.some((p) => p.localIdentifier === selectedId) ||
         Object.values(filteredRelativePreset ?? {}).some((items) => items?.some((p) => p.localIdentifier === selectedId));
-    const listContent = (_jsxs(_Fragment, { children: [
-            _jsx(AllTimeFilterSection, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, isFocusFallback: !isSelectedInVisibleList }), filterOptions.absolutePreset && filterOptions.absolutePreset.length > 0 ? (_jsx(AbsolutePresetFilterItems, { dateFormat: dateFormat, filterOptions: filterOptions.absolutePreset, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, className: isMobile ? ITEM_CLASS_MOBILE : undefined })) : null, filteredRelativePreset ? (_jsx(RelativePresetFilterItems, { dateFormat: dateFormat, filterOption: filteredRelativePreset, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, className: isMobile ? ITEM_CLASS_MOBILE : undefined })) : null, _jsx(OtherPresetsSection, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, enableEmptyDateValues: enableEmptyDateValues ?? false })
-        ] }));
+    const listContent = (_jsxs(_Fragment, { children: [_jsx(AllTimeFilterSection, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, isFocusFallback: !isSelectedInVisibleList }), filterOptions.absolutePreset && filterOptions.absolutePreset.length > 0 ? (_jsx(AbsolutePresetFilterItems, { dateFormat: dateFormat, filterOptions: filterOptions.absolutePreset, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, className: isMobile ? ITEM_CLASS_MOBILE : undefined })) : null, filteredRelativePreset ? (_jsx(RelativePresetFilterItems, { dateFormat: dateFormat, filterOption: filteredRelativePreset, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, className: isMobile ? ITEM_CLASS_MOBILE : undefined })) : null, _jsx(OtherPresetsSection, { filterOptions: filterOptions, selectedFilterOption: selectedFilterOption, onSelectedFilterOptionChange: onSelectedFilterOptionChange, isMobile: isMobile, enableEmptyDateValues: enableEmptyDateValues ?? false })] }));
     return (_jsxs(_Fragment, { children: [showTabs ? (_jsx(CalendarTypeTabs, { selectedTab: selectedTab, onTabSelect: onTabSelect, isMobile: isMobile, tabIds: tabIds, panelId: panelId })) : null, showTabs ? (_jsx("div", { role: "tabpanel", id: panelId, "aria-labelledby": activeTabId, children: _jsx("div", { role: "listbox", "aria-label": listboxLabel, children: listContent }) })) : (_jsx("div", { role: "listbox", "aria-label": listboxLabel, children: listContent }))] }));
 }

package/esm/DateFilter/DateFilterBody/DateFilterConfigurationButton.js

@@ -7,7 +7,5 @@ const ALIGN_POINTS = [{ align: "bc tc", offset: { x: -1, y: 5 } }];
  * @internal
  */
 export function DateFilterConfigurationButton({ onConfiguration }) {
-    return (_jsx("div", { className: "gd-date-filter-configuration-button s-gd-date-filter-configuration-button", children: _jsxs(BubbleHoverTrigger, { children: [
-                _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-settings gd-button-small gd-configuration-button s-configuration-button", disabled: false, onClick: onConfiguration }), _jsx(Bubble, { className: `bubble-primary`, alignPoints: ALIGN_POINTS, children: _jsx(FormattedMessage, { id: "dateFilterDropdown.configuration" }) })
-            ] }) }));
+    return (_jsx("div", { className: "gd-date-filter-configuration-button s-gd-date-filter-configuration-button", children: _jsxs(BubbleHoverTrigger, { children: [_jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-settings gd-button-small gd-configuration-button s-configuration-button", disabled: false, onClick: onConfiguration }), _jsx(Bubble, { className: `bubble-primary`, alignPoints: ALIGN_POINTS, children: _jsx(FormattedMessage, { id: "dateFilterDropdown.configuration" }) })] }) }));
 }

package/esm/DateFilter/DateFilterBody/DateFilterFormContent.d.ts

@@ -10,7 +10,9 @@ export interface IDateFilterFormContentProps {
     weekStart: WeekStart;
     isTimeForAbsoluteRangeEnabled: boolean;
     isSecondsForAbsoluteRangeEnabled?: boolean;
+    isAbsoluteDateFilterGranularityEnabled: boolean;
     availableGranularities: DateFilterGranularity[];
+    absoluteAvailableGranularities: DateFilterGranularity[];
     isMobile: boolean;
     withoutApply?: boolean;
     enableEmptyDateValues?: boolean;
@@ -27,5 +29,5 @@ export interface IDateFilterFormContentProps {
  *
  * @internal
  */
-export declare function DateFilterFormContent({ filterOptions, selectedFilterOption, onSelectedFilterOptionChange, dateFormat, weekStart, isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled, availableGranularities, isMobile, withoutApply, enableEmptyDateValues, customRangeHint, activeForm, onBackNavigation, onClose, submitForm, errors }: IDateFilterFormContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateFilterFormContent({ filterOptions, selectedFilterOption, onSelectedFilterOptionChange, dateFormat, weekStart, isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled, isAbsoluteDateFilterGranularityEnabled, availableGranularities, absoluteAvailableGranularities, isMobile, withoutApply, enableEmptyDateValues, customRangeHint, activeForm, onBackNavigation, onClose, submitForm, errors }: IDateFilterFormContentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateFilterFormContent.d.ts.map

package/esm/DateFilter/DateFilterBody/DateFilterFormContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFilterFormContent.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterBody/DateFilterFormContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAKhF,OAAO,EACH,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAKjB,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAGjC,MAAM,wBAAwB,CAAC;AAIhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,2BAA2B;IACxC,aAAa,EAAE,wBAAwB,CAAC;IACxC,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,6BAA6B,EAAE,OAAO,CAAC;IACvC,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAEhD,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,UAAU,EAAE,eAAe,CAAC;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,aAAa,EACb,oBAAoB,EACpB,4BAA4B,EAC5B,UAAU,EACV,SAAS,EACT,6BAA6B,EAC7B,gCAAgC,EAChC,sBAAsB,EACtB,QAAQ,EACR,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,MAAM,EACT,EAAE,2BAA2B,2CA2I7B"}
+{"version":3,"file":"DateFilterFormContent.d.ts","sourceRoot":"","sources":["../../../src/DateFilter/DateFilterBody/DateFilterFormContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAKhF,OAAO,EACH,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EAKjB,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAGjC,MAAM,wBAAwB,CAAC;AAIhC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,2BAA2B;IACxC,aAAa,EAAE,wBAAwB,CAAC;IACxC,oBAAoB,EAAE,gBAAgB,CAAC;IACvC,4BAA4B,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjE,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,6BAA6B,EAAE,OAAO,CAAC;IACvC,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,sCAAsC,EAAE,OAAO,CAAC;IAChD,sBAAsB,EAAE,qBAAqB,EAAE,CAAC;IAChD,8BAA8B,EAAE,qBAAqB,EAAE,CAAC;IAExD,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,UAAU,EAAE,eAAe,CAAC;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,aAAa,EACb,oBAAoB,EACpB,4BAA4B,EAC5B,UAAU,EACV,SAAS,EACT,6BAA6B,EAC7B,gCAAgC,EAChC,sCAAsC,EACtC,sBAAsB,EACtB,8BAA8B,EAC9B,QAAQ,EACR,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,MAAM,EACT,EAAE,2BAA2B,2CA+I7B"}

package/esm/DateFilter/DateFilterBody/DateFilterFormContent.js

@@ -17,7 +17,7 @@ import { DateFilterFormNavigationWrapper } from "./DateFilterFormNavigationWrapp
  *
  * @internal
  */
-export function DateFilterFormContent({ filterOptions, selectedFilterOption, onSelectedFilterOptionChange, dateFormat, weekStart, isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled, availableGranularities, isMobile, withoutApply, enableEmptyDateValues, customRangeHint, activeForm, onBackNavigation, onClose, submitForm, errors, }) {
+export function DateFilterFormContent({ filterOptions, selectedFilterOption, onSelectedFilterOptionChange, dateFormat, weekStart, isTimeForAbsoluteRangeEnabled, isSecondsForAbsoluteRangeEnabled, isAbsoluteDateFilterGranularityEnabled, availableGranularities, absoluteAvailableGranularities, isMobile, withoutApply, enableEmptyDateValues, customRangeHint, activeForm, onBackNavigation, onClose, submitForm, errors, }) {
     const showStaticForm = activeForm === "absoluteForm" && filterOptions.absoluteForm;
     const showRelativeForm = activeForm === "relativeForm" && filterOptions.relativeForm && availableGranularities.length > 0;
     const absoluteSelectedFilterOption = filterOptions.absoluteForm && isAbsoluteDateFilterForm(selectedFilterOption)
@@ -30,6 +30,7 @@ export function DateFilterFormContent({ filterOptions, selectedFilterOption, onS
     const relativeDateFilterRef = useRef(null);
     const tabGranularityRef = useRef(null);
     const relativeDateFilterId = useId();
+    const absoluteDateFilterId = useId();
     const shouldRenderEmptyValuesHandling = !!enableEmptyDateValues &&
         !isAllTimeDateFilterOption(selectedFilterOption) &&
         !isEmptyValuesDateFilterOption(selectedFilterOption) &&
@@ -46,8 +47,7 @@ export function DateFilterFormContent({ filterOptions, selectedFilterOption, onS
     }, [relativeDateFilterRef, tabGranularityRef]);
     return (_jsxs("div", { className: "gd-date-filter-form-content", children: [showStaticForm ? (_jsx(DateFilterFormNavigationWrapper, { title: filterOptions.absoluteForm?.name
                     ? filterOptions.absoluteForm.name
-                    : intl.formatMessage({ id: "filters.staticPeriod" }), onBack: onBackNavigation, backLabel: intl.formatMessage({ id: "menu.back" }), isMobile: isMobile, children: _jsxs(DateFilterFormWrapper, { isMobile: isMobile, children: [
-                        _jsx(AbsoluteDateFilterForm, { dateFormat: dateFormat, onSelectedFilterOptionChange: onSelectedFilterOptionChange, selectedFilterOption: absoluteSelectedFilterOption, isMobile: isMobile, isTimeEnabled: isTimeForAbsoluteRangeEnabled, isSecondsEnabled: isSecondsForAbsoluteRangeEnabled, weekStart: weekStart, submitForm: submitForm, withoutApply: withoutApply, customRangeHint: customRangeHint }), shouldRenderEmptyValuesHandling ? (_jsx(EmptyValuesHandlingToggle, { mode: "include", className: "gd-date-filter-empty-values-handling-toggle", checked: emptyValueHandlingToggleChecked, onChange: (checked) => {
+                    : intl.formatMessage({ id: "filters.staticPeriod" }), onBack: onBackNavigation, backLabel: intl.formatMessage({ id: "menu.back" }), isMobile: isMobile, children: _jsxs(DateFilterFormWrapper, { isMobile: isMobile, children: [_jsx(AbsoluteDateFilterForm, { dateFormat: dateFormat, onSelectedFilterOptionChange: onSelectedFilterOptionChange, selectedFilterOption: absoluteSelectedFilterOption, isMobile: isMobile, isTimeEnabled: isTimeForAbsoluteRangeEnabled, isSecondsEnabled: isSecondsForAbsoluteRangeEnabled, isGranularityEnabled: isAbsoluteDateFilterGranularityEnabled, availableGranularities: absoluteAvailableGranularities, accessibilityConfig: { id: absoluteDateFilterId }, weekStart: weekStart, submitForm: submitForm, withoutApply: withoutApply, customRangeHint: customRangeHint }), shouldRenderEmptyValuesHandling ? (_jsx(EmptyValuesHandlingToggle, { mode: "include", className: "gd-date-filter-empty-values-handling-toggle", checked: emptyValueHandlingToggleChecked, onChange: (checked) => {
                                 const emptyValueHandling = checked ? "include" : undefined;
                                 onSelectedFilterOptionChange({
                                     ...absoluteSelectedFilterOption,
@@ -55,8 +55,7 @@ export function DateFilterFormContent({ filterOptions, selectedFilterOption, onS
                                 });
                             } })) : null] }) })) : null, showRelativeForm ? (_jsx(DateFilterFormNavigationWrapper, { title: filterOptions.relativeForm?.name
                     ? filterOptions.relativeForm.name
-                    : intl.formatMessage({ id: "filters.floatingRange" }), onBack: onBackNavigation, backLabel: intl.formatMessage({ id: "menu.back" }), isMobile: isMobile, children: _jsx("div", { ref: relativeDateFilterRef, onKeyDown: (e) => handleRelativeDateFilterKeydown(e, onClose), children: _jsxs(DateFilterFormWrapper, { isMobile: isMobile, children: [
-                            _jsx(RelativeDateFilterForm, { onSelectedFilterOptionChange: onSelectedFilterOptionChange, selectedFilterOption: relativeSelectedFilterOption, availableGranularities: availableGranularities, isMobile: isMobile, ref: tabGranularityRef, relativeDateFilterId: relativeDateFilterId, onKeyDown: (event) => submitRelativeDateFilterForm(event, isEmpty(errors), withoutApply ?? false, onClose, submitForm) }), shouldRenderEmptyValuesHandling ? (_jsx(EmptyValuesHandlingToggle, { mode: "include", className: "gd-date-filter-empty-values-handling-toggle", checked: emptyValueHandlingToggleChecked, onChange: (checked) => {
+                    : intl.formatMessage({ id: "filters.floatingRange" }), onBack: onBackNavigation, backLabel: intl.formatMessage({ id: "menu.back" }), isMobile: isMobile, children: _jsx("div", { ref: relativeDateFilterRef, onKeyDown: (e) => handleRelativeDateFilterKeydown(e, onClose), children: _jsxs(DateFilterFormWrapper, { isMobile: isMobile, children: [_jsx(RelativeDateFilterForm, { onSelectedFilterOptionChange: onSelectedFilterOptionChange, selectedFilterOption: relativeSelectedFilterOption, availableGranularities: availableGranularities, isMobile: isMobile, ref: tabGranularityRef, relativeDateFilterId: relativeDateFilterId, onKeyDown: (event) => submitRelativeDateFilterForm(event, isEmpty(errors), withoutApply ?? false, onClose, submitForm) }), shouldRenderEmptyValuesHandling ? (_jsx(EmptyValuesHandlingToggle, { mode: "include", className: "gd-date-filter-empty-values-handling-toggle", checked: emptyValueHandlingToggleChecked, onChange: (checked) => {
                                     const emptyValueHandling = checked ? "include" : undefined;
                                     onSelectedFilterOptionChange({
                                         ...relativeSelectedFilterOption,

package/esm/DateFilter/DateFilterBody/DateFilterFormNavigationWrapper.js

@@ -9,6 +9,5 @@ import { DateFilterHeader } from "./DateFilterHeader.js";
  */
 export function DateFilterFormNavigationWrapper({ title, onBack, children, className, backLabel, isMobile, }) {
     const intl = useIntl();
-    return (_jsxs("div", { className: cx("gd-date-filter-form-navigation", className), children: [isMobile ? (_jsx(DateFilterHeader, { onBack: onBack, title: title, ariaLabel: backLabel })) : (_jsx(UiSubmenuHeader, { title: title, onBack: () => onBack(), backAriaLabel: backLabel ?? intl.formatMessage({ id: "menu.back" }), useShortenedTitle: false })), _jsx(UiFocusManager, { enableAutofocus: true, children: _jsx("div", { className: "gd-date-filter-form-navigation-content", children: children }) })
-        ] }));
+    return (_jsxs("div", { className: cx("gd-date-filter-form-navigation", className), children: [isMobile ? (_jsx(DateFilterHeader, { onBack: onBack, title: title, ariaLabel: backLabel })) : (_jsx(UiSubmenuHeader, { title: title, onBack: () => onBack(), backAriaLabel: backLabel ?? intl.formatMessage({ id: "menu.back" }), useShortenedTitle: false })), _jsx(UiFocusManager, { enableAutofocus: true, children: _jsx("div", { className: "gd-date-filter-form-navigation-content", children: children }) })] }));
 }

package/esm/DateFilter/DateFilterBody/DateFilterHeader.js

@@ -6,7 +6,5 @@ export function DateFilterHeader({ onBack, title, ariaLabel, ...otherProps }) {
     return (_jsxs("button", { tabIndex: 0, className: "gd-extended-date-filter-header s-do-not-close-dropdown-on-click", onClick: (e) => {
             e.preventDefault();
             onBack();
-        }, "aria-label": ariaLabel, ...otherProps, ...autofocusConnectors, children: [
-            _jsx("span", { className: "gd-icon-navigateleft" }),
-            "\u2003", title] }));
+        }, "aria-label": ariaLabel, ...otherProps, ...autofocusConnectors, children: [_jsx("span", { className: "gd-icon-navigateleft" }), "\u2003", title] }));
 }

package/esm/DateFilter/DateFilterBody/EditModeMessage.js

@@ -2,9 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // (C) 2019-2025 GoodData Corporation
 import { FormattedMessage } from "react-intl";
 export function EditModeMessage() {
-    return (_jsxs("div", { className: "s-extended-date-filter-edit-mode-message gd-extended-date-filter-edit-mode-message", children: [
-            _jsx("div", { className: "gd-extended-date-filter-edit-mode-message-text", children: _jsx(FormattedMessage, { id: "dateFilterDropdown.setDefault", values: {
+    return (_jsxs("div", { className: "s-extended-date-filter-edit-mode-message gd-extended-date-filter-edit-mode-message", children: [_jsx("div", { className: "gd-extended-date-filter-edit-mode-message-text", children: _jsx(FormattedMessage, { id: "dateFilterDropdown.setDefault", values: {
                         nbsp: _jsx(_Fragment, { children: "\u00A0" }),
-                    } }) }), _jsx("hr", { className: "gd-separator-generic" })
-        ] }));
+                    } }) }), _jsx("hr", { className: "gd-separator-generic" })] }));
 }

package/esm/DateFilter/DateFilterBody/RelativePresetFilterItems.js

@@ -16,8 +16,7 @@ const granularityOrder = getDateFilterGranularities({
 function PresetItemsGroup({ granularity, items, dateFormat, selectedFilterOption, className, onSelectedFilterOptionChange, }) {
     const groupClassNames = cx("gd-list-items-group");
     const titleId = useIdPrefixed("group-title");
-    return (_jsxs("ul", { role: "group", className: groupClassNames, "aria-labelledby": titleId, children: [
-            _jsx(ListHeading, { className: className, id: titleId, children: _jsx(RelativePresetTitleTranslated, { granularity: granularity }) }), items.map((item) => (_jsx(ListItem, { isSelected: item.localIdentifier === selectedFilterOption.localIdentifier, onClick: () => onSelectedFilterOptionChange(item), className: cx(`s-relative-preset-${kebabCase(item.localIdentifier)}`, className), children: _jsx(DateFilterTextLocalized, { filter: item, dateFormat: dateFormat }) }, item.localIdentifier)))] }));
+    return (_jsxs("ul", { role: "group", className: groupClassNames, "aria-labelledby": titleId, children: [_jsx(ListHeading, { className: className, id: titleId, children: _jsx(RelativePresetTitleTranslated, { granularity: granularity }) }), items.map((item) => (_jsx(ListItem, { isSelected: item.localIdentifier === selectedFilterOption.localIdentifier, onClick: () => onSelectedFilterOptionChange(item), className: cx(`s-relative-preset-${kebabCase(item.localIdentifier)}`, className), children: _jsx(DateFilterTextLocalized, { filter: item, dateFormat: dateFormat }) }, item.localIdentifier)))] }));
 }
 /**
  * @internal

package/esm/DateFilter/DateFilterButton/DateFilterButton.js

@@ -12,9 +12,5 @@ export function DateFilterButton({ isOpen, isMobile, title, children, disabled,
             e.stopPropagation();
         }
     }, [disabled]);
-    return (_jsxs("div", { ref: buttonRef, className: cx("s-date-filter-button", "gd-date-filter-button", `s-date-filter-button-${simplifyText(customFilterName ?? "")}`, "dropdown-button", isMobile && "gd-date-filter-button-mobile", isOpen && "is-active", disabled && "disabled"), role: "button", "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-controls": isOpen ? dropdownId : undefined, tabIndex: 0, onKeyDown: handleKeyDown, children: [
-            _jsxs("div", { className: "button-content", children: [
-                    _jsx("div", { className: "s-date-filter-title button-title", children: title }), _jsx("div", { className: "button-subtitle", children: children })
-                ] }), _jsx(FilterButtonCustomIcon, { customIcon: customIcon, disabled: disabled })
-        ] }));
+    return (_jsxs("div", { ref: buttonRef, className: cx("s-date-filter-button", "gd-date-filter-button", `s-date-filter-button-${simplifyText(customFilterName ?? "")}`, "dropdown-button", isMobile && "gd-date-filter-button-mobile", isOpen && "is-active", disabled && "disabled"), role: "button", "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-controls": isOpen ? dropdownId : undefined, tabIndex: 0, onKeyDown: handleKeyDown, children: [_jsxs("div", { className: "button-content", children: [_jsx("div", { className: "s-date-filter-title button-title", children: title }), _jsx("div", { className: "button-subtitle", children: children })] }), _jsx(FilterButtonCustomIcon, { customIcon: customIcon, disabled: disabled })] }));
 }

package/esm/DateFilter/DateFilterCore.d.ts

@@ -24,6 +24,7 @@ export interface IDateFilterCoreProps {
     onExcludeCurrentPeriodChange: (isExcluded: boolean) => void;
     isTimeForAbsoluteRangeEnabled: boolean;
     isSecondsForAbsoluteRangeEnabled?: boolean;
+    isAbsoluteDateFilterGranularityEnabled: boolean;
     availableGranularities: DateFilterGranularity[];
     isEditMode: boolean;
     locale?: string;