@synerise/ds-date-range-picker 0.12.14 → 0.12.15

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.12.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.14...@synerise/ds-date-range-picker@0.12.15) (2022-06-15)
+
+
+### Bug Fixes
+
+* **date-range-picker:** add more options to set color arrow ([3890cd1](https://github.com/Synerise/synerise-design/commit/3890cd1dbd39b54fff07bb55ce962170affda984))
+* **date-range-picker:** add prop of arrow to set color when is footer ([19558d6](https://github.com/Synerise/synerise-design/commit/19558d678867db79aa26c71a92acf7cf8b1fc69f))
+* **date-range-picker:** fix arrow ([e56a188](https://github.com/Synerise/synerise-design/commit/e56a188357c897fcb444543f5f6212e1b270b8bc))
+* **date-range-picker:** fix color and add option to show difference ([41ba36d](https://github.com/Synerise/synerise-design/commit/41ba36dd64dc9927ea3e28bfab6e7ff0e56563fa))
+* **date-range-picker:** fix colors of arrow and test ([2aa2d73](https://github.com/Synerise/synerise-design/commit/2aa2d73c1975c1e5bc37347f02f3915be3d2f927))
+* **date-range-picker:** fix colors picking ([b5846eb](https://github.com/Synerise/synerise-design/commit/b5846eb1c7ceaaec9bd2a650a73da248a6cdf56f))
+* **date-range-picker:** fix documentation ([a0ef5e6](https://github.com/Synerise/synerise-design/commit/a0ef5e61d82af5082d36a4cabcb711a33dd55512))
+* **date-range-picker:** fix test ([fb64181](https://github.com/Synerise/synerise-design/commit/fb641811ef4af38f873f369b02c5b7b54f0d8697))
+* **date-range-picker:** fix test ([09ece1f](https://github.com/Synerise/synerise-design/commit/09ece1fc8194adf290c26026a6cda64e535fbdb5))
+* **date-range-picker:** update tests ([3024429](https://github.com/Synerise/synerise-design/commit/3024429050a48b17f1e96d25c8e1d99b37436923))
+
+
+
+
+
 ## [0.12.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.12.13...@synerise/ds-date-range-picker@0.12.14) (2022-05-13)
 
 

package/README.md

@@ -63,12 +63,14 @@ const value = {
  
 ### DateRange
 
-| Property | Description                                    | Type                                  | Default |
-| -------- | ---------------------------------------------- | ------------------------------------- | ------- |
-| from     | Start date                                     | Date / string                         | -       |
-| to       | End date                                       | Date / string                         | -       |
-| type     | String key for identifying the range type      | 'ABSOLUTE' / 'RELATIVE' / 'SINCE'     | -       |
-| duration | Duration of the relative range                 | {type: RelativeUnit, duration:number} | -       |
-| offset   | Offset of the relative range from today's date | {type: RelativeUnit, duration:number} | -       |
+| Property   | Description                                    | Type                                                                                                           | Default |
+| -----------| ---------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ------- |
+| from       | Start date                                     | Date / string                                                                                                  | -       |
+| to         | End date                                       | Date / string                                                                                                  | -       |
+| type       | String key for identifying the range type      | 'ABSOLUTE' / 'RELATIVE' / 'SINCE'                                                                              | -       |
+| duration   | Duration of the relative range                 | {type: RelativeUnit, duration:number}                                                                          | -       |
+| offset     | Offset of the relative range from today's date | {type: RelativeUnit, duration:number}                                                                          | -       |
+| arrowColor | Custom color arrow of popover when is footer   | {['bottomLeft' | 'topLeft' | 'anyOtherPlacement']: 'white' | 'grey' | anyPaletteColorToken}                    | -       |
+
 
 `RelativeUnit = 'SECONDS' | 'MINUTES' | 'HOURS' | 'DAYS' | 'WEEKS' | 'MONTHS' | 'YEARS'`

package/dist/DateRangePicker.js

@@ -8,7 +8,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import * as React from 'react';
 import { isEqual } from 'lodash';
-import { Popover } from 'antd';
 import "./style/index.css";
 import { useIntl } from 'react-intl';
 import RawDateRangePicker from './RawDateRangePicker';
@@ -25,6 +24,7 @@ var DateRangePicker = function DateRangePicker(props) {
       popoverTrigger = props.popoverTrigger,
       forceAdjacentMonths = props.forceAdjacentMonths,
       disableDefaultTexts = props.disableDefaultTexts,
+      arrowColor = props.arrowColor,
       _onVisibleChange = props.onVisibleChange,
       _props$popoverProps = props.popoverProps,
       popoverProps = _props$popoverProps === void 0 ? {} : _props$popoverProps;
@@ -71,7 +71,9 @@ var DateRangePicker = function DateRangePicker(props) {
     visible: false
   });
 
-  return /*#__PURE__*/React.createElement(S.PickerWrapper, null, /*#__PURE__*/React.createElement(Popover, _extends({
+  return /*#__PURE__*/React.createElement(S.PickerWrapper, {
+    arrowColor: arrowColor
+  }, /*#__PURE__*/React.createElement(S.PopoverWrapper, _extends({
     content: /*#__PURE__*/React.createElement(RawDateRangePicker, _extends({}, props, {
       showTime: showTime,
       onApply: onApplyCallback,

package/dist/DateRangePicker.styles.d.ts

@@ -1,9 +1,14 @@
+/// <reference types="react" />
+import { AdditionalMapper } from './DateRangePicker.types';
 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 PopoverWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/popover").PopoverProps & import("react").RefAttributes<unknown>>, any, {}, never>;
 export declare const Addon: import("styled-components").StyledComponent<"div", any, {
     last?: boolean | undefined;
 }, never>;
-export declare const PickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PickerWrapper: import("styled-components").StyledComponent<"div", any, {
+    arrowColor?: AdditionalMapper | undefined;
+}, never>;
 export declare const OverlayContainer: import("styled-components").StyledComponent<"div", any, {
     visible?: boolean | undefined;
 }, never>;

package/dist/DateRangePicker.styles.js

@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+import { Popover } from 'antd';
 export var Container = styled.div.withConfig({
   displayName: "DateRangePickerstyles__Container",
   componentId: "zmtbjf-0"
@@ -11,19 +12,55 @@ export var Separator = styled.div.withConfig({
 })(["margin:0;border-top:1px solid ", ";"], function (props) {
   return props.theme.palette['grey-200'];
 });
+export var PopoverWrapper = styled(Popover).withConfig({
+  displayName: "DateRangePickerstyles__PopoverWrapper",
+  componentId: "zmtbjf-2"
+})([""]);
 export var Addon = styled.div.withConfig({
   displayName: "DateRangePickerstyles__Addon",
-  componentId: "zmtbjf-2"
+  componentId: "zmtbjf-3"
 })(["", ""], function (props) {
   return !props.last && "border-bottom: 1px solid " + props.theme.palette['grey-200'] + ";";
 });
 export var PickerWrapper = styled.div.withConfig({
   displayName: "DateRangePickerstyles__PickerWrapper",
-  componentId: "zmtbjf-3"
-})(["position:relative;"]);
+  componentId: "zmtbjf-4"
+})(["position:relative;.ant-popover.ds-date-range-popover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}"], function (props) {
+  var _props$theme$palette$, _props$arrowColor, _props$arrowColor2;
+
+  return props.arrowColor ? (_props$theme$palette$ = props.theme.palette[((_props$arrowColor = props.arrowColor) == null ? void 0 : _props$arrowColor.bottomLeft) + "-050"]) != null ? _props$theme$palette$ : (_props$arrowColor2 = props.arrowColor) == null ? void 0 : _props$arrowColor2.bottomLeft : props.theme.palette.white;
+}, function (props) {
+  var _props$theme$palette$2, _props$arrowColor3, _props$arrowColor4;
+
+  return props.arrowColor ? (_props$theme$palette$2 = props.theme.palette[((_props$arrowColor3 = props.arrowColor) == null ? void 0 : _props$arrowColor3.bottomRight) + "-050"]) != null ? _props$theme$palette$2 : (_props$arrowColor4 = props.arrowColor) == null ? void 0 : _props$arrowColor4.bottomRight : props.theme.palette.white;
+}, function (props) {
+  var _props$theme$palette$3, _props$arrowColor5, _props$arrowColor6;
+
+  return props.arrowColor ? (_props$theme$palette$3 = props.theme.palette[((_props$arrowColor5 = props.arrowColor) == null ? void 0 : _props$arrowColor5.rightTop) + "-050"]) != null ? _props$theme$palette$3 : (_props$arrowColor6 = props.arrowColor) == null ? void 0 : _props$arrowColor6.rightTop : props.theme.palette.white;
+}, function (props) {
+  var _props$theme$palette$4, _props$arrowColor7, _props$arrowColor8;
+
+  return props.arrowColor ? (_props$theme$palette$4 = props.theme.palette[((_props$arrowColor7 = props.arrowColor) == null ? void 0 : _props$arrowColor7.rightBottom) + "-050"]) != null ? _props$theme$palette$4 : (_props$arrowColor8 = props.arrowColor) == null ? void 0 : _props$arrowColor8.rightBottom : props.theme.palette.white;
+}, function (props) {
+  var _props$theme$palette$5, _props$arrowColor9, _props$arrowColor10;
+
+  return props.arrowColor ? (_props$theme$palette$5 = props.theme.palette[((_props$arrowColor9 = props.arrowColor) == null ? void 0 : _props$arrowColor9.leftBottom) + "-050"]) != null ? _props$theme$palette$5 : (_props$arrowColor10 = props.arrowColor) == null ? void 0 : _props$arrowColor10.leftBottom : props.theme.palette.white;
+}, function (props) {
+  var _props$theme$palette$6, _props$arrowColor11, _props$arrowColor12;
+
+  return props.arrowColor ? (_props$theme$palette$6 = props.theme.palette[((_props$arrowColor11 = props.arrowColor) == null ? void 0 : _props$arrowColor11.leftTop) + "-050"]) != null ? _props$theme$palette$6 : (_props$arrowColor12 = props.arrowColor) == null ? void 0 : _props$arrowColor12.leftTop : props.theme.palette.white;
+}, function (props) {
+  var _props$theme$palette$7, _props$arrowColor13, _props$arrowColor14;
+
+  return props.arrowColor ? (_props$theme$palette$7 = props.theme.palette[((_props$arrowColor13 = props.arrowColor) == null ? void 0 : _props$arrowColor13.topRight) + "-050"]) != null ? _props$theme$palette$7 : (_props$arrowColor14 = props.arrowColor) == null ? void 0 : _props$arrowColor14.topRight : props.theme.palette['grey-050'];
+}, function (props) {
+  var _props$theme$palette$8, _props$arrowColor15, _props$arrowColor16;
+
+  return props.arrowColor ? (_props$theme$palette$8 = props.theme.palette[((_props$arrowColor15 = props.arrowColor) == null ? void 0 : _props$arrowColor15.topLeft) + "-050"]) != null ? _props$theme$palette$8 : (_props$arrowColor16 = props.arrowColor) == null ? void 0 : _props$arrowColor16.topLeft : props.theme.palette['grey-050'];
+});
 export var OverlayContainer = styled.div.withConfig({
   displayName: "DateRangePickerstyles__OverlayContainer",
-  componentId: "zmtbjf-4"
+  componentId: "zmtbjf-5"
 })(["display:", ";"], function (props) {
   return props.visible ? 'flex' : 'none';
 });

package/dist/DateRangePicker.types.d.ts

@@ -4,6 +4,17 @@ import { PopoverProps } from 'antd/lib/popover';
 import { DateFilter, DateRange, RelativeUnits } from './date.types';
 import { FilterDefinition } from './RangeFilter/RangeFilter.types';
 import { SavedFilter } from './RangeFilter/Shared/FilterDropdown/FilterDropdown.types';
+export declare type CustomColorArrow = 'blue' | 'grey' | 'red' | 'green' | 'yellow' | 'pink' | 'mars' | 'orange' | 'fern' | 'cyan' | 'purple' | 'violet';
+export declare type AdditionalMapper = {
+    topLeft: CustomColorArrow;
+    topRight: CustomColorArrow;
+    bottomLeft: CustomColorArrow;
+    bottomRight: CustomColorArrow;
+    leftTop: CustomColorArrow;
+    leftBottom: CustomColorArrow;
+    rightTop: CustomColorArrow;
+    rightBottom: CustomColorArrow;
+};
 export interface Props extends WrappedComponentProps {
     disableDefaultTexts?: boolean;
     disabledDate?: (date?: Date) => boolean;
@@ -32,6 +43,7 @@ export interface Props extends WrappedComponentProps {
         message?: string;
     };
     value: DateRange;
+    arrowColor?: AdditionalMapper;
 }
 export declare type RelativeMode = 'PAST' | 'FUTURE' | 'SINCE';
 export interface State {

package/dist/Footer/Footer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Props } from './Footer.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "format" | "mode" | "value" | "texts" | "message" | "onApply" | "showTime" | "dateOnly" | "canSwitchMode" | "onSwitchMode" | "canApply"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, "texts" | "format" | "mode" | "value" | "message" | "onApply" | "showTime" | "dateOnly" | "canSwitchMode" | "onSwitchMode" | "canApply"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<Props>;

package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.d.ts

@@ -9,7 +9,7 @@ export interface Props extends WrappedComponentProps, Partial<RangeActionsMethod
     onChange: (v: Days) => {};
     valueSelectionModes: ValueSelectionModes;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts" | "disabled" | "value"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<Props>;

package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MonthlyFilterProps } from './MonthlyFilter.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<MonthlyFilterProps, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<MonthlyFilterProps, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "disabled" | "value" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<MonthlyFilterProps>;

package/dist/RangeFilter/RangeFilter.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { RangeFilterProps } from './RangeFilter.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<RangeFilterProps, "onChange" | "value" | "valueSelectionModes" | "texts" | "rangeUnits" | "onApply" | "onFilterSave" | "savedFilters" | "hideFooter" | "onCancel"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<RangeFilterProps, "onChange" | "valueSelectionModes" | "texts" | "value" | "rangeUnits" | "onApply" | "onFilterSave" | "savedFilters" | "hideFooter" | "onCancel"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<RangeFilterProps>;

package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { TimeWindowProps } from './TimeWindow.types';
 import { DateLimitMode } from './RangeFormContainer/RangeForm/RangeForm.types';
 export declare const DEFAULT_LIMIT_MODE: DateLimitMode;
-declare const _default: React.ForwardRefExoticComponent<Pick<TimeWindowProps, "title" | "onChange" | "disabled" | "readOnly" | "monthlyFilter" | "monthlyFilterPeriod" | "hideHeader" | "days" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "customDays" | "showSelectAll" | "numberOfDays" | "numberOfDaysPerRow" | "rowLabelFormatter" | "dayTemplate" | "dayFormatter" | "onCheckDay" | "onSelectAll" | "onUnselectAll" | "inverted" | "labelInverted" | "reverseGroup" | "daily" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<TimeWindowProps, "monthlyFilter" | "monthlyFilterPeriod" | "hideHeader" | "onChange" | "days" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "customDays" | "showSelectAll" | "title" | "numberOfDays" | "numberOfDaysPerRow" | "rowLabelFormatter" | "dayTemplate" | "dayFormatter" | "onCheckDay" | "onSelectAll" | "onUnselectAll" | "readOnly" | "inverted" | "labelInverted" | "reverseGroup" | "daily" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "disabled"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<TimeWindowProps>;

package/dist/RangeFilter/constants.d.ts

@@ -23,7 +23,7 @@ export declare const defaultId: string;
 export declare const TYPES_DATA: {
     MONTHLY: {
         labelTranslationKey: string;
-        component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/MonthlyFilter/MonthlyFilter.types").MonthlyFilterProps, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
+        component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/MonthlyFilter/MonthlyFilter.types").MonthlyFilterProps, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "rangeClipboard" | "valueSelectionModes" | "texts" | "renderRangeFormSuffix" | "timePickerProps" | "disabled" | "value" | "maxEntries" | "daysOfPeriods" | "countedFromPeriods"> & {
             forwardedRef?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
         } & import("react").RefAttributes<any>> & {
             WrappedComponent: import("react").ComponentType<import("./Filters/MonthlyFilter/MonthlyFilter.types").MonthlyFilterProps>;
@@ -42,7 +42,7 @@ export declare const TYPES_DATA: {
     };
     DAILY: {
         labelTranslationKey: string;
-        component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/DailyFilter/DailyFilter").Props, "onChange" | "disabled" | "value" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts"> & {
+        component: import("react").ForwardRefExoticComponent<Pick<import("./Filters/DailyFilter/DailyFilter").Props, "onChange" | "onRangeCopy" | "onRangePaste" | "onRangeClear" | "valueSelectionModes" | "texts" | "disabled" | "value"> & {
             forwardedRef?: ((instance: any) => void) | import("react").RefObject<any> | null | undefined;
         } & import("react").RefAttributes<any>> & {
             WrappedComponent: import("react").ComponentType<import("./Filters/DailyFilter/DailyFilter").Props>;

package/dist/RawDateRangePicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Props } from './DateRangePicker.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, "format" | "value" | "texts" | "onVisibleChange" | "rangeUnits" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Props, "texts" | "format" | "value" | "onVisibleChange" | "rangeUnits" | "disableDefaultTexts" | "disabledDate" | "forceAdjacentMonths" | "forceAbsolute" | "onValueChange" | "onApply" | "onFilterSave" | "popoverProps" | "popoverTrigger" | "ranges" | "relativeFuture" | "relativePast" | "relativeModes" | "savedFilters" | "showRelativePicker" | "showFilter" | "showTime" | "showCustomRange" | "validate" | "arrowColor"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<Props>;

package/dist/RelativeRangePicker/RelativeRangePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { WrappedComponentProps } from 'react-intl';
 import { Props } from './RelativeRangePicker.types';
-declare const _default: React.ForwardRefExoticComponent<Pick<Props & WrappedComponentProps<"intl">, "onChange" | "value" | "texts" | "since" | "rangeUnits" | "ranges" | "relativeModes" | "showCustomRange" | "future" | "past"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<Props & WrappedComponentProps<"intl">, "onChange" | "texts" | "value" | "since" | "rangeUnits" | "ranges" | "relativeModes" | "showCustomRange" | "future" | "past"> & {
     forwardedRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
 } & React.RefAttributes<any>> & {
     WrappedComponent: React.ComponentType<Props & WrappedComponentProps<"intl">>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.12.14",
+  "version": "0.12.15",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
     "@synerise/ds-button": "^0.17.2",
-    "@synerise/ds-date-picker": "^0.6.18",
+    "@synerise/ds-date-picker": "^0.6.19",
     "@synerise/ds-icon": "^0.49.0",
-    "@synerise/ds-manageable-list": "^0.23.13",
-    "@synerise/ds-time-picker": "^0.6.17",
+    "@synerise/ds-manageable-list": "^0.23.14",
+    "@synerise/ds-time-picker": "^0.6.18",
     "@synerise/ds-tooltip": "^0.11.9",
     "@synerise/ds-utils": "^0.19.0",
     "date-fns": "^2.16.1",
@@ -54,5 +54,5 @@
   "devDependencies": {
     "@types/ramda": "^0.27.14"
   },
-  "gitHead": "25e5737ebe9d4319de963b369bc281651872887c"
+  "gitHead": "d787395998e479858cb58f6d56555e4c51fe45d5"
 }