@synerise/ds-date-range-picker 0.26.9 → 0.26.11

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.26.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.26.10...@synerise/ds-date-range-picker@0.26.11) (2024-02-21)
+
+**Note:** Version bump only for package @synerise/ds-date-range-picker
+
+
+
+
+
+## [0.26.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.26.9...@synerise/ds-date-range-picker@0.26.10) (2024-02-19)
+
+
+### Bug Fixes
+
+* **date-range-picker:** set body timezone request ([35755ee](https://github.com/Synerise/synerise-design/commit/35755ee22bd740621577f65278e8919b71d53813))
+
+
+
+
+
 ## [0.26.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.26.8...@synerise/ds-date-range-picker@0.26.9) (2024-02-19)
 
 **Note:** Version bump only for package @synerise/ds-date-range-picker

package/dist/Footer/Footer.js

@@ -21,6 +21,7 @@ import fnsFormat from '../dateUtils/format';
 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,
@@ -49,7 +50,8 @@ var Footer = function Footer(_ref) {
       return fnsFormat(getDateFromString(date), footerFormat, intl.locale);
     }
 
-    return formatValue(date, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
+    var parseDate = new Date(toIsoStringWithoutZone(date));
+    return formatValue(parseDate, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
   }, [footerFormat, format, formatValue, intl.locale, valueFormatOptions, showTime]);
   var ChosenRange = React.useMemo(function () {
     if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {

package/dist/RangePickerInput/RangePickerInput.js

@@ -5,20 +5,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
-import fnsIsValid from 'date-fns/isValid';
 import Icon, { ArrowRightS, CalendarM, Close3S } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
-import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-format'; // eslint-disable-next-line import/no-named-default
-
-import { default as fnsFormat } from '../dateUtils/format';
+import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-data-format';
 import * as S from './RangePickerInput.styles';
 import { normalizeRange } from '../utils';
 import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
 
 var RangePickerInput = function RangePickerInput(_ref) {
   var value = _ref.value,
-      format = _ref.format,
       valueFormatOptions = _ref.valueFormatOptions,
       showTime = _ref.showTime,
       onChange = _ref.onChange,
@@ -63,16 +59,9 @@ var RangePickerInput = function RangePickerInput(_ref) {
     onClick && onClick(e);
   }, [onClick]);
   var getText = React.useCallback(function (dateToDisplay) {
-    if (!dateToDisplay || !fnsIsValid(dateToDisplay)) return '';
-    var dateValue = dateToDisplay;
-
-    if (typeof dateToDisplay === 'string') {
-      dateValue = new Date(dateToDisplay);
-      return fnsFormat(dateValue, format || showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
-    }
-
-    return formatValue(dateToDisplay, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
-  }, [format, showTime, formatValue, valueFormatOptions]);
+    var dateValue = new Date(dateToDisplay);
+    return formatValue(dateValue, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
+  }, [showTime, formatValue, valueFormatOptions]);
   var renderFromDate = React.useCallback(function () {
     var isFromDateDefined = dateRangeValue && dateRangeValue.from;
     var text = dateRangeValue && isFromDateDefined ? /*#__PURE__*/React.createElement(S.DateValue, null, getText(dateRangeValue.from)) : texts == null ? void 0 : texts.startDatePlaceholder;

package/dist/RawDateRangePicker.js

@@ -24,7 +24,7 @@ import relativeToAbsolute from './dateUtils/relativeToAbsolute';
 import AddonCollapse from './AddonCollapse/AddonCollapse';
 import RelativeRangePicker from './RelativeRangePicker/RelativeRangePicker';
 import Footer from './Footer/Footer';
-import { getDefaultTexts, normalizeRange } from './utils';
+import { getDefaultTexts, normalizeRange, toIsoString } from './utils';
 import RangeFilter from './RangeFilter/RangeFilter';
 import RangeFilterStatus from './RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus';
 import { isLifetime } from './RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
@@ -162,11 +162,11 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleApply", function () {
+      var intl = _this.props.intl;
       var value = _this.state.value;
       var _this$props3 = _this.props,
           forceAbsolute = _this$props3.forceAbsolute,
-          onApply = _this$props3.onApply,
-          valueTransformer = _this$props3.valueTransformer;
+          onApply = _this$props3.onApply;
 
       if (forceAbsolute && value.type === RELATIVE) {
         onApply && onApply(_objectSpread({}, value, {}, relativeToAbsolute(value)));
@@ -179,15 +179,13 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
       }
 
       if (onApply) {
-        var _valueTransformer2;
-
         var valueToEmit = _objectSpread({}, value, {
-          from: value.type === ABSOLUTE && value.from instanceof Date ? value.from.toISOString() : undefined,
-          to: value.type === ABSOLUTE && value.to instanceof Date ? value.to.toISOString() : undefined,
+          from: value.type === ABSOLUTE && value.from instanceof Date ? toIsoString(value.from, intl.timeZone) : undefined,
+          to: value.type === ABSOLUTE && value.to instanceof Date ? toIsoString(value.to, intl.timeZone) : undefined,
           type: value.type
         });
 
-        onApply((_valueTransformer2 = valueTransformer == null ? void 0 : valueTransformer(valueToEmit)) != null ? _valueTransformer2 : valueToEmit);
+        onApply(valueToEmit);
       }
     });
 
@@ -373,7 +371,7 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
       className: containerClass
     }, /*#__PURE__*/React.createElement(RangePicker, {
       showNowButton: showNowButton,
-      value: value,
+      value: normalizeRange(value),
       onChange: this.handleRangeChange,
       mode: mode,
       disabledDate: disabledDate,

package/dist/utils.d.ts

@@ -4,6 +4,8 @@ import START_OF from './dateUtils/startOf';
 import END_OF from './dateUtils/endOf';
 import { Texts } from './DateRangePicker.types';
 export { START_OF, END_OF };
+export declare function toIsoString(date: Date, timeZone?: string | undefined): string;
+export declare function toIsoStringWithoutZone(date: Date): string;
 export declare const normalizeRange: (range: DateRange) => DateRange;
 export declare const getDefaultTexts: (intl: IntlShape, disableDefault?: boolean, texts?: Partial<Texts>) => Texts;
 export declare const DEFAULT_RANGE: DateRange;

package/dist/utils.js

@@ -6,13 +6,37 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import fnsMin from 'date-fns/min';
 import fnsMax from 'date-fns/max';
-import { legacyParse } from '@date-fns/upgrade/v2';
+import { getTimezoneOffset } from 'date-fns-tz';
 import { omit } from 'lodash';
 import { ABSOLUTE, CUSTOM_RANGE_KEY, RELATIVE } from './constants';
 import ADD from './dateUtils/add';
 import START_OF from './dateUtils/startOf';
 import END_OF from './dateUtils/endOf';
 export { START_OF, END_OF };
+
+var rmvTZOffset = function rmvTZOffset(dateString) {
+  var date = dateString.toString();
+  var finalDate = date.replace(/[+-]\d\d:\d\d$/, '');
+  return finalDate;
+};
+
+var pad = function pad(num) {
+  return (num < 10 ? '0' : '') + num;
+};
+
+export function toIsoString(date, timeZone) {
+  if (timeZone === void 0) {
+    timeZone = 'UTC';
+  }
+
+  if (!timeZone) return new Date(date).toISOString();
+  var timeZoneOffset = getTimezoneOffset(timeZone, date);
+  var dif = timeZoneOffset >= 0 ? '+' : '-';
+  return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate()) + "T" + pad(date.getHours()) + ":" + pad(date.getMinutes()) + ":" + pad(date.getSeconds()) + dif + pad(Math.floor(Math.abs(timeZoneOffset) / 60 / 60 / 1000)) + ":" + pad(Math.abs(timeZoneOffset) % 60);
+}
+export function toIsoStringWithoutZone(date) {
+  return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate()) + "T" + pad(date.getHours()) + ":" + pad(date.getMinutes()) + ":" + pad(date.getSeconds());
+}
 export var normalizeRange = function normalizeRange(range) {
   if (!range || !range.type) {
     return {
@@ -54,14 +78,13 @@ export var normalizeRange = function normalizeRange(range) {
       }
     }
 
-    var _from = fnsMin([left, right]);
-
-    var _to = fnsMax([left, right]);
+    var from = fnsMin([left, right]);
+    var to = fnsMax([left, right]);
 
     var normalizedRange = _objectSpread({}, range, {
       type: RELATIVE,
-      from: _from,
-      to: _to,
+      from: from,
+      to: to,
       offset: offset,
       duration: duration,
       future: future
@@ -71,16 +94,14 @@ export var normalizeRange = function normalizeRange(range) {
   }
 
   var keys = Object.keys(range);
-  var from = range.from ? legacyParse(range.from) : undefined;
-  var to = range.to ? legacyParse(range.to) : undefined;
 
   var dropNonAbsolute = function dropNonAbsolute(dateRange) {
     return omit(dateRange, ['offset', 'duration', 'future']);
   };
 
   var absoluteRange = _objectSpread({}, dropNonAbsolute(range), {
-    from: from,
-    to: to
+    from: range.from ? new Date(rmvTZOffset(range == null ? void 0 : range.from)) : undefined,
+    to: range.to ? new Date(rmvTZOffset(range == null ? void 0 : range.to)) : undefined
   });
 
   if (!keys.includes('from') && !keys.includes('to')) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.26.9",
+  "version": "0.26.11",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,26 +34,27 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^0.6.49",
-    "@synerise/ds-button": "^0.19.0",
-    "@synerise/ds-button-group": "^0.6.40",
-    "@synerise/ds-data-format": "^0.4.7",
-    "@synerise/ds-date-picker": "^0.10.35",
-    "@synerise/ds-dropdown": "^0.17.96",
-    "@synerise/ds-icon": "^0.60.0",
-    "@synerise/ds-inline-edit": "^0.6.96",
-    "@synerise/ds-input": "^0.19.17",
-    "@synerise/ds-input-number": "^0.9.3",
-    "@synerise/ds-manageable-list": "^0.26.27",
-    "@synerise/ds-menu": "^0.18.12",
-    "@synerise/ds-scrollbar": "^0.8.0",
-    "@synerise/ds-select": "^0.15.35",
-    "@synerise/ds-slider": "^0.13.14",
-    "@synerise/ds-tags": "^0.8.30",
-    "@synerise/ds-time-picker": "^0.9.14",
-    "@synerise/ds-tooltip": "^0.14.17",
-    "@synerise/ds-utils": "^0.24.24",
+    "@synerise/ds-badge": "^0.6.51",
+    "@synerise/ds-button": "^0.19.2",
+    "@synerise/ds-button-group": "^0.6.42",
+    "@synerise/ds-data-format": "^0.4.8",
+    "@synerise/ds-date-picker": "^0.10.37",
+    "@synerise/ds-dropdown": "^0.17.98",
+    "@synerise/ds-icon": "^0.60.2",
+    "@synerise/ds-inline-edit": "^0.6.98",
+    "@synerise/ds-input": "^0.19.19",
+    "@synerise/ds-input-number": "^0.9.5",
+    "@synerise/ds-manageable-list": "^0.26.29",
+    "@synerise/ds-menu": "^0.18.14",
+    "@synerise/ds-scrollbar": "^0.8.2",
+    "@synerise/ds-select": "^0.15.37",
+    "@synerise/ds-slider": "^0.13.16",
+    "@synerise/ds-tags": "^0.8.32",
+    "@synerise/ds-time-picker": "^0.9.16",
+    "@synerise/ds-tooltip": "^0.14.19",
+    "@synerise/ds-utils": "^0.24.26",
     "date-fns": "^2.16.1",
+    "date-fns-tz": "1.1.4",
     "dayjs": "^1.8.35",
     "lodash": "^4.17.20",
     "ramda": "^0.27.0",
@@ -73,5 +74,5 @@
     "@testing-library/user-event": "^10.3.1",
     "@types/ramda": "^0.28.23"
   },
-  "gitHead": "17e3bca1d4d134a28aaa186f0e2637616ca86174"
+  "gitHead": "673df74b628304300c09f0d7e26279b5901cd925"
 }