@synerise/ds-date-range-picker 1.6.11 → 1.6.13

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.12...@synerise/ds-date-range-picker@1.6.13) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+## [1.6.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.11...@synerise/ds-date-range-picker@1.6.12) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
 ## [1.6.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.10...@synerise/ds-date-range-picker@1.6.11) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/AddonCollapse/AddonCollapse.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './AddonCollapse.types';
+import { default as React } from 'react';
+import { Props } from './AddonCollapse.types';
 declare const AddonCollapse: React.FC<Props>;
 export default AddonCollapse;

package/dist/AddonCollapse/AddonCollapse.js

@@ -1,22 +1,25 @@
-import React from 'react';
-import Button from '@synerise/ds-button';
-import * as S from './AddonCollapse.styles';
-var AddonCollapse = function AddonCollapse(_ref) {
-  var title = _ref.title,
-    content = _ref.content,
-    expanded = _ref.expanded,
-    onCollapseChange = _ref.onCollapseChange,
-    collapsedSummary = _ref.collapsedSummary;
-  var handleClick = function handleClick() {
+import { jsxs, jsx } from "react/jsx-runtime";
+import Button from "@synerise/ds-button";
+import { AddonWrapper, AddonHeader, Title, Suffix, Content } from "./AddonCollapse.styles.js";
+const AddonCollapse = ({
+  title,
+  content,
+  expanded,
+  onCollapseChange,
+  collapsedSummary
+}) => {
+  const handleClick = () => {
     onCollapseChange && onCollapseChange(!expanded);
   };
-  return /*#__PURE__*/React.createElement(S.AddonWrapper, {
-    expanded: expanded
-  }, /*#__PURE__*/React.createElement(S.AddonHeader, {
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement(S.Title, null, title), !expanded && /*#__PURE__*/React.createElement(S.Suffix, null, collapsedSummary), /*#__PURE__*/React.createElement(Button.Expander, {
-    onClick: handleClick,
-    expanded: expanded
-  })), expanded && /*#__PURE__*/React.createElement(S.Content, null, content));
+  return /* @__PURE__ */ jsxs(AddonWrapper, { expanded, children: [
+    /* @__PURE__ */ jsxs(AddonHeader, { onClick: handleClick, children: [
+      /* @__PURE__ */ jsx(Title, { children: title }),
+      !expanded && /* @__PURE__ */ jsx(Suffix, { children: collapsedSummary }),
+      /* @__PURE__ */ jsx(Button.Expander, { onClick: handleClick, expanded })
+    ] }),
+    expanded && /* @__PURE__ */ jsx(Content, { children: content })
+  ] });
+};
+export {
+  AddonCollapse as default
 };
-export default AddonCollapse;

package/dist/AddonCollapse/AddonCollapse.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const AddonWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const AddonWrapper: import('styled-components').StyledComponent<"div", any, {
     expanded?: boolean;
 }, never>;
-export declare const Title: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export declare const AddonHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Suffix: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<"h3", any, {}, never>;
+export declare const AddonHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Content: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Suffix: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/AddonCollapse/AddonCollapse.styles.js

@@ -1,25 +1,28 @@
-import styled from 'styled-components';
-export var AddonWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const AddonWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AddonCollapsestyles__AddonWrapper",
   componentId: "sc-7edaw-0"
-})(["padding:16px 24px 0;", ""], function (props) {
-  return !props.expanded && "padding-bottom: 8px;";
-});
-export var Title = styled.h3.withConfig({
+})(["padding:16px 24px 0;", ""], (props) => !props.expanded && `padding-bottom: 8px;`);
+const Title = /* @__PURE__ */ styled.h3.withConfig({
   displayName: "AddonCollapsestyles__Title",
   componentId: "sc-7edaw-1"
-})(["font-size:16px;line-height:1.39;color:", ";"], function (props) {
-  return props.theme.palette['grey-800'];
-});
-export var AddonHeader = styled.div.withConfig({
+})(["font-size:16px;line-height:1.39;color:", ";"], (props) => props.theme.palette["grey-800"]);
+const AddonHeader = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AddonCollapsestyles__AddonHeader",
   componentId: "sc-7edaw-2"
 })(["display:flex;justify-content:space-between;flex-wrap:no-wrap;"]);
