@synerise/ds-date-range-picker 0.31.2 → 0.31.4

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.31.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.3...@synerise/ds-date-range-picker@0.31.4) (2024-11-28)
+
+
+### Bug Fixes
+
+* **date-range-picker:** disabled prop ([0503abf](https://github.com/Synerise/synerise-design/commit/0503abff0e55498ab1c90d0092a01973f5628e7f))
+
+
+
+
+
+## [0.31.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.2...@synerise/ds-date-range-picker@0.31.3) (2024-11-22)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
 ## [0.31.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.1...@synerise/ds-date-range-picker@0.31.2) (2024-11-21)
 
 

package/README.md

@@ -51,6 +51,8 @@ const value = {
 | 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           | {}                                                            |
 | 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`                                                       |
 | relativePast              | Enable relative filter for past ranges                                           | boolean                    | `false`                                                       |
 | relativeFuture            | Enable relative filter for future ranges                                         | boolean                    | `false`                                                       |
 | showTime                  | Enable user to choose particular hour                                            | boolean                    | `false`                                                       |

package/dist/AddonCollapse/AddonCollapse.js

@@ -1,18 +1,15 @@
 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;
-
+    content = _ref.content,
+    expanded = _ref.expanded,
+    onCollapseChange = _ref.onCollapseChange,
+    collapsedSummary = _ref.collapsedSummary;
   var handleClick = function handleClick() {
     onCollapseChange && onCollapseChange(!expanded);
   };
-
   return /*#__PURE__*/React.createElement(S.AddonWrapper, {
     expanded: expanded
   }, /*#__PURE__*/React.createElement(S.AddonHeader, {
@@ -22,5 +19,4 @@ var AddonCollapse = function AddonCollapse(_ref) {
     expanded: expanded
   })), expanded && /*#__PURE__*/React.createElement(S.Content, null, content));
 };
-
 export default AddonCollapse;

package/dist/DateRangePicker.js

@@ -1,15 +1,9 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { useCallback, useState, useRef, useMemo, useEffect } from 'react';
 import { isEqual } from 'lodash';
 import "./style/index.css";
@@ -18,49 +12,44 @@ import RawDateRangePicker from './RawDateRangePicker';
 import * as S from './DateRangePicker.styles';
 import RangePickerInput from './RangePickerInput/RangePickerInput';
 import { getDefaultTexts } from './utils';
-
 var DateRangePicker = function DateRangePicker(props) {
   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,
-      arrowColor = props.arrowColor,
-      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,
-      getPopupContainer = props.getPopupContainer;
+    defaultValue = props.defaultValue,
+    onApply = props.onApply,
+    showTime = props.showTime,
+    texts = props.texts,
+    popoverTrigger = props.popoverTrigger,
+    forceAdjacentMonths = props.forceAdjacentMonths,
+    disableDefaultTexts = props.disableDefaultTexts,
+    arrowColor = props.arrowColor,
+    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];
-
+    popupVisible = _useState[0],
+    setPopupVisible = _useState[1];
   var _useState2 = useState(selectedRange),
-      selectedDate = _useState2[0],
-      setSelectedDate = _useState2[1];
-
+    selectedDate = _useState2[0],
+    setSelectedDate = _useState2[1];
   var _useState3 = useState(),
-      inputActive = _useState3[0],
-      setInputActive = _useState3[1];
-
+    inputActive = _useState3[0],
+    setInputActive = _useState3[1];
   var _useState4 = useState(true),
-      isTopAligned = _useState4[0],
-      setIsTopAligned = _useState4[1];
-
+    isTopAligned = _useState4[0],
+    setIsTopAligned = _useState4[1];
   var wrapperRef = useRef(null);
   var allTexts = useMemo(function () {
     return getDefaultTexts(intl, disableDefaultTexts, texts);
@@ -73,16 +62,14 @@ var DateRangePicker = function DateRangePicker(props) {
   useEffect(function () {
     if (!isEqual(selectedRange, selectedDate)) {
       setSelectedDate(selectedRange);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selectedRange]);
   var checkContentAlignement = useCallback(function () {
     if (wrapperRef.current) {
       var popoverDomElement = wrapperRef.current.querySelector('.ds-date-range-popover');
-
       if (popoverDomElement) {
         var _placementClassName$s;
-
         var classNames = Array.from(popoverDomElement.classList);
         var placementClassName = classNames.find(function (className) {
           return className.startsWith('ant-popover-placement-');
@@ -103,11 +90,9 @@ var DateRangePicker = function DateRangePicker(props) {
     setPopupVisible(false);
     setInputActive(false);
   }, [defaultValue, onApply]);
-
   var conditionalVisibilityProps = _objectSpread({}, popupVisible === false && {
     visible: false
   });
-
   var handleRangePickerInputClick = readOnly ? undefined : function () {
     return setPopupVisible(undefined);
   };
@@ -122,9 +107,10 @@ var DateRangePicker = function DateRangePicker(props) {
     onChange: onApplyCallback,
     active: !!inputActive
   }, rangePickerInputProps, {
-    readOnly: readOnly
+    readOnly: readOnly,
+    disabled: disabled
   }));
-  if (readOnly) return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElement);
+  if (readOnly || disabled) return /*#__PURE__*/React.createElement(React.Fragment, null, triggerElement);
   return /*#__PURE__*/React.createElement(S.PickerWrapper, {
     ref: wrapperRef,
     arrowColor: arrowColor
@@ -155,6 +141,5 @@ var DateRangePicker = function DateRangePicker(props) {
     }
   }, popoverProps, conditionalVisibilityProps), triggerElement));
 };
-
 export default DateRangePicker;
 export { RawDateRangePicker };

package/dist/DateRangePicker.styles.js

@@ -1,20 +1,15 @@
 import styled from 'styled-components';
 import { Popover } from 'antd';
-
 var getHeight = function getHeight(hasFilter, hasRelativePicker) {
   var baseHeight = 509;
-
   if (hasFilter) {
     baseHeight += 127;
   }
-
   if (hasRelativePicker) {
     baseHeight += 170;
   }
-
   return baseHeight;
 };
-
 export var PopupWrapper = styled.div.withConfig({
   displayName: "DateRangePickerstyles__PopupWrapper",
   componentId: "zmtbjf-0"
@@ -52,35 +47,27 @@ export var PickerWrapper = styled.div.withConfig({
   componentId: "zmtbjf-5"
 })([".ant-popover.ds-date-range-popover > .ant-popover-content{margin:-5px 0;}.ant-dropdown.ds-date-range-popover > .ant-popover-arrow.ant-popover-arrow.ant-popover-arrow.ant-popover-arrow{display:none !important;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner{background:transparent;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content{padding:0;}.ant-dropdown.ds-date-range-popover .ds-date-range-picker{box-shadow:0 16px 32px 0 rgba(35,41,54,0.1);padding:16px;}.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$palette2, _props$arrowColor3, _props$arrowColor4;
-
   return props.arrowColor ? (_props$theme$palette2 = props.theme.palette[((_props$arrowColor3 = props.arrowColor) == null ? void 0 : _props$arrowColor3.bottomRight) + "-050"]) != null ? _props$theme$palette2 : (_props$arrowColor4 = props.arrowColor) == null ? void 0 : _props$arrowColor4.bottomRight : props.theme.palette.white;
 }, function (props) {
   var _props$theme$palette3, _props$arrowColor5, _props$arrowColor6;
-
   return props.arrowColor ? (_props$theme$palette3 = props.theme.palette[((_props$arrowColor5 = props.arrowColor) == null ? void 0 : _props$arrowColor5.rightTop) + "-050"]) != null ? _props$theme$palette3 : (_props$arrowColor6 = props.arrowColor) == null ? void 0 : _props$arrowColor6.rightTop : props.theme.palette.white;
 }, function (props) {
   var _props$theme$palette4, _props$arrowColor7, _props$arrowColor8;
-
   return props.arrowColor ? (_props$theme$palette4 = props.theme.palette[((_props$arrowColor7 = props.arrowColor) == null ? void 0 : _props$arrowColor7.rightBottom) + "-050"]) != null ? _props$theme$palette4 : (_props$arrowColor8 = props.arrowColor) == null ? void 0 : _props$arrowColor8.rightBottom : props.theme.palette.white;
 }, function (props) {
   var _props$theme$palette5, _props$arrowColor9, _props$arrowColor10;
-
   return props.arrowColor ? (_props$theme$palette5 = props.theme.palette[((_props$arrowColor9 = props.arrowColor) == null ? void 0 : _props$arrowColor9.leftBottom) + "-050"]) != null ? _props$theme$palette5 : (_props$arrowColor10 = props.arrowColor) == null ? void 0 : _props$arrowColor10.leftBottom : props.theme.palette.white;
 }, function (props) {
   var _props$theme$palette6, _props$arrowColor11, _props$arrowColor12;
-
   return props.arrowColor ? (_props$theme$palette6 = props.theme.palette[((_props$arrowColor11 = props.arrowColor) == null ? void 0 : _props$arrowColor11.leftTop) + "-050"]) != null ? _props$theme$palette6 : (_props$arrowColor12 = props.arrowColor) == null ? void 0 : _props$arrowColor12.leftTop : props.theme.palette.white;
 }, function (props) {
   var _props$theme$palette7, _props$arrowColor13, _props$arrowColor14;
-
   return props.arrowColor ? (_props$theme$palette7 = props.theme.palette[((_props$arrowColor13 = props.arrowColor) == null ? void 0 : _props$arrowColor13.topRight) + "-050"]) != null ? _props$theme$palette7 : (_props$arrowColor14 = props.arrowColor) == null ? void 0 : _props$arrowColor14.topRight : props.theme.palette['grey-050'];
 }, function (props) {
   var _props$theme$palette8, _props$arrowColor15, _props$arrowColor16;
-
   return props.arrowColor ? (_props$theme$palette8 = props.theme.palette[((_props$arrowColor15 = props.arrowColor) == null ? void 0 : _props$arrowColor15.topLeft) + "-050"]) != null ? _props$theme$palette8 : (_props$arrowColor16 = props.arrowColor) == null ? void 0 : _props$arrowColor16.topLeft : props.theme.palette['grey-050'];
 });
 export var OverlayContainer = styled.div.withConfig({

package/dist/DateRangePicker.types.d.ts

@@ -20,12 +20,13 @@ export type AdditionalMapper = {
     rightTop: CustomColorArrow;
     rightBottom: CustomColorArrow;
 };
-export interface DateRangePickerProps extends WrappedComponentProps {
+export type DateRangePickerProps = WrappedComponentProps & {
     /**
      * overwrite default container's class. Default value is `ds-date-range-picker`.
      */
     containerClass?: string;
     readOnly?: boolean;
+    disabled?: boolean;
     disableDefaultTexts?: boolean;
     disabledDate?: (date?: Date) => boolean;
     /**
@@ -66,14 +67,23 @@ export interface DateRangePickerProps extends WrappedComponentProps {
     valueTransformer?: (value: DateRange) => DateRange;
     arrowColor?: AdditionalMapper;
     disableAbsoluteTimepickerInRelative?: boolean;
-    rangePickerInputProps?: RangePickerInputProps;
+    rangePickerInputProps?: Omit<RangePickerInputProps, 'disabled' | 'readOnly'> & {
+        /**
+         * @deprecated - pass 'disabled' prop directly to DateRangePicker
+         */
+        disabled?: RangePickerInputProps['disabled'];
+        /**
+         * @deprecated - pass 'readOnly' prop directly to DateRangePicker
+         */
+        readOnly?: RangePickerInputProps['readOnly'];
+    };
     allowedFilterTypes?: string[];
     renderPopoverTrigger?: (...args: any) => JSX.Element;
     isTruncateMs?: boolean;
     filterValueSelectionModes?: DateLimitMode[];
     filterRangeDisplayMode?: RangeDisplayMode;
     getPopupContainer?: (node: HTMLElement) => HTMLElement;
-}
+};
 /**
  * @deprecated use `DateRangePickerProps`
  */

package/dist/DateRangePicker.types.js

@@ -1 +1,5 @@
-export { DateRange } from './date.types';
+export { DateRange } from './date.types';
+
+/**
+ * @deprecated use `DateRangePickerProps`
+ */

package/dist/Footer/Footer.js

@@ -1,19 +1,11 @@
 var _excluded = ["canApply", "onApply", "intl", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "valueFormatOptions", "showTime", "displayDateContainerClass"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { useMemo, useCallback } from 'react';
 import { injectIntl } from 'react-intl';
 import Button from '@synerise/ds-button';
@@ -26,46 +18,40 @@ import getDateFromString from '../dateUtils/getDateFromString';
 import * as CONST from '../constants';
 import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
 import { toIsoStringWithoutZone } from '../utils';
-
 var Footer = function Footer(_ref) {
   var canApply = _ref.canApply,
-      onApply = _ref.onApply,
-      intl = _ref.intl,
-      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);
-
+    onApply = _ref.onApply,
+    intl = _ref.intl,
+    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;
-
+    formatValue = _useDataFormat.formatValue;
   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, intl.locale);
     }
-
     var parseDate = new Date(toIsoStringWithoutZone(date));
     return formatValue(parseDate, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
   }, [footerFormat, format, formatValue, intl.locale, valueFormatOptions, showTime]);
   var ChosenRange = useMemo(function () {
     if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {
       var _texts$value$translat;
-
       return /*#__PURE__*/React.createElement(S.ChosenRange, {
         className: "ds-date-range-picker-value"
       }, value != null && value.translationKey ? (_texts$value$translat = texts[value.translationKey]) != null ? _texts$value$translat : value.translationKey : (value == null ? void 0 : 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, {
@@ -85,5 +71,4 @@ var Footer = function Footer(_ref) {
     }
   }, texts.apply))));
 };
-
 export default injectIntl(Footer);

package/dist/Footer/Footer.styles.js

@@ -36,7 +36,6 @@ export var ChosenRange = styled.div.withConfig({
  *     <S.InvisibleTextContent>{' – '}</S.InvisibleTextContent>
  *     <Icon component={<ArrowRightS/>}/>
  */
-
 export var InvisibleTextContent = styled.span.withConfig({
   displayName: "Footerstyles__InvisibleTextContent",
   componentId: "sc-1oatjb7-5"

package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js

@@ -3,21 +3,19 @@ import { injectIntl } from 'react-intl';
 import * as S from './DailyFilter.styles';
 import TimeWindow from '../../Shared/TimeWindow/TimeWindow';
 import { RANGE_DISPLAY_MODES } from '../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.constants';
-
 var DailyFilter = function DailyFilter(props) {
   var handleChange = function handleChange(value) {
     var onChange = props.onChange;
     onChange && onChange(value[0]);
   };
-
   var value = props.value,
-      onRangeCopy = props.onRangeCopy,
-      onRangePaste = props.onRangePaste,
-      onRangeClear = props.onRangeClear,
-      texts = props.texts,
-      valueSelectionModes = props.valueSelectionModes,
-      disabled = props.disabled,
-      rangeDisplayMode = props.rangeDisplayMode;
+    onRangeCopy = props.onRangeCopy,
+    onRangePaste = props.onRangePaste,
+    onRangeClear = props.onRangeClear,
+    texts = props.texts,
+    valueSelectionModes = props.valueSelectionModes,
+    disabled = props.disabled,
+    rangeDisplayMode = props.rangeDisplayMode;
   var hideHeader = rangeDisplayMode !== RANGE_DISPLAY_MODES.SLIDER;
   var headerOptions = rangeDisplayMode === RANGE_DISPLAY_MODES.SLIDER ? {
     includeSummary: false,
@@ -33,7 +31,8 @@ var DailyFilter = function DailyFilter(props) {
       0: {
         label: texts.everyDay
       }
-    } // @ts-expect-error: Type 'string' is not assignable to type 'Days'.ts(2322)
+    }
+    // @ts-expect-error: Type 'string' is not assignable to type 'Days'.ts(2322)
     ,
     days: value[0] ? value[0] : value,
     onChange: function onChange(val) {
@@ -47,5 +46,4 @@ var DailyFilter = function DailyFilter(props) {
     valueSelectionModes: valueSelectionModes
   }), ' ');
 };
-
 export default injectIntl(DailyFilter);