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

package/HiColoredLabel/HiColoredLabel.js

@@ -1,12 +1,31 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import { capitalize } from '../utils/helpers';
-import { fade } from '@material-ui/core/styles/colorManipulator';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _helpers = require("../utils/helpers");
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-block',
@@ -19,11 +38,11 @@ export var styles = function styles(theme) {
       whiteSpace: 'nowrap',
       lineHeight: 1
     },
-    body1: _objectSpread({}, theme.typography.b1),
-    body2: _objectSpread({}, theme.typography.b2),
-    body3: _objectSpread({}, theme.typography.b3),
-    body4: _objectSpread({}, theme.typography.b4),
-    body5: _objectSpread({}, theme.typography.b5),
+    body1: (0, _objectSpread2.default)({}, theme.typography.b1),
+    body2: (0, _objectSpread2.default)({}, theme.typography.b2),
+    body3: (0, _objectSpread2.default)({}, theme.typography.b3),
+    body4: (0, _objectSpread2.default)({}, theme.typography.b4),
+    body5: (0, _objectSpread2.default)({}, theme.typography.b5),
     color: {
       fontWeight: 400
     },
@@ -31,37 +50,37 @@ export var styles = function styles(theme) {
     /* Styles applied to the root element if `color="primary"`. */
     colorPrimary: {
       color: theme.palette.primary.main,
-      backgroundColor: fade(theme.palette.primary.main, 0.08)
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.primary.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="secondary"`. */
     colorSecondary: {
       color: theme.palette.secondary.main,
-      backgroundColor: fade(theme.palette.secondary.main, 0.08)
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.secondary.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="positive"`. */
     colorPositive: {
       color: theme.palette.positive.main,
-      backgroundColor: fade(theme.palette.positive.main, 0.08)
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.positive.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="negative"`. */
     colorNegative: {
       color: theme.palette.negative.main,
-      backgroundColor: fade(theme.palette.negative.main, 0.08)
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.negative.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="middle"`. */
     colorMiddle: {
       color: theme.palette.middle.main,
-      backgroundColor: fade(theme.palette.middle.main, 0.08)
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.middle.main, 0.08)
     },
 
     /* Styles applied to the root element if `color="neutral"`. */
     colorNeutral: {
       color: theme.palette.neutral.main,
-      backgroundColor: fade(theme.palette.neutral.main, 0.08)
+      backgroundColor: (0, _colorManipulator.fade)(theme.palette.neutral.main, 0.08)
     },
     activeColor: {
       fontWeight: 500
@@ -113,6 +132,9 @@ export var styles = function styles(theme) {
  * Label with background color & text color
  */
 
+
+exports.styles = styles;
+
 function HiColoredLabel(props) {
   var _classNames;
 
@@ -126,15 +148,14 @@ function HiColoredLabel(props) {
       fontWeight = props.fontWeight,
       style = props.style,
       theme = props.theme,
-      other = _objectWithoutProperties(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
-
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
   var color = propsColor || 'primary';
   var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
   var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
-  return React.createElement("div", Object.assign({
-    className: classNames(classes.root, (_classNames = {}, _defineProperty(_classNames, classes.color, !active), _defineProperty(_classNames, classes.activeColor, active), _defineProperty(_classNames, classes.outlined, outlined), _defineProperty(_classNames, classes["activeColor".concat(capitalize(color))], active && isHiColor), _defineProperty(_classNames, classes["color".concat(capitalize(color))], !active && isHiColor), _defineProperty(_classNames, classes.body1, fontSize >= 15), _defineProperty(_classNames, classes.body2, fontSize === 14), _defineProperty(_classNames, classes.body3, fontSize === 13), _defineProperty(_classNames, classes.body4, fontSize === 12), _defineProperty(_classNames, classes.body5, fontSize <= 11), _classNames), className),
-    style: _objectSpread({}, style, {}, isHexColor && {
-      backgroundColor: active ? color : fade(color, 0.08),
+  return _react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.color, !active), (0, _defineProperty2.default)(_classNames, classes.activeColor, active), (0, _defineProperty2.default)(_classNames, classes.outlined, outlined), (0, _defineProperty2.default)(_classNames, classes["activeColor".concat((0, _helpers.capitalize)(color))], active && isHiColor), (0, _defineProperty2.default)(_classNames, classes["color".concat((0, _helpers.capitalize)(color))], !active && isHiColor), (0, _defineProperty2.default)(_classNames, classes.body1, fontSize >= 15), (0, _defineProperty2.default)(_classNames, classes.body2, fontSize === 14), (0, _defineProperty2.default)(_classNames, classes.body3, fontSize === 13), (0, _defineProperty2.default)(_classNames, classes.body4, fontSize === 12), (0, _defineProperty2.default)(_classNames, classes.body5, fontSize <= 11), _classNames), className),
+    style: (0, _objectSpread2.default)({}, style, {}, isHexColor && {
+      backgroundColor: active ? color : (0, _colorManipulator.fade)(color, 0.08),
       color: active ? theme.palette.getContrastText(color) : color
     }, {}, fontWeight && {
       fontWeight: fontWeight
@@ -148,8 +169,11 @@ HiColoredLabel.defaultProps = {
   fontSize: 15,
   outlined: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiColoredLabel'
-})(HiColoredLabel);
+})(HiColoredLabel);
+
+exports.default = _default;

package/HiColoredLabel/index.js

@@ -1 +1,15 @@
-export { default } from './HiColoredLabel';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiColoredLabel.default;
+  }
+});
+
+var _HiColoredLabel = _interopRequireDefault(require("./HiColoredLabel"));

package/HiDatePicker/Caption.js

@@ -1,10 +1,23 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { withStyles } from '@material-ui/core/styles';
-import HiButton from '../HiButton';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiButton = _interopRequireDefault(require("../HiButton"));
+
+var styles = function styles(theme) {
   return {
-    caption: _objectSpread({
+    caption: (0, _objectSpread2.default)({
       display: 'table-caption',
       height: 40,
       textAlign: 'center',
@@ -15,6 +28,8 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var Caption = function Caption(_ref) {
   var classes = _ref.classes,
       date = _ref.date,
@@ -24,17 +39,19 @@ var Caption = function Caption(_ref) {
       onMonthClick = _ref.onMonthClick,
       onYearClick = _ref.onYearClick;
   var months = localeUtils.getMonths(locale);
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     className: classes.caption
-  }, React.createElement(HiButton, {
+  }, _react.default.createElement(_HiButton.default, {
     size: "small",
     onClick: onMonthClick
-  }, months[date.getMonth()]), React.createElement(HiButton, {
+  }, months[date.getMonth()]), _react.default.createElement(_HiButton.default, {
     size: "small",
     onClick: onYearClick
   }, date.getFullYear()));
 };
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCaption'
-})(Caption);
+})(Caption);
+
+exports.default = _default;

package/HiDatePicker/HiDatePicker.js

@@ -1,47 +1,82 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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 { 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/HiTextField';
-import styles from './stylesheet';
-import { isMobile } from 'react-device-detect';
-import HiDatePickerMobile from './HiDatePickerMobile';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+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 _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 _HiTextField = _interopRequireDefault(require("../HiForm/HiTextField"));
+
+var _stylesheet = _interopRequireDefault(require("./stylesheet"));
+
+var _reactDeviceDetect = require("react-device-detect");
+
+var _HiDatePickerMobile = _interopRequireDefault(require("./HiDatePickerMobile"));
 
 var HiDatePicker =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(HiDatePicker, _React$Component);
+  (0, _inherits2.default)(HiDatePicker, _React$Component);
 
   function HiDatePicker(props) {
     var _this;
 
-    _classCallCheck(this, HiDatePicker);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiDatePicker).call(this));
+    (0, _classCallCheck2.default)(this, HiDatePicker);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDatePicker).call(this));
 
-    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (event) {
+    _this.handleInputChange = function (event) {
       _this.props.onChange(event.target.value);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (name) {
+    _this.handleKeyDown = function (name) {
       return function (event) {
         if (event.key === 'Escape' && !event.shiftKey) {
           _this.datePickerInput.hideDayPicker();
@@ -49,17 +84,17 @@ function (_React$Component) {
           event.stopPropagation();
         }
       };
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleReset", function () {
-      var today = moment().tz(_this.props.timezoneName);
+    _this.handleReset = function () {
+      var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
 
       _this.handleCurrentMonthChange(new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds()));
 
       _this.props.onReset();
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleDayChange", function (day, modifiers) {
+    _this.handleDayChange = function (day, modifiers) {
       if (day) {
         if (modifiers.selected) {
           // Deselect day
@@ -85,9 +120,9 @@ function (_React$Component) {
           _this.openPanel('time');
         }
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleChangeMobile", function (event) {
+    _this.handleChangeMobile = function (event) {
       var date;
 
       if (event.target.value) {
@@ -95,54 +130,54 @@ function (_React$Component) {
       }
 
       _this.props.onChange(date);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleCalendarClick", function () {
+    _this.handleCalendarClick = function () {
       _this.openPanel('calendar');
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleClockClick", function () {
+    _this.handleClockClick = function () {
       _this.openPanel('time');
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleMonthClick", function () {
+    _this.handleMonthClick = function () {
       _this.openPanel('months');
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleYearClick", function () {
+    _this.handleYearClick = function () {
       _this.openPanel('years');
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleCurrentMonthChange", function (day) {
+    _this.handleCurrentMonthChange = function (day) {
       _this.setState({
         // Current Month can't be anterior to minimumDate
         currentMonth: day < _this.props.minimumDate ? _this.props.minimumDate : day,
         openedPanel: 'calendar'
       });
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleTimeChange", function (date, precision) {
+    _this.handleTimeChange = function (date, precision) {
       _this.props.onChange(date);
 
       if (date instanceof Date && precision === 'minute') {
         document.activeElement.blur();
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "openPanel", function (panel) {
+    _this.openPanel = function (panel) {
       _this.setState({
         openedPanel: panel
       });
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderCaption", function (propsCaption) {
-      return React.createElement(Caption, Object.assign({
+    _this.renderCaption = function (propsCaption) {
+      return _react.default.createElement(_Caption.default, (0, _extends2.default)({
         onMonthClick: _this.handleMonthClick,
         onYearClick: _this.handleYearClick
       }, propsCaption));
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderOverlay", function (propsOverlay) {
+    _this.renderOverlay = function (propsOverlay) {
       switch (_this.state.openedPanel) {
         case 'time':
           return _this.renderTimePickerOverlay(propsOverlay);
@@ -155,44 +190,44 @@ function (_React$Component) {
 
         case 'calendar':
         default:
-          return React.createElement(Overlay, propsOverlay);
+          return _react.default.createElement(_Overlay.default, propsOverlay);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderMonthPickerOverlay", function (propsOverlay) {
+    _this.renderMonthPickerOverlay = function (propsOverlay) {
       var monthPickerProps = {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange
       };
-      return React.createElement(MonthPickerOverlay, Object.assign({
+      return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
         key: 'month-picker-overlay'
       }, monthPickerProps, propsOverlay));
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderTimePickerOverlay", function (propsOverlay) {
+    _this.renderTimePickerOverlay = function (propsOverlay) {
       var timePickerProps = {
         value: _this.props.value,
         onChange: _this.handleTimeChange,
         onCalendarClick: _this.handleCalendarClick
       };
-      return React.createElement(TimePickerOverlay, Object.assign({
+      return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
         key: 'time-picker-overlay'
       }, timePickerProps, propsOverlay));
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "renderYearPickerOverlay", function (propsOverlay) {
+    _this.renderYearPickerOverlay = function (propsOverlay) {
       var yearPickerProps = {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange,
         disableFutureDays: _this.props.disableFutureDays,
         minimumDate: _this.props.minimumDate
       };
-      return React.createElement(YearPickerOverlay, Object.assign({
+      return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
         key: 'year-picker-overlay'
       }, yearPickerProps, propsOverlay));
-    });
+    };
 
-    var _today = moment().tz(props.timezoneName);
+    var _today = (0, _momentTimezone.default)().tz(props.timezoneName);
 
     _this.state = {
       openedPanel: 'calendar',
@@ -201,7 +236,7 @@ function (_React$Component) {
     return _this;
   }
 
-  _createClass(HiDatePicker, [{
+  (0, _createClass2.default)(HiDatePicker, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       clearTimeout(this.timeout);
@@ -224,42 +259,38 @@ function (_React$Component) {
           translations = _this$props.translations,
           value = _this$props.value,
           hideOnDayClick = _this$props.hideOnDayClick,
-          props = _objectWithoutProperties(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "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 = moment().tz(this.props.timezoneName);
-
-      var effectiveDisabledDays = _objectSpread({}, disablePastDays && {
+      var today = (0, _momentTimezone.default)().tz(this.props.timezoneName);
+      var effectiveDisabledDays = (0, _objectSpread2.default)({}, disablePastDays && {
         before: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
       }, {}, disableFutureDays && {
         after: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
       }, {}, disabledDays);
-
       var modifiersStyles = {
         selected: {
           borderRadius: '50%'
         }
       };
-
-      var dayPickerProps = _objectSpread({
+      var dayPickerProps = (0, _objectSpread2.default)({
         todayButton: translations.today,
         onTodayButtonClick: this.handleCurrentMonthChange,
-        weekdayElement: Weekday,
+        weekdayElement: _Weekday.default,
         navbarElement: function navbarElement(props2) {
-          return React.createElement(NavBar, Object.assign({
+          return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
             showClockButton: enableTime,
             onClockClick: _this2.handleClockClick
           }, props2, {
-            localeUtils: HiLocaleUtils
+            localeUtils: _hiLocaleUtils.default
           }));
         },
         captionElement: this.renderCaption,
         classNames: classes,
         disabledDays: effectiveDisabledDays,
-        selectedDays: typeof value === 'object' ? value : undefined,
+        selectedDays: (0, _typeof2.default)(value) === 'object' ? value : undefined,
         firstDayOfWeek: 1,
         fromMonth: minimumDate,
-        modifiers: _defineProperty({
+        modifiers: (0, _defineProperty2.default)({
           disabled: effectiveDisabledDays,
           selected: value
         }, classes.currentDay, new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())),
@@ -267,10 +298,9 @@ function (_React$Component) {
         month: currentMonth
       }, props, {
         locale: locale,
-        localeUtils: HiLocaleUtils
+        localeUtils: _hiLocaleUtils.default
       });
-
-      var inputProps = _objectSpread({}, onReset && {
+      var inputProps = (0, _objectSpread2.default)({}, onReset && {
         onReset: this.handleReset
       }, {}, props, {
         onChange: this.handleInputChange,
@@ -278,11 +308,10 @@ function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-
-      return React.createElement("div", {
+      return _react.default.createElement("div", {
         className: classes.root,
         onKeyDown: this.handleKeyDown()
-      }, !isMobile ? React.createElement(DayPickerInput, {
+      }, !_reactDeviceDetect.isMobile ? _react.default.createElement(_DayPickerInput.default, {
         ref: function ref(el) {
           _this2.datePickerInput = el;
         },
@@ -290,14 +319,14 @@ function (_React$Component) {
         hideOnDayClick: hideOnDayClick,
         overlayComponent: this.renderOverlay,
         dayPickerProps: dayPickerProps,
-        component: HiTextField,
+        component: _HiTextField.default,
         inputProps: inputProps,
         placeholder: '',
         format: enableTime ? "".concat(format, " HH:mm") : format,
-        formatDate: MomentLocaleUtils.formatDate,
-        parseDate: MomentLocaleUtils.parseDate,
+        formatDate: _moment.default.formatDate,
+        parseDate: _moment.default.parseDate,
         onDayChange: this.handleDayChange
-      }) : React.createElement(HiDatePickerMobile, {
+      }) : _react.default.createElement(_HiDatePickerMobile.default, {
         id: this.props.id,
         label: this.props.label,
         required: this.props.required,
@@ -317,11 +346,10 @@ function (_React$Component) {
       }));
     }
   }]);
-
   return HiDatePicker;
-}(React.Component);
+}(_react.default.Component);
 
-_defineProperty(HiDatePicker, "defaultProps", {
+HiDatePicker.defaultProps = {
   disabledDays: [],
   disablePastDays: false,
   disableFutureDays: false,
@@ -335,8 +363,10 @@ _defineProperty(HiDatePicker, "defaultProps", {
   translations: {
     today: 'today'
   }
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
-})(HiDatePicker);
+})(HiDatePicker);
+
+exports.default = _default;