-export var Content = styled.div.withConfig({
+const Content = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AddonCollapsestyles__Content",
   componentId: "sc-7edaw-3"
 })([""]);
-export var Suffix = styled.div.withConfig({
+const Suffix = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AddonCollapsestyles__Suffix",
   componentId: "sc-7edaw-4"
-})(["display:flex;flex:1;justify-content:flex-end;&&{font-size:13px;line-height:22px;margin-right:16px;font-weight:normal;}"]);
+})(["display:flex;flex:1;justify-content:flex-end;&&{font-size:13px;line-height:22px;margin-right:16px;font-weight:normal;}"]);
+export {
+  AddonHeader,
+  AddonWrapper,
+  Content,
+  Suffix,
+  Title
+};

package/dist/AddonCollapse/AddonCollapse.types.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type Props = {
     content: React.ReactNode;
     title: React.ReactText | React.ReactNode;

package/dist/AddonCollapse/AddonCollapse.types.js

@@ -1 +1 @@
-export {};
+

package/dist/DateRangePicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type DateRangePickerProps } from './DateRangePicker.types';
+import { default as React } from 'react';
+import { DateRangePickerProps } from './DateRangePicker.types';
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
 export default DateRangePicker;

package/dist/DateRangePicker.js

@@ -1,130 +1,82 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import isEqual from 'lodash.isequal';
-import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
-import { useIntl } from 'react-intl';
-import { Popover, PopoverContent, getPlacement } from '@synerise/ds-popover';
-import * as S from './DateRangePicker.styles';
-import RangePickerInput from './RangePickerInput/RangePickerInput';
-import { RawDateRangePicker } from './RawDateRangePicker';
-import { POPOVER_FLIP_CONFIG, POPOVER_OFFSET_CONFIG, POPOVER_SHIFT_CONFIG } from './constants';
-import { getDefaultTexts } from './utils';
-var DateRangePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
-  var value = props.value,
-    defaultValue = props.defaultValue,
-    onApply = props.onApply,
-    showTime = props.showTime,
-    texts = props.texts,
-    popoverTrigger = props.popoverTrigger,
-    forceAdjacentMonths = props.forceAdjacentMonths,
-    disableDefaultTexts = props.disableDefaultTexts,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'top' : _props$placement,
-    valueFormatOptions = props.valueFormatOptions,
-    onVisibleChange = props.onVisibleChange,
-    _props$popoverProps = props.popoverProps,
-    popoverProps = _props$popoverProps === void 0 ? {} : _props$popoverProps,
-    _props$rangePickerInp = props.rangePickerInputProps,
-    rangePickerInputProps = _props$rangePickerInp === void 0 ? {} : _props$rangePickerInp,
-    _props$renderPopoverT = props.renderPopoverTrigger,
-    renderPopoverTrigger = _props$renderPopoverT === void 0 ? function () {
-      return undefined;
-    } : _props$renderPopoverT,
-    _props$readOnly = props.readOnly,
-    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-    disabled = props.disabled,
-    getPopupContainer = props.getPopupContainer;
-  var intl = useIntl();
-  var selectedRange = value || defaultValue;
-  var _useState = useState(false),
-    popupVisible = _useState[0],
-    setPopupVisible = _useState[1];
-  var _useState2 = useState(selectedRange),
-    selectedDate = _useState2[0],
-    setSelectedDate = _useState2[1];
-  var _useState3 = useState(false),
-    inputActive = _useState3[0],
-    setInputActive = _useState3[1];
-  var floatingPlacement = getPlacement(placement);
-  var allTexts = useMemo(function () {
-    return getDefaultTexts(intl, disableDefaultTexts, texts);
-  }, [texts, disableDefaultTexts, intl]);
-  useEffect(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import isEqual from "lodash.isequal";
+import { forwardRef, useState, useMemo, useEffect, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { getPlacement, Popover, PopoverContent } from "@synerise/ds-popover";
+import { PickerWrapper, DateRangePickerOverlay, PickerTrigger } from "./DateRangePicker.styles.js";
+import RangePickerInput from "./RangePickerInput/RangePickerInput.js";
+import { RawDateRangePicker } from "./RawDateRangePicker.js";
+import { POPOVER_SHIFT_CONFIG, POPOVER_FLIP_CONFIG, POPOVER_OFFSET_CONFIG } from "./constants.js";
+import { getDefaultTexts } from "./utils.js";
+const DateRangePicker = forwardRef((props, forwardedRef) => {
+  const {
+    value,
+    defaultValue,
+    onApply,
+    showTime,
+    texts,
+    popoverTrigger,
+    forceAdjacentMonths,
+    disableDefaultTexts,
+    placement = "top",
+    valueFormatOptions,
+    onVisibleChange,
+    popoverProps = {},
+    rangePickerInputProps = {},
+    renderPopoverTrigger = () => void 0,
+    readOnly = false,
+    disabled,
+    getPopupContainer
+  } = props;
+  const intl = useIntl();
+  const selectedRange = value || defaultValue;
+  const [popupVisible, setPopupVisible] = useState(false);
+  const [selectedDate, setSelectedDate] = useState(selectedRange);
+  const [inputActive, setInputActive] = useState(false);
+  const floatingPlacement = getPlacement(placement);
+  const allTexts = useMemo(() => getDefaultTexts(intl, disableDefaultTexts, texts), [texts, disableDefaultTexts, intl]);
+  useEffect(() => {
     if (!isEqual(selectedRange, selectedDate)) {
       setSelectedDate(selectedRange);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedRange]);
-  var onApplyCallback = useCallback(function (range) {
-    var finalDateRange = range === undefined && defaultValue !== undefined ? defaultValue : range;
+  const onApplyCallback = useCallback((range) => {
+    const finalDateRange = range === void 0 && defaultValue !== void 0 ? defaultValue : range;
     onApply && onApply(finalDateRange);
     setSelectedDate(finalDateRange);
     setPopupVisible(false);
     setInputActive(false);
   }, [defaultValue, onApply]);
-  var conditionalVisibilityProps = _extends({}, popupVisible !== undefined && {
-    open: popupVisible
-  });
-  var togglePopup = useCallback(function () {
+  const conditionalVisibilityProps = {
+    ...popupVisible !== void 0 && {
+      open: popupVisible
+    }
+  };
+  const togglePopup = useCallback(() => {
     setPopupVisible(!popupVisible);
     onVisibleChange && onVisibleChange(!popupVisible);
   }, [popupVisible, onVisibleChange]);
-  var triggerElement = popoverTrigger || renderPopoverTrigger({
-    setPopupVisible: setPopupVisible
-  }) || /*#__PURE__*/React.createElement(RangePickerInput, _extends({
-    onClick: readOnly ? undefined : togglePopup,
-    value: selectedDate,
-    showTime: showTime,
-    texts: allTexts,
-    valueFormatOptions: valueFormatOptions,
-    onChange: onApplyCallback,
-    active: inputActive
-  }, rangePickerInputProps, {
-    readOnly: readOnly,
-    disabled: disabled
-  }));
-  var hasCustomTrigger = Boolean(popoverTrigger || renderPopoverTrigger);
-  var handleTriggerClick = hasCustomTrigger ? function () {
+  const triggerElement = popoverTrigger || renderPopoverTrigger({
+    setPopupVisible
+  }) || /* @__PURE__ */ jsx(RangePickerInput, { onClick: readOnly ? void 0 : togglePopup, value: selectedDate, showTime, texts: allTexts, valueFormatOptions, onChange: onApplyCallback, active: inputActive, ...rangePickerInputProps, readOnly, disabled });
+  const hasCustomTrigger = Boolean(popoverTrigger || renderPopoverTrigger);
+  const handleTriggerClick = hasCustomTrigger ? () => {
     if (hasCustomTrigger) {
       togglePopup();
     }
-  } : undefined;
+  } : void 0;
   if (readOnly || disabled) {
-    return /*#__PURE__*/React.createElement(S.PickerWrapper, {
-      ref: forwardedRef
-    }, triggerElement);
+    return /* @__PURE__ */ jsx(PickerWrapper, { ref: forwardedRef, children: triggerElement });
   }
-  return /*#__PURE__*/React.createElement(Popover, _extends({
-    getPopupContainer: getPopupContainer || function () {
-      return document.body;
-    },
-    trigger: "click",
-    onOpenChange: function onOpenChange(openState) {
-      setPopupVisible(openState);
-      setInputActive(openState);
-      onVisibleChange && onVisibleChange(openState);
-    },
-    placement: floatingPlacement,
-    testId: "date-range-picker",
-    componentId: "date-range-picker",
-    returnFocus: false,
-    offsetConfig: POPOVER_OFFSET_CONFIG,
-    flipConfig: POPOVER_FLIP_CONFIG,
-    shiftConfig: POPOVER_SHIFT_CONFIG,
-    autoUpdate: true
-  }, conditionalVisibilityProps, popoverProps), /*#__PURE__*/React.createElement(PopoverContent, null, /*#__PURE__*/React.createElement(S.DateRangePickerOverlay, {
-    className: "ds-date-range-popover",
-    "data-testid": "ds-date-range-picker-overlay"
-  }, /*#__PURE__*/React.createElement(RawDateRangePicker, _extends({}, props, {
-    showTime: showTime,
-    onApply: onApplyCallback,
-    value: selectedDate,
-    texts: allTexts,
-    forceAdjacentMonths: forceAdjacentMonths
-  })))), /*#__PURE__*/React.createElement(S.PickerTrigger, {
-    asChild: false
-  }, /*#__PURE__*/React.createElement(S.PickerWrapper, {
-    ref: forwardedRef,
-    onClick: handleTriggerClick
-  }, triggerElement)));
+  return /* @__PURE__ */ jsxs(Popover, { getPopupContainer: getPopupContainer || (() => document.body), trigger: "click", onOpenChange: (openState) => {
+    setPopupVisible(openState);
+    setInputActive(openState);
+    onVisibleChange && onVisibleChange(openState);
+  }, placement: floatingPlacement, testId: "date-range-picker", componentId: "date-range-picker", returnFocus: false, offsetConfig: POPOVER_OFFSET_CONFIG, flipConfig: POPOVER_FLIP_CONFIG, shiftConfig: POPOVER_SHIFT_CONFIG, autoUpdate: true, ...conditionalVisibilityProps, ...popoverProps, children: [
+    /* @__PURE__ */ jsx(PopoverContent, { children: /* @__PURE__ */ jsx(DateRangePickerOverlay, { className: "ds-date-range-popover", "data-testid": "ds-date-range-picker-overlay", children: /* @__PURE__ */ jsx(RawDateRangePicker, { ...props, showTime, onApply: onApplyCallback, value: selectedDate, texts: allTexts, forceAdjacentMonths }) }) }),
+    /* @__PURE__ */ jsx(PickerTrigger, { asChild: false, children: /* @__PURE__ */ jsx(PickerWrapper, { ref: forwardedRef, onClick: handleTriggerClick, children: triggerElement }) })
+  ] });
 });
-export default DateRangePicker;
+export {
+  DateRangePicker as default
+};

package/dist/DateRangePicker.styles.d.ts

@@ -1,12 +1,12 @@
-export declare const DateRangePickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DateRangePickerOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Addon: import("styled-components").StyledComponent<"div", any, {
+export declare const DateRangePickerWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DateRangePickerOverlay: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Separator: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Addon: import('styled-components').StyledComponent<"div", any, {
     last?: boolean;
 }, never>;
-export declare const PickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PickerTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLProps<HTMLElement> & import("@synerise/ds-popover").PopoverTriggerProps, "ref"> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const OverlayContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const PickerWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PickerTrigger: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLElement> & import('@synerise/ds-popover').PopoverTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const OverlayContainer: import('styled-components').StyledComponent<"div", any, {
     visible?: boolean;
 }, never>;

package/dist/DateRangePicker.styles.js

@@ -1,44 +1,44 @@
-import styled from 'styled-components';
-import { PopoverTrigger } from '@synerise/ds-popover';
-export var DateRangePickerWrapper = styled.div.withConfig({
+import styled from "styled-components";
+import { PopoverTrigger } from "@synerise/ds-popover";
+const DateRangePickerWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__DateRangePickerWrapper",
   componentId: "sc-zmtbjf-0"
 })([""]);
-export var DateRangePickerOverlay = styled.div.withConfig({
+const DateRangePickerOverlay = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__DateRangePickerOverlay",
   componentId: "sc-zmtbjf-1"
-})(["background:", ";box-shadow:", ";border-radius:3px;overflow:hidden;max-width:700px;font-weight:unset;"], function (props) {
-  return props.theme.palette['white'];
-}, function (props) {
-  return props.theme.variables['box-shadow-2'];
-});
-export var Container = styled.div.withConfig({
+})(["background:", ";box-shadow:", ";border-radius:3px;overflow:hidden;max-width:700px;font-weight:unset;"], (props) => props.theme.palette["white"], (props) => props.theme.variables["box-shadow-2"]);
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__Container",
   componentId: "sc-zmtbjf-2"
 })(["width:636px;pointer-events:all;user-select:none;"]);
-export var Separator = styled.div.withConfig({
+const Separator = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__Separator",
   componentId: "sc-zmtbjf-3"
-})(["margin:0;border-top:1px solid ", ";"], function (props) {
-  return props.theme.palette['grey-200'];
-});
-export var Addon = styled.div.withConfig({
+})(["margin:0;border-top:1px solid ", ";"], (props) => props.theme.palette["grey-200"]);
+const Addon = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__Addon",
   componentId: "sc-zmtbjf-4"
-})(["", ""], function (props) {
-  return !props.last && "border-bottom: 1px solid " + props.theme.palette['grey-200'] + ";";
-});
-export var PickerWrapper = styled.div.withConfig({
+})(["", ""], (props) => !props.last && `border-bottom: 1px solid ${props.theme.palette["grey-200"]};`);
+const PickerWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__PickerWrapper",
   componentId: "sc-zmtbjf-5"
 })([""]);
-export var PickerTrigger = styled(PopoverTrigger).withConfig({
+const PickerTrigger = /* @__PURE__ */ styled(PopoverTrigger).withConfig({
   displayName: "DateRangePickerstyles__PickerTrigger",
   componentId: "sc-zmtbjf-6"
 })(["&&{display:block;}"]);
-export var OverlayContainer = styled.div.withConfig({
+const OverlayContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DateRangePickerstyles__OverlayContainer",
   componentId: "sc-zmtbjf-7"
-})(["display:", ";"], function (props) {
-  return props.visible ? 'flex' : 'none';
-});
+})(["display:", ";"], (props) => props.visible ? "flex" : "none");
+export {
+  Addon,
+  Container,
+  DateRangePickerOverlay,
+  DateRangePickerWrapper,
+  OverlayContainer,
+  PickerTrigger,
+  PickerWrapper,
+  Separator
+};

package/dist/DateRangePicker.types.d.ts

@@ -1,14 +1,14 @@
-import { type ReactNode } from 'react';
-import { type IntlShape } from 'react-intl';
-import { type DateToFormatOptions } from '@synerise/ds-core';
-import { type LegacyPlacement, type PopoverProps } from '@synerise/ds-popover';
-import { type Props as FooterProps } from './Footer/Footer.types';
-import { type FilterDefinition } from './RangeFilter/RangeFilter.types';
-import { type SavedFilter } from './RangeFilter/Shared/FilterDropdown/FilterDropdown.types';
-import { type DateLimitMode, type RangeDisplayMode } from './RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
-import { type RangeFilterType } from './RangeFilter/constants';
-import { type RangePickerInputProps } from './RangePickerInput/RangePickerInput.types';
-import { type DateFilter, type DateRange, type DateRangePreset, type RelativeUnits } from './date.types';
+import { ReactNode } from 'react';
+import { IntlShape } from 'react-intl';
+import { DateToFormatOptions } from '@synerise/ds-core';
+import { LegacyPlacement, PopoverProps } from '@synerise/ds-popover';
+import { Props as FooterProps } from './Footer/Footer.types';
+import { FilterDefinition } from './RangeFilter/RangeFilter.types';
+import { SavedFilter } from './RangeFilter/Shared/FilterDropdown/FilterDropdown.types';
+import { DateLimitMode, RangeDisplayMode } from './RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
+import { RangeFilterType } from './RangeFilter/constants';
+import { RangePickerInputProps } from './RangePickerInput/RangePickerInput.types';
+import { DateFilter, DateRange, DateRangePreset, RelativeUnits } from './date.types';
 export type DateRangePickerProps = {
     /**
      * @deprecated use `valueFormatOptions` instead

package/dist/DateRangePicker.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type Props } from './Footer.types';
+import { default as React } from 'react';
+import { Props } from './Footer.types';
 declare const Footer: ({ canApply, onApply, canSwitchMode, onSwitchMode, mode, dateOnly, message, texts, value, format, valueFormatOptions, showTime, displayDateContainerClass, ...rest }: Props) => React.JSX.Element;
 export default Footer;

package/dist/Footer/Footer.js

@@ -1,70 +1,68 @@
-var _excluded = ["canApply", "onApply", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "valueFormatOptions", "showTime", "displayDateContainerClass"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useMemo } from 'react';
-import { useIntl } from 'react-intl';
-import Button from '@synerise/ds-button';
-import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-core';
-import Icon, { ArrowRightS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
-import * as CONST from '../constants';
-import fnsFormat from '../dateUtils/format';
-import getDateFromString from '../dateUtils/getDateFromString';
-import { toIsoStringWithoutZone } from '../utils';
-import * as S from './Footer.styles';
-var Footer = function Footer(_ref) {
-  var canApply = _ref.canApply,
-    onApply = _ref.onApply,
-    canSwitchMode = _ref.canSwitchMode,
-    onSwitchMode = _ref.onSwitchMode,
-    mode = _ref.mode,
-    dateOnly = _ref.dateOnly,
-    message = _ref.message,
-    texts = _ref.texts,
-    value = _ref.value,
-    format = _ref.format,
-    valueFormatOptions = _ref.valueFormatOptions,
-    showTime = _ref.showTime,
-    _ref$displayDateConta = _ref.displayDateContainerClass,
-    displayDateContainerClass = _ref$displayDateConta === void 0 ? 'ds-date-range-picker-value' : _ref$displayDateConta,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue;
-  var _useIntl = useIntl(),
-    locale = _useIntl.locale;
-  var footerFormat = format || (showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
-  var footerDateToString = useCallback(function (date) {
-    if (format || typeof date === 'string') {
-      return fnsFormat(getDateFromString(date), footerFormat, locale);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useIntl } from "react-intl";
+import Button from "@synerise/ds-button";
+import { useDataFormat, getDefaultDataTimeOptions } from "@synerise/ds-core";
+import Icon, { ArrowRightS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { isLifetime } from "../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js";
+import { ALL_TIME } from "../constants.js";
+import format from "../dateUtils/format.js";
+import getDateFromString from "../dateUtils/getDateFromString.js";
+import { toIsoStringWithoutZone } from "../utils.js";
+import { ChosenRange, InvisibleTextContent, Container, ActionsPlaceholder, Actions } from "./Footer.styles.js";
+const Footer = ({
+  canApply,
+  onApply,
+  canSwitchMode,
+  onSwitchMode,
+  mode,
+  dateOnly,
+  message,
+  texts,
+  value,
+  format: format$1,
+  valueFormatOptions,
+  showTime,
+  displayDateContainerClass = "ds-date-range-picker-value",
+  ...rest
+}) => {
+  const {
+    formatValue
+  } = useDataFormat();
+  const {
+    locale
+  } = useIntl();
+  const footerFormat = format$1 || (showTime ? "MMM D, YYYY, HH:mm" : "MMM D, YYYY");
+  const footerDateToString = useCallback((date) => {
+    if (format$1 || typeof date === "string") {
+      return format(getDateFromString(date), footerFormat, locale);
     }
-    var parseDate = new Date(toIsoStringWithoutZone(date));
-    return formatValue(parseDate, _extends({}, getDefaultDataTimeOptions(showTime), valueFormatOptions));
-  }, [footerFormat, format, formatValue, locale, valueFormatOptions, showTime]);
-  var ChosenRange = useMemo(function () {
-    if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {
-      var _texts;
-      return /*#__PURE__*/React.createElement(S.ChosenRange, {
-        className: "ds-date-range-picker-value"
-      }, value != null && value.translationKey ? (_texts = texts[value.translationKey]) != null ? _texts : value.translationKey : (value == null ? void 0 : value.key) || 'LIFETIME');
+    const parseDate = new Date(toIsoStringWithoutZone(date));
+    return formatValue(parseDate, {
+      ...getDefaultDataTimeOptions(showTime),
+      ...valueFormatOptions
+    });
+  }, [footerFormat, format$1, formatValue, locale, valueFormatOptions, showTime]);
+  const ChosenRange$1 = useMemo(() => {
+    if (value?.key === ALL_TIME || value && isLifetime(value)) {
+      return /* @__PURE__ */ jsx(ChosenRange, { className: "ds-date-range-picker-value", children: value?.translationKey ? texts[value.translationKey] ?? value.translationKey : value?.key || "LIFETIME" });
     }
-    return /*#__PURE__*/React.createElement(S.ChosenRange, {
-      className: displayDateContainerClass
-    }, !!value && !!value.from ? footerDateToString(value == null ? void 0 : value.from) : texts.startDatePlaceholder, /*#__PURE__*/React.createElement(S.InvisibleTextContent, null, ' – '), /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(ArrowRightS, null)
-    }), !!value && !!value.to ? footerDateToString(value == null ? void 0 : value.to) : texts.endDatePlaceholder);
+    return /* @__PURE__ */ jsxs(ChosenRange, { className: displayDateContainerClass, children: [
+      !!value && !!value.from ? footerDateToString(value?.from) : texts.startDatePlaceholder,
+      /* @__PURE__ */ jsx(InvisibleTextContent, { children: " – " }),
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrowRightS, {}) }),
+      !!value && !!value.to ? footerDateToString(value?.to) : texts.endDatePlaceholder
+    ] });
   }, [value, texts, displayDateContainerClass, footerDateToString]);
-  return /*#__PURE__*/React.createElement(S.Container, _extends({
-    className: "ds-date-range-picker-footer"
-  }, rest), ChosenRange, /*#__PURE__*/React.createElement(S.ActionsPlaceholder, null), /*#__PURE__*/React.createElement(S.Actions, null, /*#__PURE__*/React.createElement(Tooltip, {
-    title: message
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "date-range-picker-apply-button",
-    disabled: !canApply,
-    type: "primary",
-    onClick: function onClick() {
+  return /* @__PURE__ */ jsxs(Container, { className: "ds-date-range-picker-footer", ...rest, children: [
+    ChosenRange$1,
+    /* @__PURE__ */ jsx(ActionsPlaceholder, {}),
+    /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Tooltip, { title: message, children: /* @__PURE__ */ jsx(Button, { "data-testid": "date-range-picker-apply-button", disabled: !canApply, type: "primary", onClick: () => {
       onApply && onApply(value);
-    }
-  }, texts.apply))));
+    }, children: texts.apply }) }) })
+  ] });
+};
+export {
+  Footer as default
 };
-export default Footer;