@hipay/hipay-material-ui 2.3.1-rc3 → 2.3.1-rc4

package/HiDatePicker/HiDateRangePicker.js

@@ -1,81 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
-var _moment = _interopRequireDefault(require("react-day-picker/moment"));
-
-var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
-
-var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Caption = _interopRequireDefault(require("./Caption"));
-
-var _Overlay = _interopRequireDefault(require("./Overlays/Overlay"));
-
-var _TimePickerOverlay = _interopRequireDefault(require("./Overlays/TimePickerOverlay"));
-
-var _MonthPickerOverlay = _interopRequireDefault(require("./Overlays/MonthPickerOverlay"));
-
-var _YearPickerOverlay = _interopRequireDefault(require("./Overlays/YearPickerOverlay"));
-
-var _NavBar = _interopRequireDefault(require("./NavBar"));
-
-var _Weekday = _interopRequireDefault(require("./Weekday"));
-
-var _HiForm = require("../HiForm");
-
-var _stylesheet = _interopRequireDefault(require("./stylesheet"));
-
-var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
-
-var _reactDeviceDetect = require("react-device-detect");
-
-var _HiDatePickerMobile = _interopRequireDefault(require("./HiDatePickerMobile"));
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import moment from 'moment-timezone';
+import MomentLocaleUtils from 'react-day-picker/moment';
+import HiLocaleUtils from './hiLocaleUtils';
+import DayPickerInput from 'react-day-picker/DayPickerInput';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Caption from './Caption';
+import Overlay from './Overlays/Overlay';
+import TimePickerOverlay from './Overlays/TimePickerOverlay';
+import MonthPickerOverlay from './Overlays/MonthPickerOverlay';
+import YearPickerOverlay from './Overlays/YearPickerOverlay';
+import NavBar from './NavBar';
+import Weekday from './Weekday';
+import { HiTextField } from '../HiForm';
+import styles from './stylesheet';
+import HiFormControl from '../HiForm/HiFormControl';
+import { isMobile } from 'react-device-detect';
+import HiDatePickerMobile from './HiDatePickerMobile';
 
 var HiDateRangePicker =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(HiDateRangePicker, _React$Component);
+  _inherits(HiDateRangePicker, _React$Component);
 
   function HiDateRangePicker(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiDateRangePicker);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangePicker).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayChange", function (name, day) {
