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

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

@@ -1,115 +1,119 @@
-var _excluded = ["days", "numberOfDays", "daily", "intl", "texts", "disabled"];
-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; }
-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 dayjs from 'dayjs';
-import range from 'lodash.range';
-import React, { PureComponent, createRef } from 'react';
-import { FormattedMessage, injectIntl } from 'react-intl';
-import { withDataFormat } from '@synerise/ds-core';
-import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, TIME_FORMAT } from '../../constants';
-import AddButton from '../AddButton/AddButton';
-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() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
-    _this.state = {
-      activeDays: _this.props.daily ? [0] : [],
+import { jsx, jsxs } from "react/jsx-runtime";
+import dayjs from "dayjs";
+import range from "lodash.range";
+import { PureComponent, createRef } from "react";
+import { injectIntl, FormattedMessage } from "react-intl";
+import { withDataFormat } from "@synerise/ds-core";
+import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, TIME_FORMAT } from "../../constants.js";
+import AddButton from "../AddButton/AddButton.js";
+import SelectionCount from "../SelectionCount/SelectionCount.js";
+import SelectionHint from "../SelectionHint/SelectionHint.js";
+import Day from "./Day/Day.js";
+import Grid from "./Grid/Grid.js";
+import RangeFormContainer from "./RangeFormContainer/RangeFormContainer.js";
+import { TimeWindowContainer, AddButtonWrapper } from "./TimeWindow.styles.js";
+import { EU_NOTATION_WEEK_DAYS_INDEXES, EU_NOTATION_MONTH_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_MONTH_DAYS_INDEXES } from "./constants/timeWindow.constants.js";
+import { getDateFromDayValue } from "./utils.js";
+const DEFAULT_LIMIT_MODE = "Range";
+const _TimeWindowBase = class _TimeWindowBase extends PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      activeDays: this.props.daily ? [0] : [],
       controlKeyPressed: false
     };
