@synerise/ds-date-range-picker 1.6.10 → 1.6.12

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.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
+
 ## [1.6.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.9...@synerise/ds-date-range-picker@1.6.10) (2026-03-09)
 
 ### Bug Fixes

package/README.md

@@ -11,6 +11,8 @@ DateRangePicker UI Component
 npm i @synerise/ds-date-range-picker
 or
 yarn add @synerise/ds-date-range-picker
+or
+pnpm add @synerise/ds-date-range-picker
 ```
 
 ## Usage
@@ -47,9 +49,9 @@ const value = {
 | disabledDefaultTexts      | Disables the default texts translations provided by `react-intl`                 | boolean                    | `false`                                                       |
 | forceAbsolute             | Force the outcome to be converted to an absolute date                            | boolean                    | `false`                                                       |
 | format                    | Format of the value displayed in the footer                                      | string                     | "MMM D, YYYY"                                                 |
-| onApply                   | Callback executed after applying changes                                         | (date:Date)=>void          | -                                                             |
-| ranges                    | An array containing custom ranges which may be used as a short-hand              | DateRange[]                | []                                                            |
-| popoverProps              | Object representing props applied to the Antd Popover component                  | AntdPopoverProps           | {}                                                            |
+| onApply                   | Callback executed after applying changes                                         | (value: Partial<DateFilter> \| undefined) => void | -                                              |
+| ranges                    | An array containing custom ranges which may be used as a short-hand              | DateRangePreset[]          | []                                                            |
+| popoverProps              | Object representing props applied to the ds-popover component                    | Partial<PopoverProps>      | {}                                                            |
 | rangeUnits                | Units available in relative range picker                                         | RelativeUnits[]            | ['SECONDS','MINUTES','HOURS','DAYS','WEEKS','MONTHS','YEARS'] |
 | readOnly                  | Makes picker readonly                                                            | boolean                    | `false`                                                       |
 | disabled                  | Makes picker disabled                                                            | boolean                    | `false`                                                       |
@@ -59,10 +61,13 @@ const value = {
 | showNowButton             | Include "now" button to select current time (last minue)                         | boolean                    | `true`                                                        |
 | showFilter                | Enable range filtering                                                           | boolean                    | `false`                                                       |
 | showCustomRange           | Enable custom range form in relative range picker                                | boolean                    | `true`                                                        |
-| validate                  | Function to specify if particular date ranges are correct                        | (date:Date)=>boolean       | -                                                             |
+| validate                  | Function to specify if particular date ranges are correct                        | (value: DateRange) => { valid: boolean; message?: string } | -                                  |
 | value                     | Value of the picker                                                              | DateRange                  |                                                               |
 | defaultValue              | Default value of the picker (when value is undefined and when user clears input) | DateRange                  |                                                               |
-| startAlwaysOnTheLeft      | Enable not to move month from left side to right side                            | boolean                    | `false`                                                       |
+| showRelativePicker        | Show collapsible relative range picker addon                                     | boolean                    | `false`                                                       |
+| relativeModes             | Explicitly set available relative modes                                          | RelativeMode[]             | -                                                             |
+| valueFormatOptions        | Format options for the displayed value                                           | DateToFormatOptions        | -                                                             |
+| onValueChange             | Callback executed on every value change (before Apply)                           | (value: Partial<DateFilter> \| undefined) => void | -                                              |
 | onVisibleChange           | Callback executed when popover with dateRangePicker changes its visibility       | (visible: boolean) => void | -                                                             |
 | filterValueSelectionModes | Allowed modes to display in filter                                               | DateLimitMode[]            | ["Range", "Hour"]                                             |
 | getPopupContainer         | Function used to set the container of the date range picker.                     | Function(triggerNode)      | `() => document.body`                                         |
@@ -149,7 +154,7 @@ const value = {
 | selectDateFilter      | ReactNode | -------- |
 | datesFilter           | ReactNode | -------- |
 | cancel                | ReactNode | -------- |
-| everyDay              | ReactNode | -------- |
+| everyDay              | string    | -------- |
 | nthDayOfMonth         | ReactNode | -------- |
 | daysOf                | ReactNode | -------- |
 | countedFrom           | ReactNode | -------- |
@@ -171,6 +176,7 @@ const value = {
 | beginning             | ReactNode | -------- |
 | ending                | ReactNode | -------- |
 | maximumRanges         | ReactNode | -------- |
+| clickToSelect         | ReactNode | -------- |
 
 ### Undocumented props
 

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;