+    _classCallCheck(this, HiDateRangePicker);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiDateRangePicker).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleDayChange", function (name, day) {
       if (day) {
         // if time disabled, focus TO input
         // else focus current input
@@ -102,14 +66,16 @@ function (_React$Component) {
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputChange", function (inputName) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (inputName) {
       return function (event) {
         _this.handleChange(inputName, event.target.value);
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
+
+    _defineProperty(_assertThisInitialized(_this), "onDayToClick", function (day) {
+      var change = moment(day) >= moment(_this.props.from);
+      var today = moment().tz(_this.props.timezoneName);
       var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
 
       if (change && day > todayDate) {
@@ -122,7 +88,8 @@ function (_React$Component) {
         document.activeElement.blur();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTimeChange", function (name, date, precision) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleTimeChange", function (name, date, precision) {
       _this.handleChange(name, date);
 
       if (name === 'from' && precision === 'minute') {
@@ -139,13 +106,14 @@ function (_React$Component) {
         document.activeElement.blur();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (name, day) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function (name, day) {
       var _this$props = _this.props,
           translations = _this$props.translations,
           timezoneName = _this$props.timezoneName;
       var date;
       var error;
-      var today = (0, _momentTimezone.default)().tz(timezoneName);
+      var today = moment().tz(timezoneName);
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
       var _this$props2 = _this.props,
           minimumDate = _this$props2.minimumDate,
@@ -155,7 +123,7 @@ function (_React$Component) {
       if (day instanceof Date) {
         date = day;
       } else if (day) {
-        var parsedValue = (0, _momentTimezone.default)(day, _this.props.format, true);
+        var parsedValue = moment(day, _this.props.format, true);
 
         if (parsedValue.isValid()) {
           date = parsedValue.toDate();
@@ -165,14 +133,14 @@ function (_React$Component) {
       }
 
       if (date) {
-        var comparativeDate = name === 'to' ? (0, _momentTimezone.default)(_this.props.from) : (0, _momentTimezone.default)(_this.props.to);
+        var comparativeDate = name === 'to' ? moment(_this.props.from) : moment(_this.props.to);
 
-        if (name === 'to' && comparativeDate > (0, _momentTimezone.default)(date) || name === 'from' && comparativeDate < (0, _momentTimezone.default)(date)) {
+        if (name === 'to' && comparativeDate > moment(date) || name === 'from' && comparativeDate < moment(date)) {
           error = translations.to_superior_from;
-        } 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 (moment(date).utc() < moment(minimumDate).utc().startOf('day')) {
+          error = translations.date_inferior_min_date.replace('%s', moment(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', moment().tz(timezoneName).format(format));
         }
 
         if (!_this.props.enableTime) {
@@ -188,7 +156,8 @@ function (_React$Component) {
 
       _this.props.onChange("".concat(name, "Error"), error);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangeMobile", function (inputName) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleChangeMobile", function (inputName) {
       return function (event) {
         var date;
 
@@ -199,18 +168,21 @@ function (_React$Component) {
         _this.props.onChange(inputName, date);
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCurrentMonthChange", function (day) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleCurrentMonthChange", function (day) {
       _this.setState({
         currentMonth: day,
         openedPanel: 'calendar'
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayPickerFocus", function (name) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleDayPickerFocus", function (name) {
       _this.setState({
         focusedInput: name
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayPickerBlur", function (name) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleDayPickerBlur", function (name) {
       _this.setState({
         focusedInput: ''
       });
@@ -227,10 +199,12 @@ function (_React$Component) {
         }
       }, 100);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleReset", function (name) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleReset", function (name) {
       _this.handleChange(name, undefined);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (name) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (name) {
       return function (event) {
         if (event.key === 'Tab' && !event.shiftKey) {
           var nodeName = document.activeElement.nodeName;
@@ -267,13 +241,15 @@ function (_React$Component) {
         }
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openPanel", function (panel) {
+
+    _defineProperty(_assertThisInitialized(_this), "openPanel", function (panel) {
       _this.setState({
         openedPanel: panel
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCaption", function (propsCaption) {
-      return _react.default.createElement(_Caption.default, (0, _extends2.default)({
+
+    _defineProperty(_assertThisInitialized(_this), "renderCaption", function (propsCaption) {
+      return React.createElement(Caption, Object.assign({
         onMonthClick: function onMonthClick() {
           return _this.openPanel('months');
         },
@@ -282,16 +258,18 @@ function (_React$Component) {
         }
       }, propsCaption));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderNavBar", function (propsNavBar) {
-      return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
+
+    _defineProperty(_assertThisInitialized(_this), "renderNavBar", function (propsNavBar) {
+      return React.createElement(NavBar, Object.assign({
         showClockButton: _this.props.enableTime,
         onClockClick: function onClockClick() {
           return _this.openPanel('time');
         }
       }, propsNavBar));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlay", function (name, propsOverlay, staticPosition) {
-      var rangeOverlayProps = (0, _objectSpread2.default)({}, propsOverlay, {
+
+    _defineProperty(_assertThisInitialized(_this), "renderOverlay", function (name, propsOverlay, staticPosition) {
+      var rangeOverlayProps = _objectSpread({}, propsOverlay, {
         side: name,
         staticPosition: staticPosition
       });
@@ -308,25 +286,29 @@ function (_React$Component) {
 
         case 'calendar':
         default:
-          return _react.default.createElement(_Overlay.default, rangeOverlayProps);
+          return React.createElement(Overlay, rangeOverlayProps);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlayFrom", function (propsOverlay) {
+
+    _defineProperty(_assertThisInitialized(_this), "renderOverlayFrom", function (propsOverlay) {
       return _this.renderOverlay('from', propsOverlay, _this.props.staticPosition);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlayTo", function (propsOverlay) {
+
+    _defineProperty(_assertThisInitialized(_this), "renderOverlayTo", function (propsOverlay) {
       return _this.renderOverlay('to', propsOverlay, _this.props.staticPosition);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMonthPickerOverlay", function (name, propsOverlay) {
+
+    _defineProperty(_assertThisInitialized(_this), "renderMonthPickerOverlay", function (name, propsOverlay) {
       var monthPickerProps = {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange
       };
-      return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
+      return React.createElement(MonthPickerOverlay, Object.assign({
         key: "".concat(name, "-month-picker-overlay")
       }, monthPickerProps, propsOverlay));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTimePickerOverlay", function (name, propsOverlay) {
+
+    _defineProperty(_assertThisInitialized(_this), "renderTimePickerOverlay", function (name, propsOverlay) {
       var timePickerProps = {
         value: _this.props[name],
         onChange: function onChange(date, precision) {
@@ -336,22 +318,23 @@ function (_React$Component) {
           return _this.openPanel('calendar');
         }
       };
-      return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
+      return React.createElement(TimePickerOverlay, Object.assign({
         key: "".concat(name, "-time-picker-overlay")
       }, timePickerProps, propsOverlay));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderYearPickerOverlay", function (name, propsOverlay) {
+
+    _defineProperty(_assertThisInitialized(_this), "renderYearPickerOverlay", function (name, propsOverlay) {
       var yearPickerProps = {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange,
         disableFutureDays: _this.props.disableFutureDays
       };
-      return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
+      return React.createElement(YearPickerOverlay, Object.assign({
         key: "".concat(name, "-year-picker-overlay")
       }, yearPickerProps, propsOverlay));
     });
 
-    var _today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
+    var _today = moment().tz(_this.props.timezoneName);
 
     _this.state = {
       currentMonth: new Date(_today.year(), _today.month(), _today.date()),
@@ -361,7 +344,7 @@ function (_React$Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(HiDateRangePicker, [{
+  _createClass(HiDateRangePicker, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       clearTimeout(this.timeout);
@@ -396,13 +379,16 @@ function (_React$Component) {
           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);
+          props = _objectWithoutProperties(_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 = moment().tz(timezoneName);
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59, 999);
-      var modifiers = (0, _defineProperty2.default)({
+
+      var modifiers = _defineProperty({
         start: from,
         end: to
       }, classes.currentDay, new Date(today.year(), today.month(), today.date()));
+
       var modifiersStyles = {
         start: {
           borderTopLeftRadius: '50%',
@@ -430,7 +416,7 @@ function (_React$Component) {
         selectedDays.push(selected);
       }
 
-      var dayPickerProps = (0, _objectSpread2.default)({
+      var dayPickerProps = _objectSpread({
         classNames: classes,
         disabledDays: disabledDays,
         firstDayOfWeek: 1,
@@ -441,13 +427,14 @@ function (_React$Component) {
         // Both are required ?
         selectedDays: selectedDays,
         todayButton: translations.today,
-        weekdayElement: _Weekday.default
+        weekdayElement: Weekday
       }, props);
-      var fromDayPickerProps = (0, _objectSpread2.default)({}, dayPickerProps, {
+
+      var fromDayPickerProps = _objectSpread({}, dayPickerProps, {
         onTodayButtonClick: this.handleCurrentMonthChange,
         navbarElement: this.renderNavBar,
         captionElement: this.renderCaption,
-        disabledDays: (0, _objectSpread2.default)({}, dayPickerProps.disabledDays, {
+        disabledDays: _objectSpread({}, dayPickerProps.disabledDays, {
           before: minimumDate
         }, disableFutureDays && {
           after: now
@@ -455,16 +442,17 @@ function (_React$Component) {
           after: to
         }),
         locale: locale,
-        localeUtils: _hiLocaleUtils.default,
+        localeUtils: HiLocaleUtils,
         month: this.state.currentMonth,
-        modifiers: (0, _objectSpread2.default)({}, modifiers)
+        modifiers: _objectSpread({}, modifiers)
       });
-      var toDayPickerProps = (0, _objectSpread2.default)({}, dayPickerProps, {
+
+      var toDayPickerProps = _objectSpread({}, dayPickerProps, {
         onTodayButtonClick: this.handleCurrentMonthChange,
         navbarElement: this.renderNavBar,
         onDayClick: this.onDayToClick,
         captionElement: this.renderCaption,
-        disabledDays: (0, _objectSpread2.default)({}, dayPickerProps.disabledDays, {
+        disabledDays: _objectSpread({}, dayPickerProps.disabledDays, {
           before: minimumDate
         }, disableFutureDays && {
           after: now
@@ -472,12 +460,13 @@ function (_React$Component) {
           before: from
         }),
         locale: locale,
-        localeUtils: _hiLocaleUtils.default,
+        localeUtils: HiLocaleUtils,
         month: this.state.currentMonth,
-        modifiers: (0, _objectSpread2.default)({}, modifiers)
+        modifiers: _objectSpread({}, modifiers)
       }); // From & To InputProps
 
-      var fromInputProps = (0, _objectSpread2.default)({}, onReset && {
+
+      var fromInputProps = _objectSpread({}, onReset && {
         onReset: function onReset() {
           return _this2.handleReset('from');
         }
@@ -493,7 +482,8 @@ function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-      var toInputProps = (0, _objectSpread2.default)({}, onReset && {
+
+      var toInputProps = _objectSpread({}, onReset && {
         onReset: function onReset() {
           return _this2.handleReset('to');
         }
@@ -509,17 +499,17 @@ function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-      var toClass = (0, _classnames.default)(classes.toInput, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.absolute, !_reactDeviceDetect.isMobile && staticPosition === true && this.state.focusedInput === 'from'), (0, _defineProperty2.default)(_classNames, classes.right4, !_reactDeviceDetect.isMobile && staticPosition === true && this.state.focusedInput === 'from'), _classNames));
 
-      var content = _react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.root, classes.rangePickerContainer)
-      }, _react.default.createElement("div", {
+      var toClass = classNames(classes.toInput, (_classNames = {}, _defineProperty(_classNames, classes.absolute, !isMobile && staticPosition === true && this.state.focusedInput === 'from'), _defineProperty(_classNames, classes.right4, !isMobile && staticPosition === true && this.state.focusedInput === 'from'), _classNames));
+      var content = React.createElement("div", {
+        className: classNames(classes.root, classes.rangePickerContainer)
+      }, React.createElement("div", {
         className: classes.fromInput,
-        onFocus: !_reactDeviceDetect.isMobile ? function () {
+        onFocus: !isMobile ? function () {
           return _this2.handleDayPickerFocus('from');
         } : undefined,
-        onKeyDown: !_reactDeviceDetect.isMobile ? this.handleKeyDown('from') : undefined
-      }, _react.default.createElement("div", null, !_reactDeviceDetect.isMobile ? _react.default.createElement(_DayPickerInput.default, {
+        onKeyDown: !isMobile ? this.handleKeyDown('from') : undefined
+      }, React.createElement("div", null, !isMobile ? React.createElement(DayPickerInput, {
         key: '1',
         ref: function ref(el) {
           _this2.fromInput = el;
@@ -528,16 +518,16 @@ function (_React$Component) {
         hideOnDayClick: false,
         overlayComponent: this.renderOverlayFrom,
         dayPickerProps: fromDayPickerProps,
-        component: _HiForm.HiTextField,
+        component: HiTextField,
         inputProps: fromInputProps,
         format: enableTime ? "".concat(format, " HH:mm") : format,
-        formatDate: _moment.default.formatDate,
-        parseDate: _moment.default.parseDate,
+        formatDate: MomentLocaleUtils.formatDate,
+        parseDate: MomentLocaleUtils.parseDate,
         onDayChange: function onDayChange(day) {
           return _this2.handleDayChange('from', day);
         },
         placeholder: ''
-      }) : _react.default.createElement(_HiDatePickerMobile.default, {
+      }) : React.createElement(HiDatePickerMobile, {
         id: this.props.id,
         label: labelFrom,
         range: true,
@@ -550,16 +540,16 @@ function (_React$Component) {
         today: today,
         minimumDate: minimumDate,
         format: enableTime ? "".concat(format, " HH:mm") : format
-      }))), _react.default.createElement("div", {
+      }))), React.createElement("div", {
         className: toClass,
-        onFocus: !_reactDeviceDetect.isMobile ? function () {
+        onFocus: !isMobile ? function () {
           return _this2.handleDayPickerFocus('to');
         } : undefined,
-        onBlur: !_reactDeviceDetect.isMobile ? function () {
+        onBlur: !isMobile ? function () {
           return _this2.handleDayPickerBlur('to');
         } : undefined,
-        onKeyDown: !_reactDeviceDetect.isMobile ? this.handleKeyDown('to') : undefined
-      }, !_reactDeviceDetect.isMobile ? _react.default.createElement(_DayPickerInput.default, {
+        onKeyDown: !isMobile ? this.handleKeyDown('to') : undefined
+      }, !isMobile ? React.createElement(DayPickerInput, {
         key: '1',
         ref: function ref(el) {
           _this2.toInput = el;
@@ -568,13 +558,13 @@ function (_React$Component) {
         hideOnDayClick: false,
         overlayComponent: this.renderOverlayTo,
         dayPickerProps: toDayPickerProps,
-        component: _HiForm.HiTextField,
+        component: HiTextField,
         inputProps: toInputProps,
         format: enableTime ? "".concat(format, " HH:mm") : format,
-        formatDate: _moment.default.formatDate,
-        parseDate: _moment.default.parseDate,
+        formatDate: MomentLocaleUtils.formatDate,
+        parseDate: MomentLocaleUtils.parseDate,
         placeholder: ''
-      }) : _react.default.createElement(_HiDatePickerMobile.default, {
+      }) : React.createElement(HiDatePickerMobile, {
         id: this.props.id,
         label: labelTo,
         range: true,
@@ -590,7 +580,7 @@ function (_React$Component) {
       })));
 
       if (!hasSelector) {
-        content = _react.default.createElement(_HiFormControl.default, {
+        content = React.createElement(HiFormControl, {
           disabled: disabled,
           helperIcon: helperIcon,
           helperText: helperText,
@@ -603,10 +593,11 @@ function (_React$Component) {
       return content;
     }
   }]);
+
   return HiDateRangePicker;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(HiDateRangePicker, "defaultProps", {
+_defineProperty(HiDateRangePicker, "defaultProps", {
   disabledDays: {},
   disableFutureDays: true,
   staticPosition: false,
@@ -634,8 +625,6 @@ function (_React$Component) {
   }
 });
 
-var _default = (0, _styles.withStyles)(_stylesheet.default, {
+export default withStyles(styles, {
   name: 'HmuiHiDateRangePicker'
-})(HiDateRangePicker);
-
-exports.default = _default;
+})(HiDateRangePicker);