-    _this.wrapperRef = /*#__PURE__*/createRef();
-    _this.isDayRestricted = function (dayKey) {
-      var days = _this.props.days;
+    this.wrapperRef = createRef();
+    this.isDayRestricted = (dayKey) => {
+      const {
+        days
+      } = this.props;
       return !!days[dayKey] && days[dayKey].restricted;
     };
-    _this.checkActiveDay = function (dayKey) {
-      var isRangeDefined = _this.state.isRangeDefined;
-      if (!_this.isDayRestricted(dayKey) && isRangeDefined && !_this.haveActiveDaysCommonRange()) {
-        _this.checkDay(dayKey);
+    this.checkActiveDay = (dayKey) => {
+      const {
+        isRangeDefined
+      } = this.state;
+      if (!this.isDayRestricted(dayKey) && isRangeDefined && !this.haveActiveDaysCommonRange()) {
+        this.checkDay(dayKey);
       }
-      var _this$state = _this.state,
-        activeDays = _this$state.activeDays,
-        controlKeyPressed = _this$state.controlKeyPressed,
-        shiftKeyPressed = _this$state.shiftKeyPressed;
-      var updatedActiveDay = [];
+      const {
+        activeDays,
+        controlKeyPressed,
+        shiftKeyPressed
+      } = this.state;
+      let updatedActiveDay = [];
       if (controlKeyPressed) {
-        updatedActiveDay = activeDays.includes(dayKey) ? activeDays : [].concat(activeDays, [dayKey]);
+        updatedActiveDay = activeDays.includes(dayKey) ? activeDays : [...activeDays, dayKey];
       } else if (activeDays.length > 0 && shiftKeyPressed) {
         updatedActiveDay = activeDays[0] < dayKey ? range(+activeDays[0], +dayKey + 1) : range(+dayKey, +activeDays[0] + 1);
       } else {
         updatedActiveDay = [dayKey];
       }
-      _this.setState(function (state) {
-        return _extends({}, state, {
-          activeDays: updatedActiveDay
-        });
-      });
+      this.setState((state) => ({
+        ...state,
+        activeDays: updatedActiveDay
+      }));
     };
-    _this.uncheckActiveDay = function (dayKey) {
-      var _this$state2 = _this.state,
-        activeDays = _this$state2.activeDays,
-        controlKeyPressed = _this$state2.controlKeyPressed;
-      var updatedActiveDay = [];
+    this.uncheckActiveDay = (dayKey) => {
+      const {
+        activeDays,
+        controlKeyPressed
+      } = this.state;
+      let updatedActiveDay = [];
       if (controlKeyPressed) {
-        updatedActiveDay = activeDays.filter(function (day) {
-          return day !== dayKey;
-        });
+        updatedActiveDay = activeDays.filter((day) => day !== dayKey);
       }
-      _this.setState(function (state) {
-        return _extends({}, state, {
-          activeDays: updatedActiveDay
-        });
-      });
-      _this.removeDaySelection(dayKey);
+      this.setState((state) => ({
+        ...state,
+        activeDays: updatedActiveDay
+      }));
+      this.removeDaySelection(dayKey);
     };
-    _this.handleToggleDay = function (dayKey, forcedState) {
-      var _this$state3 = _this.state,
-        activeDays = _this$state3.activeDays,
-        controlKeyPressed = _this$state3.controlKeyPressed;
-      if (typeof forcedState !== 'undefined') {
+    this.handleToggleDay = (dayKey, forcedState) => {
+      const {
+        activeDays,
+        controlKeyPressed
+      } = this.state;
+      if (typeof forcedState !== "undefined") {
         if (controlKeyPressed && forcedState) {
-          activeDays.includes(dayKey) ? _this.uncheckActiveDay(dayKey) : _this.checkActiveDay(dayKey);
+          activeDays.includes(dayKey) ? this.uncheckActiveDay(dayKey) : this.checkActiveDay(dayKey);
           return;
         }
-        forcedState ? _this.checkActiveDay(dayKey) : _this.uncheckActiveDay(dayKey);
+        forcedState ? this.checkActiveDay(dayKey) : this.uncheckActiveDay(dayKey);
       } else {
-        activeDays.includes(dayKey) ? _this.uncheckActiveDay(dayKey) : _this.checkActiveDay(dayKey);
+        activeDays.includes(dayKey) ? this.uncheckActiveDay(dayKey) : this.checkActiveDay(dayKey);
       }
     };
-    _this.handleClearDay = function (dayKey) {
-      _this.removeDaySelection(dayKey);
+    this.handleClearDay = (dayKey) => {
+      this.removeDaySelection(dayKey);
     };
-    _this.handleDayChange = function (dayKey, dayChanges) {
-      var _extends2;
-      var _this$props = _this.props,
-        onChange = _this$props.onChange,
-        days = _this$props.days;
-      onChange(_extends({}, days, (_extends2 = {}, _extends2[dayKey] = _extends({}, _this.getDayValue(dayKey), dayChanges), _extends2)));
+    this.handleDayChange = (dayKey, dayChanges) => {
+      const {
+        onChange,
+        days
+      } = this.props;
+      onChange({
+        ...days,
+        [dayKey]: {
+          ...this.getDayValue(dayKey),
+          ...dayChanges
+        }
+      });
     };
-    _this.removeDaySelection = function (dayKey) {
-      var _this$props2 = _this.props,
-        onChange = _this$props2.onChange,
-        days = _this$props2.days;
-      var updatedDays = days;
+    this.removeDaySelection = (dayKey) => {
+      const {
+        onChange,
+        days
+      } = this.props;
+      const updatedDays = days;
       delete updatedDays[dayKey];
       onChange(updatedDays);
     };
-    _this.checkDay = function (dayKey) {
-      var onCheckDay = _this.props.onCheckDay;
-      _this.handleDayChange(dayKey, {
+    this.checkDay = (dayKey) => {
+      const {
+        onCheckDay
+      } = this.props;
+      this.handleDayChange(dayKey, {
         start: DEFAULT_RANGE_START,
         stop: DEFAULT_RANGE_END,
         restricted: true,
@@ -117,120 +121,146 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       });
       onCheckDay && onCheckDay(dayKey);
     };
-    _this.handleDayTimeChange = function (value, dayKey) {
-      _this.handleDayChange(dayKey, {
+    this.handleDayTimeChange = (value, dayKey) => {
+      this.handleDayChange(dayKey, {
         restricted: true,
-        start: value[0] !== undefined ? dayjs(value[0]).format(TIME_FORMAT) : DEFAULT_RANGE_START,
-        stop: value[1] !== undefined ? dayjs(value[1]).format(TIME_FORMAT) : DEFAULT_RANGE_END,
+        start: value[0] !== void 0 ? dayjs(value[0]).format(TIME_FORMAT) : DEFAULT_RANGE_START,
+        stop: value[1] !== void 0 ? dayjs(value[1]).format(TIME_FORMAT) : DEFAULT_RANGE_END,
         inverted: Boolean(value[2])
       });
     };
-    _this.handleMultipleDayTimeChange = function (value) {
-      var _this$props3 = _this.props,
-        onChange = _this$props3.onChange,
-        days = _this$props3.days;
-      var activeDays = _this.state.activeDays;
-      var updatedDays = {};
-      activeDays.forEach(function (k) {
-        updatedDays[k] = _extends({}, _this.getDayValue(k), {
+    this.handleMultipleDayTimeChange = (value) => {
+      const {
+        onChange,
+        days
+      } = this.props;
+      const {
+        activeDays
+      } = this.state;
+      const updatedDays = {};
+      activeDays.forEach((k) => {
+        updatedDays[k] = {
+          ...this.getDayValue(k),
           day: k,
           start: dayjs(value[0]).format(TIME_FORMAT),
           stop: dayjs(value[1]).format(TIME_FORMAT),
           inverted: Boolean(value[2]),
           restricted: true
-        });
+        };
+      });
+      onChange({
+        ...days,
+        ...updatedDays
       });
-      onChange(_extends({}, days, updatedDays));
     };
-    _this.handleRangeDelete = function () {
-      var _this$props4 = _this.props,
-        onChange = _this$props4.onChange,
-        days = _this$props4.days;
-      var activeDays = _this.state.activeDays;
-      var updatedDays = days;
-      activeDays.forEach(function (k) {
+    this.handleRangeDelete = () => {
+      const {
+        onChange,
+        days
+      } = this.props;
+      const {
+        activeDays
+      } = this.state;
+      const updatedDays = days;
+      activeDays.forEach((k) => {
         delete updatedDays[k];
       });
-      onChange(_extends({}, updatedDays));
+      onChange({
+        ...updatedDays
+      });
     };
-    _this.handleClearSelection = function () {
-      _this.setState({
+    this.handleClearSelection = () => {
+      this.setState({
         activeDays: [],
         isRangeDefined: false
       });
     };
-    _this.handleSelectAll = function () {
-      var keys = _this.getAllKeys();
-      var onSelectAll = _this.props.onSelectAll;
-      _this.setState({
+    this.handleSelectAll = () => {
+      const keys = this.getAllKeys();
+      const {
+        onSelectAll
+      } = this.props;
+      this.setState({
         activeDays: keys
-      }, function () {
+      }, () => {
         onSelectAll && onSelectAll();
       });
     };
-    _this.getDayValue = function (dayKey) {
-      var _customDays$dayKey, _customDays$dayKey2;
-      var _this$props5 = _this.props,
-        days = _this$props5.days,
-        dayTemplate = _this$props5.dayTemplate,
-        customDays = _this$props5.customDays,
-        daily = _this$props5.daily,
-        valueSelectionModes = _this$props5.valueSelectionModes;
-      var dayValue = {};
+    this.getDayValue = (dayKey) => {
+      const {
+        days,
+        dayTemplate,
+        customDays,
+        daily,
+        valueSelectionModes
+      } = this.props;
+      let dayValue = {};
       if (daily) {
         dayValue = days;
       } else if (days[dayKey]) {
         dayValue = days[dayKey];
-      } else if (typeof dayKey === 'number') {
+      } 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) {
+      } else if (customDays && customDays[dayKey]?.template && customDays[dayKey]?.template !== null) {
         dayValue = customDays[dayKey].template;
       }
-      return _extends({
+      return {
         start: DEFAULT_RANGE_START,
         stop: DEFAULT_RANGE_END,
         restricted: false,
         display: false,
         inverted: false,
-        mode: valueSelectionModes[0] || DEFAULT_LIMIT_MODE
-      }, dayValue);
+        mode: valueSelectionModes[0] || DEFAULT_LIMIT_MODE,
+        ...dayValue
+      };
     };
-    _this.getDayLabel = function (dayKey, _long) {
-      var _this$props6 = _this.props,
-        dayFormatter = _this$props6.dayFormatter,
-        customDays = _this$props6.customDays;
-      var label;
-      if (typeof dayKey === 'string' && customDays && customDays[dayKey]) {
-        label = customDays[dayKey][_long ? 'longLabel' : 'label'] || customDays[dayKey].label;
+    this.getDayLabel = (dayKey, long) => {
+      const {
+        dayFormatter,
+        customDays
+      } = this.props;
+      let label;
+      if (typeof dayKey === "string" && customDays && customDays[dayKey]) {
+        label = customDays[dayKey][long ? "longLabel" : "label"] || customDays[dayKey].label;
       }
       if (!label) {
-        label = dayFormatter(dayKey, _long);
+        label = dayFormatter(dayKey, long);
       }
       return label;
     };
-    _this.handleRangePaste = function (dayKeys) {
-      var rangeClipboard = _this.props.rangeClipboard;
-      var activeDays = _this.state.activeDays;
-      if (rangeClipboard != null && rangeClipboard.stop && rangeClipboard != null && rangeClipboard.start) {
-        activeDays.length > 1 ? _this.handleMultipleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard == null ? void 0 : rangeClipboard.inverted]) : _this.handleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard == null ? void 0 : rangeClipboard.inverted], dayKeys);
+    this.handleRangePaste = (dayKeys) => {
+      const {
+        rangeClipboard
+      } = this.props;
+      const {
+        activeDays
+      } = this.state;
+      if (rangeClipboard?.stop && rangeClipboard?.start) {
+        activeDays.length > 1 ? this.handleMultipleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard?.inverted]) : this.handleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard?.inverted], dayKeys);
       }
     };
-    _this.handleRangeCopy = function () {
-      var onRangeCopy = _this.props.onRangeCopy;
-      var activeDays = _this.state.activeDays;
-      var dayValue = _this.getDayValue(activeDays[0]);
+    this.handleRangeCopy = () => {
+      const {
+        onRangeCopy
+      } = this.props;
+      const {
+        activeDays
+      } = this.state;
+      const dayValue = this.getDayValue(activeDays[0]);
       onRangeCopy && onRangeCopy({
         start: dayValue.start,
         stop: dayValue.stop,
         inverted: dayValue.inverted
       });
     };
-    _this.replaceDaysIndexesForUSNotation = function (daysIndexes) {
-      var isSundayFirstWeekDay = _this.props.isSundayFirstWeekDay;
-      var stringifyDaysIndexes = JSON.stringify(daysIndexes);
-      var stringifyEUNotationWeekDaysIndexes = JSON.stringify(EU_NOTATION_WEEK_DAYS_INDEXES);
-      var stringifyEUNotationMonthDaysIndexes = JSON.stringify(EU_NOTATION_MONTH_DAYS_INDEXES);
-      var result = daysIndexes;
+    this.replaceDaysIndexesForUSNotation = (daysIndexes) => {
+      const {
+        isSundayFirstWeekDay
+      } = this.props;
+      const stringifyDaysIndexes = JSON.stringify(daysIndexes);
+      const stringifyEUNotationWeekDaysIndexes = JSON.stringify(EU_NOTATION_WEEK_DAYS_INDEXES);
+      const stringifyEUNotationMonthDaysIndexes = JSON.stringify(EU_NOTATION_MONTH_DAYS_INDEXES);
+      let result = daysIndexes;
       if (stringifyDaysIndexes === stringifyEUNotationWeekDaysIndexes && isSundayFirstWeekDay) {
         result = US_NOTATION_WEEK_DAYS_INDEXES;
       }
@@ -239,29 +269,35 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       }
       return result;
     };
-    _this.getAllKeys = function () {
-      var _this$props7 = _this.props,
-        numberOfDays = _this$props7.numberOfDays,
-        customDays = _this$props7.customDays;
-      var keys = range(numberOfDays);
-      keys = _this.replaceDaysIndexesForUSNotation(keys).slice();
+    this.getAllKeys = () => {
+      const {
+        numberOfDays,
+        customDays
+      } = this.props;
+      let keys = range(numberOfDays);
+      keys = this.replaceDaysIndexesForUSNotation(keys).slice();
       if (customDays) {
-        keys = [].concat(keys, Object.keys(customDays));
+        keys = [...keys, ...Object.keys(customDays)];
       }
       return keys;
     };
-    _this.renderDay = function (dayKey) {
-      var _this$props8 = _this.props,
-        customDays = _this$props8.customDays,
-        intl = _this$props8.intl,
-        readOnly = _this$props8.readOnly,
-        texts = _this$props8.texts;
-      var activeDays = _this.state.activeDays;
-      var isRestricted = _this.isDayRestricted(dayKey);
-      var isActive = activeDays.includes(dayKey);
-      var Component;
-      if (typeof dayKey === 'string' && customDays && customDays[dayKey]) {
-        var CustomComponent = customDays[dayKey].component;
+    this.renderDay = (dayKey) => {
+      const {
+        customDays,
+        intl,
+        readOnly,
+        texts
+      } = this.props;
+      const {
+        activeDays
+      } = this.state;
+      const isRestricted = this.isDayRestricted(dayKey);
+      const isActive = activeDays.includes(dayKey);
+      let Component;
+      if (typeof dayKey === "string" && customDays && customDays[dayKey]) {
+        const {
+          component: CustomComponent
+        } = customDays[dayKey];
         if (CustomComponent) {
           Component = CustomComponent;
         }
@@ -269,79 +305,50 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       if (!Component) {
         Component = Day;
       }
-      return /*#__PURE__*/React.createElement(Component, {
-        key: dayKey,
-        dayKey: dayKey,
-        "data-attr": dayKey,
-        label: _this.getDayLabel(dayKey),
-        restricted: isRestricted,
-        active: isActive,
-        readOnly: readOnly,
-        intl: intl,
-        onToggle: _this.handleToggleDay,
-        onClear: _this.handleClearDay,
-        texts: texts
-      });
+      return /* @__PURE__ */ jsx(Component, { dayKey, "data-attr": dayKey, label: this.getDayLabel(dayKey), restricted: isRestricted, active: isActive, readOnly, intl, onToggle: this.handleToggleDay, onClear: this.handleClearDay, texts }, dayKey);
     };
-    _this.handleRangeAdd = function () {
-      var daily = _this.props.daily;
-      if (!daily && !_this.haveActiveDaysCommonRange()) {
-        _this.handleMultipleDayTimeChange([getDateFromDayValue(DEFAULT_RANGE_START), getDateFromDayValue(DEFAULT_RANGE_END), false]);
+    this.handleRangeAdd = () => {
+      const {
+        daily
+      } = this.props;
+      if (!daily && !this.haveActiveDaysCommonRange()) {
+        this.handleMultipleDayTimeChange([getDateFromDayValue(DEFAULT_RANGE_START), getDateFromDayValue(DEFAULT_RANGE_END), false]);
       }
-      _this.setState({
+      this.setState({
         isRangeDefined: true
       });
     };
-    _this.renderRangeForm = function (dayKeys) {
-      var activeDays = _this.state.activeDays;
-      var _this$props9 = _this.props,
-        hideHeader = _this$props9.hideHeader,
-        headerOptions = _this$props9.headerOptions,
-        monthlyFilterPeriod = _this$props9.monthlyFilterPeriod,
-        monthlyFilter = _this$props9.monthlyFilter,
-        daily = _this$props9.daily,
-        days = _this$props9.days,
-        onChange = _this$props9.onChange,
-        texts = _this$props9.texts,
-        valueSelectionModes = _this$props9.valueSelectionModes,
-        renderRangeFormSuffix = _this$props9.renderRangeFormSuffix,
-        timePickerProps = _this$props9.timePickerProps,
-        disabled = _this$props9.disabled,
-        rangeDisplayMode = _this$props9.rangeDisplayMode;
-      return /*#__PURE__*/React.createElement(RangeFormContainer, {
-        disabled: disabled,
-        onChange: onChange,
-        days: days,
-        activeDays: activeDays,
-        dayKeys: dayKeys,
-        getDayLabel: _this.getDayLabel,
-        getDayValue: _this.getDayValue,
-        onMultipleDayTimeChange: _this.handleMultipleDayTimeChange,
-        onDayTimeChange: _this.handleDayTimeChange,
-        onRangeClear: disabled ? undefined : _this.handleRangeDelete,
-        onRangeCopy: disabled ? undefined : _this.handleRangeCopy,
-        onRangePaste: function onRangePaste() {
-          return _this.handleRangePaste(dayKeys);
-        },
-        hideHeader: hideHeader,
-        headerOptions: headerOptions,
-        monthlyFilter: monthlyFilter,
-        monthlyFilterPeriod: monthlyFilterPeriod,
-        onRangeDelete: daily ? undefined : _this.handleRangeDelete,
-        texts: texts,
-        renderSuffix: renderRangeFormSuffix,
-        timePickerProps: timePickerProps,
-        valueSelectionModes: valueSelectionModes,
-        rangeDisplayMode: rangeDisplayMode
-      });
+    this.renderRangeForm = (dayKeys) => {
+      const {
+        activeDays
+      } = this.state;
+      const {
+        hideHeader,
+        headerOptions,
+        monthlyFilterPeriod,
+        monthlyFilter,
+        daily,
+        days,
+        onChange,
+        texts,
+        valueSelectionModes,
+        renderRangeFormSuffix,
+        timePickerProps,
+        disabled,
+        rangeDisplayMode
+      } = this.props;
+      return /* @__PURE__ */ jsx(RangeFormContainer, { disabled, onChange, days, activeDays, dayKeys, getDayLabel: this.getDayLabel, getDayValue: this.getDayValue, onMultipleDayTimeChange: this.handleMultipleDayTimeChange, onDayTimeChange: this.handleDayTimeChange, onRangeClear: disabled ? void 0 : this.handleRangeDelete, onRangeCopy: disabled ? void 0 : this.handleRangeCopy, onRangePaste: () => this.handleRangePaste(dayKeys), hideHeader, headerOptions, monthlyFilter, monthlyFilterPeriod, onRangeDelete: daily ? void 0 : this.handleRangeDelete, texts, renderSuffix: renderRangeFormSuffix, timePickerProps, valueSelectionModes, rangeDisplayMode });
     };
-    _this.haveActiveDaysCommonRange = function () {
-      var activeDays = _this.state.activeDays;
-      var days = _this.props.days;
-      var previousDay;
-      var activeDaysHaveDifferentRanges = activeDays.some(function (dayIndex) {
-        var _previousDay, _previousDay2;
-        var currentDay = days[dayIndex];
+    this.haveActiveDaysCommonRange = () => {
+      const {
+        activeDays
+      } = this.state;
+      const {
+        days
+      } = this.props;
+      let previousDay;
+      const activeDaysHaveDifferentRanges = activeDays.some((dayIndex) => {
+        const currentDay = days[dayIndex];
         if (!currentDay) {
           return true;
         }
@@ -349,130 +356,102 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
           previousDay = currentDay;
           return false;
         }
-        var areRangeDifferent = (currentDay == null ? void 0 : currentDay.start) !== ((_previousDay = previousDay) == null ? void 0 : _previousDay.start) || (currentDay == null ? void 0 : currentDay.stop) !== ((_previousDay2 = previousDay) == null ? void 0 : _previousDay2.stop);
+        const areRangeDifferent = currentDay?.start !== previousDay?.start || currentDay?.stop !== previousDay?.stop;
         previousDay = currentDay;
         return areRangeDifferent;
       });
       return !activeDaysHaveDifferentRanges;
     };
-    _this.handleKeyDown = function (e) {
-      if (e.key === 'Shift') {
-        _this.setState(function (state) {
-          return _extends({}, state, {
-            controlKeyPressed: false,
-            shiftKeyPressed: true
-          });
-        });
+    this.handleKeyDown = (e) => {
+      if (e.key === "Shift") {
+        this.setState((state) => ({
+          ...state,
+          controlKeyPressed: false,
+          shiftKeyPressed: true
+        }));
       }
-      if (e.key === 'Control' || e.key === 'Meta') {
-        _this.setState(function (state) {
-          return _extends({}, state, {
-            controlKeyPressed: true,
-            shiftKeyPressed: false
-          });
-        });
+      if (e.key === "Control" || e.key === "Meta") {
+        this.setState((state) => ({
+          ...state,
+          controlKeyPressed: true,
+          shiftKeyPressed: false
+        }));
       }
     };
-    _this.handleKeyUp = function (e) {
-      if (e.key === 'Control' || e.key === 'Meta') {
-        _this.setState(function (state) {
-          return _extends({}, state, {
-            controlKeyPressed: false
-          });
-        });
+    this.handleKeyUp = (e) => {
+      if (e.key === "Control" || e.key === "Meta") {
+        this.setState((state) => ({
+          ...state,
+          controlKeyPressed: false
+        }));
       }
-      if (e.key === 'Shift') {
-        _this.setState(function (state) {
-          return _extends({}, state, {
-            shiftKeyPressed: false
-          });
-        });
+      if (e.key === "Shift") {
+        this.setState((state) => ({
+          ...state,
+          shiftKeyPressed: false
+        }));
       }
     };
-    return _this;
   }
-  _inheritsLoose(TimeWindowBase, _PureComponent);
-  var _proto = TimeWindowBase.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    var wrapper = this.wrapperRef;
-    if (wrapper != null && wrapper.current && wrapper.current !== null) {
-      // focus on wrapper to enable listening for keydown without having to click on wrapper
+  componentDidMount() {
+    const wrapper = this.wrapperRef;
+    if (wrapper?.current && wrapper.current !== null) {
       wrapper.current.focus();
     }
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
-    var activeDays = this.state.activeDays;
-    var hasCommonRange = this.haveActiveDaysCommonRange();
+  }
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      activeDays
+    } = this.state;
+    const hasCommonRange = this.haveActiveDaysCommonRange();
     if (prevState.isRangeDefined !== hasCommonRange && activeDays.length) {
-      this.setState(function (state) {
-        return _extends({}, state, {
-          isRangeDefined: hasCommonRange
-        });
-      });
+      this.setState((state) => ({
+        ...state,
+        isRangeDefined: hasCommonRange
+      }));
     }
-  };
-  _proto.render = function render() {
-    var _this$props0 = this.props,
-      days = _this$props0.days,
-      numberOfDays = _this$props0.numberOfDays,
-      daily = _this$props0.daily,
-      intl = _this$props0.intl,
-      texts = _this$props0.texts,
-      disabled = _this$props0.disabled,
-      rest = _objectWithoutPropertiesLoose(_this$props0, _excluded);
-    var _this$state4 = this.state,
-      activeDays = _this$state4.activeDays,
-      isRangeDefined = _this$state4.isRangeDefined;
-    var keys = this.getAllKeys();
-    var singleMode = keys.length === 1;
-    var rangeFormKey = singleMode ? keys[0] : activeDays;
-    var shouldRenderRangeForm = !!activeDays.length && isRangeDefined || !!daily;
-    var shouldRenderSelectionHint = !activeDays.length && !disabled;
-    var shouldRenderAddButton = !!activeDays.length && !daily && !isRangeDefined && !disabled;
-    return /*#__PURE__*/React.createElement(S.TimeWindowContainer, {
-      tabIndex: 0,
-      ref: this.wrapperRef,
-      onKeyDown: this.handleKeyDown,
-      onKeyUp: this.handleKeyUp
-    }, !singleMode && /*#__PURE__*/React.createElement(Grid, _extends({
-      onUnselectAll: this.handleClearSelection,
-      onSelectAll: this.handleSelectAll,
-      showUnselectAll: (activeDays == null ? void 0 : activeDays.length) > 0,
-      renderDay: this.renderDay,
-      keys: keys,
-      days: days,
-      intl: intl,
-      numberOfDays: numberOfDays,
-      texts: texts
-    }, rest, {
-      showSelectAll: keys.length > (activeDays == null ? void 0 : activeDays.length),
-      title: /*#__PURE__*/React.createElement(SelectionCount, {
-        selectedDayCount: activeDays.length,
-        label: texts.selected
-      })
-    })), shouldRenderRangeForm && this.renderRangeForm(rangeFormKey), shouldRenderSelectionHint && /*#__PURE__*/React.createElement(SelectionHint, {
-      message: texts.selectDaysDescription
-    }), shouldRenderAddButton && /*#__PURE__*/React.createElement(S.AddButtonWrapper, null, /*#__PURE__*/React.createElement(AddButton, {
-      label: texts.addTime,
-      onClick: this.handleRangeAdd
-    })));
-  };
-  return TimeWindowBase;
-}(PureComponent);
-TimeWindowBase.defaultProps = {
+  }
+  render() {
+    const {
+      days,
+      numberOfDays,
+      daily,
+      intl,
+      texts,
+      disabled,
+      ...rest
+    } = this.props;
+    const {
+      activeDays,
+      isRangeDefined
+    } = this.state;
+    const keys = this.getAllKeys();
+    const singleMode = keys.length === 1;
+    const rangeFormKey = singleMode ? keys[0] : activeDays;
+    const shouldRenderRangeForm = !!activeDays.length && isRangeDefined || !!daily;
+    const shouldRenderSelectionHint = !activeDays.length && !disabled;
+    const shouldRenderAddButton = !!activeDays.length && !daily && !isRangeDefined && !disabled;
+    return /* @__PURE__ */ jsxs(TimeWindowContainer, { tabIndex: 0, ref: this.wrapperRef, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, children: [
+      !singleMode && /* @__PURE__ */ jsx(Grid, { onUnselectAll: this.handleClearSelection, onSelectAll: this.handleSelectAll, showUnselectAll: activeDays?.length > 0, renderDay: this.renderDay, keys, days, intl, numberOfDays, texts, ...rest, showSelectAll: keys.length > activeDays?.length, title: /* @__PURE__ */ jsx(SelectionCount, { selectedDayCount: activeDays.length, label: texts.selected }) }),
+      shouldRenderRangeForm && this.renderRangeForm(rangeFormKey),
+      shouldRenderSelectionHint && /* @__PURE__ */ jsx(SelectionHint, { message: texts.selectDaysDescription }),
+      shouldRenderAddButton && /* @__PURE__ */ jsx(AddButtonWrapper, { children: /* @__PURE__ */ jsx(AddButton, { label: texts.addTime, onClick: this.handleRangeAdd }) })
+    ] });
+  }
+};
+_TimeWindowBase.defaultProps = {
   days: {},
   numberOfDays: 1,
   showSelectAll: false,
-  valueSelectionModes: ['Range', 'Hour'],
-  dayTemplate: function dayTemplate(index) {
-    return {
-      dayOfWeek: Number(index) + 1
-    };
-  },
-  dayFormatter: function dayFormatter(dayKey) {
-    return /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-" + dayKey
-    });
-  }
+  valueSelectionModes: ["Range", "Hour"],
+  dayTemplate: (index) => ({
+    dayOfWeek: Number(index) + 1
+  }),
+  dayFormatter: (dayKey) => /* @__PURE__ */ jsx(FormattedMessage, { id: `DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-${dayKey}` })
+};
+let TimeWindowBase = _TimeWindowBase;
+const TimeWindow = withDataFormat(injectIntl(TimeWindowBase));
+export {
+  DEFAULT_LIMIT_MODE,
+  TimeWindow as default
 };
-export default withDataFormat(injectIntl(TimeWindowBase));