@hipay/hipay-material-ui 2.3.1 → 2.3.3

package/HiCell/CellDate.js

@@ -19,9 +19,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inhe
 
 var _react = _interopRequireDefault(require("react"));
 
-var _moment = _interopRequireDefault(require("moment"));
-
-require("moment/locale/fr");
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _styles = require("@material-ui/core/styles");
 
@@ -72,7 +70,7 @@ function (_React$PureComponent) {
           view = _this$props.view,
           formatShort = _this$props.formatShort;
       if (!date) return '';
-      var mdate = (0, _moment.default)(date);
+      var mdate = (0, _momentTimezone.default)(date);
       mdate.locale(locale);
       var label;
 

package/HiDatePicker/HiDatePicker.js

@@ -87,7 +87,7 @@ function (_React$Component) {
     };
 
     _this.handleReset = function () {
-      var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+      var today = (0, _momentTimezone.default)();
 
       _this.handleCurrentMonthChange(new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds()));
 
@@ -227,7 +227,7 @@ function (_React$Component) {
       }, yearPickerProps, propsOverlay));
     };
 
-    var _today = (0, _momentTimezone.default)().tz(props.timezoneName);
+    var _today = (0, _momentTimezone.default)();
 
     _this.state = {
       openedPanel: 'calendar',
@@ -261,7 +261,7 @@ function (_React$Component) {
           hideOnDayClick = _this$props.hideOnDayClick,
           props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick"]);
       var currentMonth = this.state.currentMonth;
-      var today = (0, _momentTimezone.default)().tz(this.props.timezoneName);
+      var today = (0, _momentTimezone.default)();
       var effectiveDisabledDays = (0, _objectSpread2.default)({}, disablePastDays && {
         before: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
       }, {}, disableFutureDays && {
@@ -359,7 +359,6 @@ HiDatePicker.defaultProps = {
   locale: 'fr-FR',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
   translations: {
     today: 'today'
   }

package/HiDatePicker/HiDateRangePicker.js

@@ -110,7 +110,7 @@ function (_React$Component) {
 
     _this.onDayToClick = function (day) {
       var change = (0, _momentTimezone.default)(day) >= (0, _momentTimezone.default)(_this.props.from);
-      var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+      var today = (0, _momentTimezone.default)();
       var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
 
       if (change && day > todayDate) {
@@ -143,17 +143,15 @@ function (_React$Component) {
     };
 
     _this.handleChange = function (name, day) {
-      var _this$props = _this.props,
-          translations = _this$props.translations,
-          timezoneName = _this$props.timezoneName;
+      var translations = _this.props.translations;
       var date;
       var error;
-      var today = (0, _momentTimezone.default)().tz(timezoneName);
+      var today = (0, _momentTimezone.default)();
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
-      var _this$props2 = _this.props,
-          minimumDate = _this$props2.minimumDate,
-          disableFutureDays = _this$props2.disableFutureDays,
-          format = _this$props2.format;
+      var _this$props = _this.props,
+          minimumDate = _this$props.minimumDate,
+          disableFutureDays = _this$props.disableFutureDays,
+          format = _this$props.format;
 
       if (day instanceof Date) {
         date = day;
@@ -175,7 +173,7 @@ function (_React$Component) {
         } else if ((0, _momentTimezone.default)(date).utc() < (0, _momentTimezone.default)(minimumDate).utc().startOf('day')) {
           error = translations.date_inferior_min_date.replace('%s', (0, _momentTimezone.default)(minimumDate).format(format));
         } else if (disableFutureDays && date > now) {
-          error = translations.date_superior_max_date.replace('%s', (0, _momentTimezone.default)().tz(timezoneName).format(format));
+          error = translations.date_superior_max_date.replace('%s', (0, _momentTimezone.default)().format(format));
         }
 
         if (!_this.props.enableTime) {
@@ -369,7 +367,7 @@ function (_React$Component) {
       }, yearPickerProps, propsOverlay));
     };
 
-    var _today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+    var _today = (0, _momentTimezone.default)();
 
     _this.state = {
       currentMonth: new Date(_today.year(), _today.month(), _today.date()),
@@ -390,32 +388,31 @@ function (_React$Component) {
       var _this2 = this,
           _classNames;
 
-      var _this$props3 = this.props,
-          classes = _this$props3.classes,
-          disabled = _this$props3.disabled,
-          disabledDays = _this$props3.disabledDays,
-          disableFutureDays = _this$props3.disableFutureDays,
-          enableTime = _this$props3.enableTime,
-          labelFrom = _this$props3.labelFrom,
-          labelTo = _this$props3.labelTo,
-          locale = _this$props3.locale,
-          format = _this$props3.format,
-          from = _this$props3.from,
-          fromError = _this$props3.fromError,
-          minimumDate = _this$props3.minimumDate,
-          onReset = _this$props3.onReset,
-          to = _this$props3.to,
-          toError = _this$props3.toError,
-          translations = _this$props3.translations,
-          id = _this$props3.id,
-          staticPosition = _this$props3.staticPosition,
-          errorText = _this$props3.errorText,
-          hasSelector = _this$props3.hasSelector,
-          helperIcon = _this$props3.helperIcon,
-          helperText = _this$props3.helperText,
-          timezoneName = _this$props3.timezoneName,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText", "timezoneName"]);
-      var today = (0, _momentTimezone.default)().tz(timezoneName);
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          disabled = _this$props2.disabled,
+          disabledDays = _this$props2.disabledDays,
+          disableFutureDays = _this$props2.disableFutureDays,
+          enableTime = _this$props2.enableTime,
+          labelFrom = _this$props2.labelFrom,
+          labelTo = _this$props2.labelTo,
+          locale = _this$props2.locale,
+          format = _this$props2.format,
+          from = _this$props2.from,
+          fromError = _this$props2.fromError,
+          minimumDate = _this$props2.minimumDate,
+          onReset = _this$props2.onReset,
+          to = _this$props2.to,
+          toError = _this$props2.toError,
+          translations = _this$props2.translations,
+          id = _this$props2.id,
+          staticPosition = _this$props2.staticPosition,
+          errorText = _this$props2.errorText,
+          hasSelector = _this$props2.hasSelector,
+          helperIcon = _this$props2.helperIcon,
+          helperText = _this$props2.helperText,
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText"]);
+      var today = (0, _momentTimezone.default)();
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59, 999);
       var modifiers = (0, _defineProperty2.default)({
         start: from,
@@ -636,7 +633,6 @@ HiDateRangePicker.defaultProps = {
   locale: 'fr-FR',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
   translations: {
     today: 'today',
     hour: 'Hour',

package/HiDatePicker/HiDateRangeSelector.js

@@ -89,87 +89,81 @@ function yearAndQuarter(format, date, t) {
   return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
 }
 
-function buildDateRangeOptionByKey(key, t, format, timezoneName) {
+function buildDateRangeOptionByKey(key, t, format) {
   var from;
   var label;
   var info;
   var to;
   var type;
 
-  _momentTimezone.default.updateLocale('en', {
-    week: {
-      dow: 1
-    }
-  });
-
   switch (key) {
     case 'custom':
       label = t.custom_period;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(15, 'day').startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
+      from = (0, _momentTimezone.default)().subtract(15, 'day').startOf('day');
+      to = (0, _momentTimezone.default)().endOf('day');
       type = 'primary-highlight';
       break;
 
     case 'cd':
       label = t.today;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
+      from = (0, _momentTimezone.default)().startOf('day');
+      to = (0, _momentTimezone.default)().endOf('day');
       info = "".concat(from.format(format));
       break;
 
     case 'pd':
       label = t.yesterday;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').startOf('day');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').endOf('day');
+      from = (0, _momentTimezone.default)().subtract(1, 'day').startOf('day');
+      to = (0, _momentTimezone.default)().subtract(1, 'day').endOf('day');
       info = "".concat(from.format(format));
       break;
 
     case 'cw':
       label = t.current_week;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('week');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('week');
+      to = (0, _momentTimezone.default)();
       info = "".concat(t.short_week).concat(from.format('w'), ", \n ").concat(from.format(format), " ").concat(t.to_now);
       break;
 
     case 'pw':
       label = t.previous_week;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').startOf('week');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').endOf('week');
+      from = (0, _momentTimezone.default)().subtract(1, 'week').startOf('week');
+      to = (0, _momentTimezone.default)().subtract(1, 'week').endOf('week');
       info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(from.format(format), " ").concat(t.to, " ").concat(to.format(format));
       break;
 
     case 'cm':
       label = t.current_month;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('month');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('month');
+      to = (0, _momentTimezone.default)();
       info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pm':
       label = t.previous_month;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').startOf('month');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').endOf('month');
+      from = (0, _momentTimezone.default)().subtract(1, 'month').startOf('month');
+      to = (0, _momentTimezone.default)().subtract(1, 'month').endOf('month');
       info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
       break;
 
     case 'cq':
       label = t.current_quarter;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('quarter');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('quarter');
+      to = (0, _momentTimezone.default)();
       info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pq':
       label = t.previous_quarter;
-      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
-      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
+      from = (0, _momentTimezone.default)().subtract(1, 'quarter').startOf('quarter');
+      to = (0, _momentTimezone.default)().subtract(1, 'quarter').endOf('quarter');
       info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'cy':
       label = t.current_year;
-      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('year');
-      to = (0, _momentTimezone.default)().tz(timezoneName);
+      from = (0, _momentTimezone.default)().startOf('year');
+      to = (0, _momentTimezone.default)();
       info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
@@ -268,7 +262,7 @@ function (_React$Component) {
     };
 
     _this.options = props.availableOptionKeys.map(function (key) {
-      return buildDateRangeOptionByKey(key, props.translations, props.format, props.timezoneName);
+      return buildDateRangeOptionByKey(key, props.translations, props.format);
     });
     _this.state = {
       selectedPreset: props.defaultPreset,
@@ -286,18 +280,6 @@ function (_React$Component) {
         });
       }
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      if (prevProps.timezoneName !== this.props.timezoneName) {
-        this.options = this.props.availableOptionKeys.map(function (key) {
-          return buildDateRangeOptionByKey(key, _this2.props.translations, _this2.props.format, _this2.props.timezoneName);
-        });
-        this.updateDates(this.state.selectedPreset);
-      }
-    }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -324,7 +306,7 @@ function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this2 = this;
 
       var _this$props = this.props,
           disabled = _this$props.disabled,
@@ -369,7 +351,7 @@ function (_React$Component) {
           flexDirection: 'column'
         } : {},
         ref: function ref(container) {
-          _this3.container = container;
+          _this2.container = container;
         }
       }, _react.default.createElement("div", {
         className: classes.select,
@@ -444,7 +426,6 @@ HiDateRangeSelector.defaultProps = {
   format: 'YYYY-DD-MM',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
   translations: {
     today: 'Today',
     hour: 'Hour',

package/HiIcon/HiIcon.js

@@ -46,7 +46,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 });
 exports.useStyles = useStyles;
 
-function HiIcon(props) {
+var HiIcon = _react.default.forwardRef(function (props, ref) {
   var children = props.children,
       className = props.className,
       icon = props.icon,
@@ -60,6 +60,7 @@ function HiIcon(props) {
 
   if (iconName && iconName.indexOf('fa-') === 0) {
     return _react.default.createElement("i", (0, _extends2.default)({
+      ref: ref,
       className: (0, _classnames.default)('fa', iconName, className, classes.root),
       style: {
         fontSize: size
@@ -71,6 +72,7 @@ function HiIcon(props) {
   if (iconName && iconName.indexOf('hi_') === 0) {
     var IconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
     return _react.default.createElement(IconName, (0, _extends2.default)({
+      ref: ref,
       className: (0, _classnames.default)(classes.root, className),
       color: color,
       size: size
@@ -87,6 +89,7 @@ function HiIcon(props) {
   if (iconName && iconName.indexOf('mdi_') === 0) {
     var _IconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
     return _react.default.createElement(_IconName, (0, _extends2.default)({
+      ref: ref,
       className: (0, _classnames.default)(classes.root, className),
       color: color,
       style: {
@@ -97,13 +100,14 @@ function HiIcon(props) {
 
 
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    ref: ref,
     className: (0, _classnames.default)(classes.root, className),
     color: color,
     style: {
       fontSize: size
     }
   }, other), iconName);
-}
+});
 
 HiIcon.defaultProps = {
   color: 'neutral',

package/es/HiCell/CellDate.js

@@ -19,9 +19,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inhe
 
 var _react = _interopRequireDefault(require("react"));
 
-var _moment = _interopRequireDefault(require("moment"));
-
-require("moment/locale/fr");
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
 var _styles = require("@material-ui/core/styles");
 
@@ -72,7 +70,7 @@ function (_React$PureComponent) {
           view = _this$props.view,
           formatShort = _this$props.formatShort;
       if (!date) return '';
-      var mdate = (0, _moment.default)(date);
+      var mdate = (0, _momentTimezone.default)(date);
       mdate.locale(locale);
       var label;
 

package/es/HiDatePicker/HiDatePicker.js

@@ -87,7 +87,7 @@ function (_React$Component) {
     };
 
     _this.handleReset = function () {
-      var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+      var today = (0, _momentTimezone.default)();
 
       _this.handleCurrentMonthChange(new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds()));
 
@@ -227,7 +227,7 @@ function (_React$Component) {
       }, yearPickerProps, propsOverlay));
     };
 
-    var _today = (0, _momentTimezone.default)().tz(props.timezoneName);
+    var _today = (0, _momentTimezone.default)();
 
     _this.state = {
       openedPanel: 'calendar',
@@ -261,7 +261,7 @@ function (_React$Component) {
           hideOnDayClick = _this$props.hideOnDayClick,
           props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick"]);
       var currentMonth = this.state.currentMonth;
-      var today = (0, _momentTimezone.default)().tz(this.props.timezoneName);
+      var today = (0, _momentTimezone.default)();
       var effectiveDisabledDays = (0, _objectSpread2.default)({}, disablePastDays && {
         before: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
       }, {}, disableFutureDays && {
@@ -359,7 +359,6 @@ HiDatePicker.defaultProps = {
   locale: 'fr-FR',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
   translations: {
     today: 'today'
   }

package/es/HiDatePicker/HiDateRangePicker.js

@@ -110,7 +110,7 @@ function (_React$Component) {
 
     _this.onDayToClick = function (day) {
       var change = (0, _momentTimezone.default)(day) >= (0, _momentTimezone.default)(_this.props.from);
-      var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+      var today = (0, _momentTimezone.default)();
       var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
 
       if (change && day > todayDate) {
@@ -143,17 +143,15 @@ function (_React$Component) {
     };
 
     _this.handleChange = function (name, day) {
-      var _this$props = _this.props,
-          translations = _this$props.translations,
-          timezoneName = _this$props.timezoneName;
+      var translations = _this.props.translations;
       var date;
       var error;
-      var today = (0, _momentTimezone.default)().tz(timezoneName);
+      var today = (0, _momentTimezone.default)();
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
-      var _this$props2 = _this.props,
-          minimumDate = _this$props2.minimumDate,
-          disableFutureDays = _this$props2.disableFutureDays,
-          format = _this$props2.format;
+      var _this$props = _this.props,
+          minimumDate = _this$props.minimumDate,
+          disableFutureDays = _this$props.disableFutureDays,
+          format = _this$props.format;
 
       if (day instanceof Date) {
         date = day;
@@ -175,7 +173,7 @@ function (_React$Component) {
         } else if ((0, _momentTimezone.default)(date).utc() < (0, _momentTimezone.default)(minimumDate).utc().startOf('day')) {
           error = translations.date_inferior_min_date.replace('%s', (0, _momentTimezone.default)(minimumDate).format(format));
         } else if (disableFutureDays && date > now) {
-          error = translations.date_superior_max_date.replace('%s', (0, _momentTimezone.default)().tz(timezoneName).format(format));
+          error = translations.date_superior_max_date.replace('%s', (0, _momentTimezone.default)().format(format));
         }
 
         if (!_this.props.enableTime) {
@@ -369,7 +367,7 @@ function (_React$Component) {
       }, yearPickerProps, propsOverlay));
     };
 
-    var _today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+    var _today = (0, _momentTimezone.default)();
 
     _this.state = {
       currentMonth: new Date(_today.year(), _today.month(), _today.date()),
@@ -390,32 +388,31 @@ function (_React$Component) {
       var _this2 = this,
           _classNames;
 
-      var _this$props3 = this.props,
-          classes = _this$props3.classes,
-          disabled = _this$props3.disabled,
-          disabledDays = _this$props3.disabledDays,
-          disableFutureDays = _this$props3.disableFutureDays,
-          enableTime = _this$props3.enableTime,
-          labelFrom = _this$props3.labelFrom,
-          labelTo = _this$props3.labelTo,
-          locale = _this$props3.locale,
-          format = _this$props3.format,
-          from = _this$props3.from,
-          fromError = _this$props3.fromError,
-          minimumDate = _this$props3.minimumDate,
-          onReset = _this$props3.onReset,
-          to = _this$props3.to,
-          toError = _this$props3.toError,
-          translations = _this$props3.translations,
-          id = _this$props3.id,
-          staticPosition = _this$props3.staticPosition,
-          errorText = _this$props3.errorText,
-          hasSelector = _this$props3.hasSelector,
-          helperIcon = _this$props3.helperIcon,
-          helperText = _this$props3.helperText,
-          timezoneName = _this$props3.timezoneName,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText", "timezoneName"]);
-      var today = (0, _momentTimezone.default)().tz(timezoneName);
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          disabled = _this$props2.disabled,
+          disabledDays = _this$props2.disabledDays,
+          disableFutureDays = _this$props2.disableFutureDays,
+          enableTime = _this$props2.enableTime,
+          labelFrom = _this$props2.labelFrom,
+          labelTo = _this$props2.labelTo,
+          locale = _this$props2.locale,
+          format = _this$props2.format,
+          from = _this$props2.from,
+          fromError = _this$props2.fromError,
+          minimumDate = _this$props2.minimumDate,
+          onReset = _this$props2.onReset,
+          to = _this$props2.to,
+          toError = _this$props2.toError,
+          translations = _this$props2.translations,
+          id = _this$props2.id,
+          staticPosition = _this$props2.staticPosition,
+          errorText = _this$props2.errorText,
+          hasSelector = _this$props2.hasSelector,
+          helperIcon = _this$props2.helperIcon,
+          helperText = _this$props2.helperText,
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText"]);
+      var today = (0, _momentTimezone.default)();
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59, 999);
       var modifiers = (0, _defineProperty2.default)({
         start: from,
@@ -636,7 +633,6 @@ HiDateRangePicker.defaultProps = {
   locale: 'fr-FR',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
   translations: {
     today: 'today',
     hour: 'Hour',