@synerise/ds-date-range-picker 1.3.9 → 1.3.10

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

@@ -1,10 +1,14 @@
-import { ReactNode } from 'react';
-import type { TimePickerProps } from '@synerise/ds-time-picker';
+import { type ReactNode } from 'react';
 import type { DateToFormatOptions } from '@synerise/ds-data-format';
-import { DayKey, RangeActions, TimeWindowProps, TimeWindowTexts } from '../TimeWindow.types';
-import { FilterDefinition, WithDisabledProp } from '../../../RangeFilter.types';
-import { DateLimitMode, RangeDisplayMode } from './RangeForm/RangeForm.types';
-export type DateValue = [Date | undefined, Date | undefined, boolean | undefined];
+import type { TimePickerProps } from '@synerise/ds-time-picker';
+import { type FilterDefinition, type WithDisabledProp } from '../../../RangeFilter.types';
+import { type DayKey, type RangeActions, type TimeWindowProps, type TimeWindowTexts } from '../TimeWindow.types';
+import { type DateLimitMode, type RangeDisplayMode } from './RangeForm/RangeForm.types';
+export type DateValue = [
+    Date | undefined,
+    Date | undefined,
+    boolean | undefined
+];
 export type FilterErrorType = [ReactNode?, ReactNode?];
 export type RangeFormContainerProps = {
     errorTexts?: FilterErrorType;

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

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

package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import * as S from './RangeSummary.styles';
 import { SPACE_UNICODE } from '../../../constants';
+import * as S from './RangeSummary.styles';
 var RangeSummary = function RangeSummary(_ref) {
   var dayKeys = _ref.dayKeys,
     getDayLabel = _ref.getDayLabel,

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import { DayKey } from '../TimeWindow.types';
-import { Texts } from '../../../../DateRangePicker.types';
+import type { ReactNode } from 'react';
+import { type Texts } from '../../../../DateRangePicker.types';
+import { type DayKey } from '../TimeWindow.types';
 export type RangeSummaryProps = {
     texts: Pick<Texts, 'setTimeFor'>;
     dayKeys: DayKey[];
-    getDayLabel: (dayKey: DayKey, long?: boolean) => string | React.ReactNode | undefined;
+    getDayLabel: (dayKey: DayKey, long?: boolean) => ReactNode;
     monthlyFilter?: boolean;
     monthlyFilterPeriod?: string;
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TimeWindowProps } from './TimeWindow.types';
-import { DateLimitMode } from './RangeFormContainer/RangeForm/RangeForm.types';
+import { type DateLimitMode } from './RangeFormContainer/RangeForm/RangeForm.types';
+import { type TimeWindowProps } from './TimeWindow.types';
 export declare const DEFAULT_LIMIT_MODE: DateLimitMode;
 declare const _default: React.FC<TimeWindowProps>;
 export default _default;

package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js

@@ -3,21 +3,21 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 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 _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React, { PureComponent, createRef } from 'react';
+import dayjs from 'dayjs';
 import { range } from 'lodash';
+import React, { PureComponent, createRef } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import dayjs from 'dayjs';
 import { withDataFormat } from '@synerise/ds-data-format';
-import * as S from './TimeWindow.styles';
-import { getDateFromDayValue } from './utils';
-import Grid from './Grid/Grid';
-import SelectionCount from '../SelectionCount/SelectionCount';
 import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, TIME_FORMAT } from '../../constants';
 import AddButton from '../AddButton/AddButton';
-import RangeFormContainer from './RangeFormContainer/RangeFormContainer';
-import Day from './Day/Day';
+import SelectionCount from '../SelectionCount/SelectionCount';
 import SelectionHint from '../SelectionHint/SelectionHint';
+import Day from './Day/Day';
+import Grid from './Grid/Grid';
+import RangeFormContainer from './RangeFormContainer/RangeFormContainer';
+import * as S from './TimeWindow.styles';
 import { EU_NOTATION_MONTH_DAYS_INDEXES, EU_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_MONTH_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES } from './constants/timeWindow.constants';
+import { getDateFromDayValue } from './utils';
 export var DEFAULT_LIMIT_MODE = 'Range';
 var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
   function TimeWindowBase() {
@@ -26,7 +26,6 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
     _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
-    // eslint-disable-next-line react/destructuring-assignment
     _this.state = {
       activeDays: _this.props.daily ? [0] : [],
       controlKeyPressed: false
@@ -38,7 +37,9 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
     };
     _this.checkActiveDay = function (dayKey) {
       var isRangeDefined = _this.state.isRangeDefined;
-      if (!_this.isDayRestricted(dayKey) && isRangeDefined && !_this.haveActiveDaysCommonRange()) _this.checkDay(dayKey);
+      if (!_this.isDayRestricted(dayKey) && isRangeDefined && !_this.haveActiveDaysCommonRange()) {
+        _this.checkDay(dayKey);
+      }
       var _this$state = _this.state,
         activeDays = _this$state.activeDays,
         controlKeyPressed = _this$state.controlKeyPressed,
@@ -176,7 +177,13 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         daily = _this$props5.daily,
         valueSelectionModes = _this$props5.valueSelectionModes;
       var dayValue = {};
-      if (daily) dayValue = days;else if (days[dayKey]) dayValue = days[dayKey];else if (typeof dayKey === 'number') dayValue = dayTemplate(dayKey);else if (customDays && (_customDays$dayKey = customDays[dayKey]) != null && _customDays$dayKey.template && ((_customDays$dayKey2 = customDays[dayKey]) == null ? void 0 : _customDays$dayKey2.template) !== null) {
+      if (daily) {
+        dayValue = days;
+      } else if (days[dayKey]) {
+        dayValue = days[dayKey];
+      } else if (typeof dayKey === 'number') {
+        dayValue = dayTemplate(dayKey);
+      } else if (customDays && (_customDays$dayKey = customDays[dayKey]) != null && _customDays$dayKey.template && ((_customDays$dayKey2 = customDays[dayKey]) == null ? void 0 : _customDays$dayKey2.template) !== null) {
         dayValue = customDays[dayKey].template;
       }
       return _extends({
@@ -196,7 +203,9 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       if (typeof dayKey === 'string' && customDays && customDays[dayKey]) {
         label = customDays[dayKey][_long ? 'longLabel' : 'label'] || customDays[dayKey].label;
       }
-      if (!label) label = dayFormatter(dayKey, _long);
+      if (!label) {
+        label = dayFormatter(dayKey, _long);
+      }
       return label;
     };
     _this.handleRangePaste = function (dayKeys) {
@@ -236,7 +245,9 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         customDays = _this$props7.customDays;
       var keys = range(numberOfDays);
       keys = _this.replaceDaysIndexesForUSNotation(keys).slice();
-      if (customDays) keys = [].concat(keys, Object.keys(customDays));
+      if (customDays) {
+        keys = [].concat(keys, Object.keys(customDays));
+      }
       return keys;
     };
     _this.renderDay = function (dayKey) {
@@ -251,7 +262,9 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       var Component;
       if (typeof dayKey === 'string' && customDays && customDays[dayKey]) {
         var CustomComponent = customDays[dayKey].component;
-        if (CustomComponent) Component = CustomComponent;
+        if (CustomComponent) {
+          Component = CustomComponent;
+        }
       }
       if (!Component) {
         Component = Day;
@@ -391,7 +404,6 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
     var activeDays = this.state.activeDays;
     var hasCommonRange = this.haveActiveDaysCommonRange();
     if (prevState.isRangeDefined !== hasCommonRange && activeDays.length) {
-      // eslint-disable-next-line react/no-did-update-set-state
       this.setState(function (state) {
         return _extends({}, state, {
           isRangeDefined: hasCommonRange

package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.styles.js

@@ -1,5 +1,5 @@
-import styled from 'styled-components';
 import { range } from 'lodash';
+import styled from 'styled-components';
 export var TimeWindowContainer = styled.div.withConfig({
   displayName: "TimeWindowstyles__TimeWindowContainer",
   componentId: "sc-1mddrq2-0"

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

@@ -1,12 +1,12 @@
-import React from 'react';
-import { WrappedComponentProps } from 'react-intl';
-import type { TimePickerProps } from '@synerise/ds-time-picker';
+import type React from 'react';
+import { type WrappedComponentProps } from 'react-intl';
 import type { WithDataFormatProps } from '@synerise/ds-data-format';
-import { DayProps } from './Day/Day.types';
-import { FilterDefinition, WithDisabledProp } from '../../RangeFilter.types';
-import { Texts } from '../../../DateRangePicker.types';
-import { GridTexts } from './Grid/Grid.types';
-import { DateLimitMode, RangeDisplayMode } from './RangeFormContainer/RangeForm/RangeForm.types';
+import type { TimePickerProps } from '@synerise/ds-time-picker';
+import { type Texts } from '../../../DateRangePicker.types';
+import { type FilterDefinition, type WithDisabledProp } from '../../RangeFilter.types';
+import { type DayProps } from './Day/Day.types';
+import { type GridTexts } from './Grid/Grid.types';
+import { type DateLimitMode, type RangeDisplayMode } from './RangeFormContainer/RangeForm/RangeForm.types';
 export type DayKey = number | string;
 export type DayOptions = {
     display?: boolean;

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

@@ -1,5 +1,5 @@
-import { DateLimitMode } from './RangeFormContainer/RangeForm/RangeForm.types';
-import { FilterDefinition } from '../../RangeFilter.types';
+import { type FilterDefinition } from '../../RangeFilter.types';
+import { type DateLimitMode } from './RangeFormContainer/RangeForm/RangeForm.types';
 export declare const getDateFromDayValue: (dayValue?: string, hourTimeFormat?: string) => Date;
 export declare const reverseRange: (inputRange: number[], groupItem: number) => number[];
 export declare const getDefaultFilterForLimitMode: (mode: DateLimitMode) => Partial<FilterDefinition>;

package/dist/RangeFilter/Shared/TimeWindow/utils.js

@@ -1,7 +1,7 @@
 // @ts-ignore
 import dayjs from 'dayjs';
 import { flatten, groupBy, reverse, values } from 'lodash';
-import { DEFAULT_RANGE_START, DEFAULT_RANGE_END, DEFAULT_TIME_FORMAT } from '../../Filters/new/constants';
+import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, DEFAULT_TIME_FORMAT } from '../../Filters/new/constants';
 var TODAY = new Date();
 export var getDateFromDayValue = function getDateFromDayValue(dayValue, hourTimeFormat) {
   var DAY_FORMAT = "YYYY-MM-DD";

package/dist/RangeFilter/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MonthlySelectValue } from './RangeFilter.types';
+import { type MonthlySelectValue } from './RangeFilter.types';
 export declare const TIME_FORMAT = "HH:mm:ss.SSS";
 export declare const DEFAULT_RANGE_START = "00:00:00.000";
 export declare const DEFAULT_RANGE_END = "23:59:59.999";

package/dist/RangeFilter/constants.js

@@ -1,9 +1,9 @@
 import { range } from 'lodash';
 import { v4 as uuid } from 'uuid';
+import { fnsAddDays, fnsFormat } from '../fns';
+import DailyFilter from './Filters/DailyFilter/DailyFilter';
 import MonthlyFilter from './Filters/MonthlyFilter/MonthlyFilter';
 import WeeklyFilter from './Filters/WeeklyFilter/WeeklyFilter';
-import DailyFilter from './Filters/DailyFilter/DailyFilter';
-import { fnsAddDays, fnsFormat } from '../fns';
 var LONG_MONTH = new Date(0, 0, 1);
 export var TIME_FORMAT = 'HH:mm:ss.SSS';
 export var DEFAULT_RANGE_START = '00:00:00.000';

package/dist/RangeFilter/utils.d.ts

@@ -1,8 +1,8 @@
-import { DenormalizedFilter, FilterDefinition, FilterValue, NormalizedFilter, NormalizedFilterBase, WeekFilter } from './RangeFilter.types';
-import { SavedFilter } from './Shared/FilterDropdown/FilterDropdown.types';
+import { type DenormalizedFilter, type FilterDefinition, type FilterValue, type NormalizedFilter, type NormalizedFilterBase, type WeekFilter } from './RangeFilter.types';
+import { type SavedFilter } from './Shared/FilterDropdown/FilterDropdown.types';
 export declare const mapTimeSchema: (item: DenormalizedFilter) => NormalizedFilter;
 export declare const denormMapTimeSchema: (item: NormalizedFilter) => DenormalizedFilter;
-export declare const normalizeValue: ({ type, definition }: FilterValue) => NormalizedFilterBase | {
+export declare const normalizeValue: ({ type, definition, }: FilterValue) => NormalizedFilterBase | {
     rules: any;
 };
 export declare const createWeeklyRange: (days: NormalizedFilter[]) => {};

package/dist/RangeFilter/utils.js

@@ -7,6 +7,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 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 { groupBy, omit, range } from 'lodash';
 import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM, TYPES } from './constants';
+
 /*
  * Map field from components to datefilter schema
  * start => from
@@ -43,8 +44,6 @@ export var denormMapTimeSchema = function denormMapTimeSchema(item) {
     day: day === undefined || day !== undefined && Number.isNaN(+day) || Number.isNaN(+day) ? undefined : +day - 1
   }, rest);
 };
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var normalizeValue = function normalizeValue(_ref) {
   var type = _ref.type,
     definition = _ref.definition;
@@ -112,8 +111,10 @@ export var normalizeValue = function normalizeValue(_ref) {
       break;
   }
 
-  // @ts-ignore
-  result.days = days.map(function (_ref4) {
+  // @ts-expect-error days doesnt exist in type
+  result.days = days.map(
+  // @ts-expect-error types mismatch
+  function (_ref4) {
     var restricted = _ref4.restricted,
       display = _ref4.display,
       rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
@@ -134,42 +135,48 @@ export var createWeeklyRange = function createWeeklyRange(days) {
   }, {});
 };
 export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules) {
-  return range(0, 7 * 5 + 1).reduce(function (acc, i) {
-    var _extends3;
-    var weekStartIndex = Math.floor(i / 7);
-    var week = weekStartIndex;
-    var dayOfWeek = i - weekStartIndex * 7;
+  return (
+    // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+    range(0, 7 * 5 + 1).reduce(function (acc, i) {
+      var _extends3;
+      var weekStartIndex = Math.floor(i / 7);
+      var week = weekStartIndex;
+      var dayOfWeek = i - weekStartIndex * 7;
 
-    // @ts-expect-error: FIXME: Type 'undefined' is not assignable to type 'NormalizedFilter[]'.ts(2322)
-    var days = rules.weeks && rules.weeks.reduce(
-    // @ts-ignore
-    function (prev, item) {
-      return [].concat(prev, item.days.map(function (day) {
-        return _extends({}, denormMapTimeSchema(day), {
-          week: item.week - 1
-        });
-      }));
-    }, []);
-    var day = days.find(function (d) {
-      return d.week === week && d.day === dayOfWeek;
-    });
-    return day ? _extends({}, acc, (_extends3 = {}, _extends3[i] = _extends({}, day, {
-      restricted: true,
-      display: true
-    }), _extends3)) : acc;
-  }, {});
+      // @ts-expect-error: FIXME: Type 'undefined' is not assignable to type 'NormalizedFilter[]'.ts(2322)
+      var days = rules.weeks && rules.weeks.reduce(
+      // @ts-expect-error: FIXME: Type 'undefined' is not assignable to type 'NormalizedFilter[]'.ts(2322)
+      function (prev, item) {
+        return [].concat(prev, item.days.map(function (day) {
+          return _extends({}, denormMapTimeSchema(day), {
+            week: item.week - 1
+          });
+        }));
+      }, []);
+      var day = days.find(function (d) {
+        return d.week === week && d.day === dayOfWeek;
+      });
+      return day ? _extends({}, acc, (_extends3 = {}, _extends3[i] = _extends({}, day, {
+        restricted: true,
+        display: true
+      }), _extends3)) : acc;
+    }, {})
+  );
 };
 export var createMonthlyDayRange = function createMonthlyDayRange(rules) {
-  return range(0, 32).reduce(function (acc, i) {
-    var _extends4;
-    var day = rules.days && rules.days.find(function (d) {
-      return d.day === i;
-    });
-    return day ? _extends({}, acc, (_extends4 = {}, _extends4[i - 1] = _extends({}, denormMapTimeSchema(day), {
-      restricted: true,
-      display: true
-    }), _extends4)) : acc;
-  }, {});
+  return (
+    // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+    range(0, 32).reduce(function (acc, i) {
+      var _extends4;
+      var day = rules.days && rules.days.find(function (d) {
+        return d.day === i;
+      });
+      return day ? _extends({}, acc, (_extends4 = {}, _extends4[i - 1] = _extends({}, denormMapTimeSchema(day), {
+        restricted: true,
+        display: true
+      }), _extends4)) : acc;
+    }, {})
+  );
 };
 export var denormalizers = (_denormalizers = {}, _denormalizers[TYPES.DAILY] = function (values) {
   return denormMapTimeSchema(values);

package/dist/RangePicker/RangePicker.d.ts

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

package/dist/RangePicker/RangePicker.js

@@ -1,30 +1,28 @@
 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 _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import React, { PureComponent } from 'react';
-import { DateUtils } from 'react-day-picker';
 import fnsIsSameDay from 'date-fns/isSameDay';
 import fnsIsValid from 'date-fns/isValid';
+import React, { PureComponent } from 'react';
+import { DateUtils } from 'react-day-picker';
 import { legacyParse } from '@date-fns/upgrade/v2';
+import { getDefaultDataTimeOptions, withDataFormat } from '@synerise/ds-data-format';
+import DayPicker from '@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker';
+import { DayBackground, DayForeground, DayText, DayTooltip } from '@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker.styles';
 import MonthPicker from '@synerise/ds-date-picker/dist/Elements/MonthPicker/MonthPicker';
 import TimePicker from '@synerise/ds-date-picker/dist/Elements/TimePicker/TimePicker';
-import { DayBackground, DayForeground, DayText, DayTooltip } from '@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker.styles';
 import YearPicker from '@synerise/ds-date-picker/dist/Elements/YearPicker/YearPicker';
-import DayPicker from '@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker';
-import Icon, { CalendarM, ClockM } from '@synerise/ds-icon';
 import { fnsDifferenceInYears } from '@synerise/ds-date-picker/dist/fns';
-import localeUtils from '@synerise/ds-date-picker/dist/localeUtils';
 import fnsFormat from '@synerise/ds-date-picker/dist/format';
-import { getDefaultDataTimeOptions, withDataFormat } from '@synerise/ds-data-format';
+import localeUtils from '@synerise/ds-date-picker/dist/localeUtils';
+import Icon, { CalendarM, ClockM } from '@synerise/ds-icon';
 import { Range } from '../RelativeRangePicker/RelativeRangePicker.styles';
-import { fnsStartOfDay, fnsEndOfDay, fnsIsSameMonth, fnsIsAfter, fnsAddMinutes, fnsAddDays } from '../fns';
-import * as S from './RangePicker.styles';
 import { ABSOLUTE, COLUMNS, MODES } from '../constants';
 import ADD from '../dateUtils/add';
 import getDateFromString from '../dateUtils/getDateFromString';
-import { getSidesState, getDisabledTimeOptions, getModifiers } from './utils';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
+import { fnsAddDays, fnsAddMinutes, fnsEndOfDay, fnsIsAfter, fnsIsSameMonth, fnsStartOfDay } from '../fns';
+import * as S from './RangePicker.styles';
+import { getDisabledTimeOptions, getModifiers, getSidesState } from './utils';
 var NOOP = function NOOP() {};
 var TOOLTIP_FORMAT = 'MMM d, yyyy, HH:mm';
 function replaceRange(value, day) {
@@ -80,7 +78,9 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
       var _this$props = _this.props,
         value = _this$props.value,
         onChange = _this$props.onChange;
-      if (modifiers.disabled) return;
+      if (modifiers.disabled) {
+        return;
+      }
       var _replaceRange = replaceRange(value, day),
         from = _replaceRange.from,
         to = _replaceRange.to;
@@ -338,7 +338,9 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
     _this.renderSide = function (side) {
       var mode = _this.props.mode;
       var sideState = _this.state[side];
-      if (mode === MODES.TIME) return _this.renderTimePicker(side);
+      if (mode === MODES.TIME) {
+        return _this.renderTimePicker(side);
+      }
       switch (sideState.mode) {
         case 'date':
           return _this.renderDatePicker(side);

package/dist/RangePicker/RangePicker.styles.d.ts

@@ -15,7 +15,7 @@ export declare const DateTimeModeSwitch: import("styled-components").StyledCompo
     onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">>, "type" | "ghost"> & {
     type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType> | undefined;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"split" | "icon-label" | "single-icon" | "two-icons" | "label-icon"> | undefined;
+    mode?: import("@synerise/ds-utils").LiteralStringUnion<"icon-label" | "single-icon" | "split" | "two-icons" | "label-icon"> | undefined;
     color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet"> | undefined;
     groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded"> | undefined;
     justifyContent?: string | undefined;

package/dist/RangePicker/RangePicker.types.d.ts

@@ -1,6 +1,6 @@
-import { WrappedComponentProps } from 'react-intl';
-import { DateRange } from '../date.types';
-import { Texts } from '../DateRangePicker.types';
+import { type WrappedComponentProps } from 'react-intl';
+import { type Texts } from '../DateRangePicker.types';
+import { type DateRange } from '../date.types';
 export interface RangePickerProps extends WrappedComponentProps {
     value: DateRange;
     onChange: (value: DateRange) => void;

package/dist/RangePicker/utils.d.ts

@@ -1,6 +1,6 @@
-import { Modifiers } from 'react-day-picker';
-import { State } from './RangePicker.types';
-import { DateRange, NullableDateLimit } from '../date.types';
+import { type Modifiers } from 'react-day-picker';
+import { type DateRange, type NullableDateLimit } from '../date.types';
+import { type State } from './RangePicker.types';
 export declare const getDisabledTimeOptions: (initialDay: string | Date | undefined, granularity: string, initialLowerLimit?: NullableDateLimit, initialUpperLimit?: NullableDateLimit, is12HoursClock?: boolean) => number[];
 export declare const getSidesState: (value: DateRange, forceAdjacentMonths?: boolean) => State;
 export declare const getModifiers: (from: NullableDateLimit | undefined, to: NullableDateLimit | undefined, enteredTo: NullableDateLimit | undefined) => Modifiers;

package/dist/RangePicker/utils.js

@@ -1,16 +1,16 @@
+import fnsIsValid from 'date-fns/isValid';
 import fnsIsWithinRange from 'date-fns/isWithinInterval';
-import { legacyParse } from '@date-fns/upgrade/v2';
-import fnsMin from 'date-fns/min';
 import fnsMax from 'date-fns/max';
-import fnsIsValid from 'date-fns/isValid';
+import fnsMin from 'date-fns/min';
 import dayjs from 'dayjs';
-import { AM, PM, HOUR_12, MAP_24_HOUR_TO_12, HOUR, DISABLE_CLOCK_MODE_HOUR } from '@synerise/ds-time-picker';
-import { fnsEndOfDay, fnsIsSameMonth, fnsStartOfDay, fnsStartOfMonth, fnsIsBefore } from '../fns';
+import { legacyParse } from '@date-fns/upgrade/v2';
+import { AM, DISABLE_CLOCK_MODE_HOUR, HOUR, HOUR_12, MAP_24_HOUR_TO_12, PM } from '@synerise/ds-time-picker';
 import { TIME_OPTIONS } from '../constants';
-import SET from '../dateUtils/set';
-import GET from '../dateUtils/get';
 import ADD from '../dateUtils/add';
 import format from '../dateUtils/format';
+import GET from '../dateUtils/get';
+import SET from '../dateUtils/set';
+import { fnsEndOfDay, fnsIsBefore, fnsIsSameMonth, fnsStartOfDay, fnsStartOfMonth } from '../fns';
 var NOW = new Date();
 var HOURS_GRANULARITY = 'HOURS';
 var getAmOrPmFromDate = function getAmOrPmFromDate(date) {

package/dist/RangePickerInput/RangePickerInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { RangePickerInputProps } from './RangePickerInput.types';
+import { type RangePickerInputProps } from './RangePickerInput.types';
 declare const RangePickerInput: ({ value, valueFormatOptions, showTime, onChange, onClick, highlight, texts, active, label, description, tooltip, tooltipConfig, disabled, readOnly, onFocus, allowClear, onBlur, error, errorText, preferRelativeDesc, }: RangePickerInputProps) => React.JSX.Element;
 export default RangePickerInput;

package/dist/RangePickerInput/RangePickerInput.js

@@ -1,13 +1,13 @@
 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 React, { useCallback, useMemo, useState } from 'react';
-import Icon, { ArrowRightS, CalendarM, Close3S } from '@synerise/ds-icon';
 import { useTheme } from '@synerise/ds-core';
-import Tooltip from '@synerise/ds-tooltip';
 import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-format';
 import FormField from '@synerise/ds-form-field';
-import * as S from './RangePickerInput.styles';
-import { normalizeRange } from '../utils';
+import Icon, { ArrowRightS, CalendarM, Close3S } from '@synerise/ds-icon';
+import Tooltip from '@synerise/ds-tooltip';
 import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
+import { normalizeRange } from '../utils';
+import * as S from './RangePickerInput.styles';
 var RangePickerInput = function RangePickerInput(_ref) {
   var value = _ref.value,
     valueFormatOptions = _ref.valueFormatOptions,

package/dist/RangePickerInput/RangePickerInput.types.d.ts

@@ -1,8 +1,8 @@
-import type { CSSProperties, MouseEvent as ReactMouseEvent, FocusEventHandler, ReactNode } from 'react';
+import type { CSSProperties, FocusEventHandler, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
 import type { DateToFormatOptions } from '@synerise/ds-data-format';
 import type { FormFieldCommonProps } from '@synerise/ds-form-field';
-import type { DateFilter, DateRange } from '../date.types';
 import type { Texts } from '../DateRangePicker.types';
+import type { DateFilter, DateRange } from '../date.types';
 export type RangePickerInputProps = {
     size?: 'large' | 'default' | 'small';
     /**

package/dist/RawDateRangePicker.js

@@ -1,22 +1,22 @@
 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 React, { useState, useMemo, useCallback, useEffect } from 'react';
-import { omitBy, isUndefined } from 'lodash';
-import { useIntl } from 'react-intl';
 import fnsIsValid from 'date-fns/isValid';
 import fnsStartOfSecond from 'date-fns/startOfSecond';
+import { isUndefined, omitBy } from 'lodash';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useIntl } from 'react-intl';
 import { legacyParse } from '@date-fns/upgrade/v2';
-import { Container, Separator, Addon, PopupWrapper } from './DateRangePicker.styles';
-import RangePicker from './RangePicker/RangePicker';
-import { RELATIVE, ABSOLUTE, MODES, RELATIVE_PRESETS, ABSOLUTE_PRESETS } from './constants';
-import * as CONST from './constants';
-import relativeToAbsolute from './dateUtils/relativeToAbsolute';
 import AddonCollapse from './AddonCollapse/AddonCollapse';
-import RelativeRangePicker from './RelativeRangePicker/RelativeRangePicker';
+import { Addon, Container, PopupWrapper, Separator } from './DateRangePicker.styles';
 import Footer from './Footer/Footer';
-import { getDefaultTexts, normalizeRange, toIsoString } from './utils';
 import RangeFilter from './RangeFilter/RangeFilter';
 import RangeFilterStatus from './RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus';
+import RangePicker from './RangePicker/RangePicker';
 import { isLifetime } from './RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
+import RelativeRangePicker from './RelativeRangePicker/RelativeRangePicker';
+import { ABSOLUTE, ABSOLUTE_PRESETS, MODES, RELATIVE, RELATIVE_PRESETS } from './constants';
+import * as CONST from './constants';
+import relativeToAbsolute from './dateUtils/relativeToAbsolute';
+import { getDefaultTexts, normalizeRange, toIsoString } from './utils';
 var isRelative = function isRelative(dateRange) {
   var isLegacyCustom = Object.keys(dateRange).includes('key') && dateRange.key === undefined;
   return dateRange.key && (CONST.RELATIVE_PRESETS.map(function (preset) {

package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Props } from './CustomRangeForm.types';
+import { type Props } from './CustomRangeForm.types';
 export declare const setOffsetType: (a: any, obj: any) => any;
 declare const CustomRangeForm: ({ ranges, rangeUnits, currentRange, currentGroup, handleDurationValueChange, handleOffsetValueChange, handleModeChange, handleChange, texts, handleTimestampChange, timestamp, relativeModes, }: Props) => React.JSX.Element;
 export default CustomRangeForm;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import set from 'ramda/src/set';
 import lensPath from 'ramda/src/lensPath';
+import set from 'ramda/src/set';
+import React from 'react';
+import { RANGES_MODE } from '../../../constants';
 import * as S from '../../RelativeRangePicker.styles';
 import ModeDropdown from '../ModeDropdown/ModeDropdown';
+import TimestampRange from '../TimestampRange/TimestampRange';
 import DurationField from './DurationField/DurationField';
 import OffsetField from './OffsetField/OffsetField';
-import { RANGES_MODE } from '../../../constants';
-import TimestampRange from '../TimestampRange/TimestampRange';
 export var setOffsetType = set(lensPath(['offset', 'type']));
 var CustomRangeForm = function CustomRangeForm(_ref) {
   var ranges = _ref.ranges,

package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.types.d.ts

@@ -1,5 +1,5 @@
-import { RelativeMode, Texts, DateRangePickerProps } from '../../../DateRangePicker.types';
-import { DateRange, RelativeDateRange, RelativeUnits } from '../../../date.types';
+import { type DateRangePickerProps, type RelativeMode, type Texts } from '../../../DateRangePicker.types';
+import { type DateRange, type RelativeDateRange, type RelativeUnits } from '../../../date.types';
 export type Props = {
     ranges?: DateRange[];
     currentRange: RelativeDateRange;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Props } from './DurationField.types';
+import { type Props } from './DurationField.types';
 export declare const setDurationType: (a: any, obj: any) => any;
 declare const DurationField: ({ currentGroup, currentRange, handleChange, handleDurationValueChange, rangeUnits, texts, }: Props) => React.JSX.Element;
 export default DurationField;