@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta4 → 2.3.1-rc1

package/es/old_components/HiColoredLabel/HiColoredLabel.js

@@ -1,179 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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',
-      alignItems: 'baseline',
-      maxWidth: '100%',
-      padding: '2px 8px',
-      borderRadius: 2,
-      textOverflow: 'ellipsis',
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      lineHeight: 1
-    },
-    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
-    },
-
-    /* Styles applied to the root element if `color="primary"`. */
-    colorPrimary: {
-      color: theme.palette.primary.main,
-      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: (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: (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: (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: (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: (0, _colorManipulator.fade)(theme.palette.neutral.main, 0.08)
-    },
-    activeColor: {
-      fontWeight: 500
-    },
-
-    /* Styles applied to the root element if `color="primary"`. */
-    activeColorPrimary: {
-      color: theme.palette.primary.contrastText,
-      backgroundColor: theme.palette.primary.main
-    },
-
-    /* Styles applied to the root element if `color="secondary"`. */
-    activeColorSecondary: {
-      color: theme.palette.secondary.contrastText,
-      backgroundColor: theme.palette.secondary.main
-    },
-
-    /* Styles applied to the root element if `color="positive"`. */
-    activeColorPositive: {
-      color: theme.palette.positive.contrastText,
-      backgroundColor: theme.palette.positive.main
-    },
-
-    /* Styles applied to the root element if `color="negative"`. */
-    activeColorNegative: {
-      color: theme.palette.negative.contrastText,
-      backgroundColor: theme.palette.negative.main
-    },
-
-    /* Styles applied to the root element if `color="middle"`. */
-    activeColorMiddle: {
-      color: theme.palette.middle.contrastText,
-      backgroundColor: theme.palette.middle.main
-    },
-
-    /* Styles applied to the root element if `color="neutral"`. */
-    activeColorNeutral: {
-      color: theme.palette.neutral.contrastText,
-      backgroundColor: theme.palette.neutral.main
-    },
-    outlined: {
-      border: '1px solid'
-    }
-  };
-};
-/**
- * HiColoredLabel
- *
- * Label with background color & text color
- */
-
-
-exports.styles = styles;
-
-function HiColoredLabel(props) {
-  var _classNames;
-
-  var classes = props.classes,
-      className = props.className,
-      fontSize = props.fontSize,
-      label = props.label,
-      propsColor = props.color,
-      active = props.active,
-      outlined = props.outlined,
-      fontWeight = props.fontWeight,
-      style = props.style,
-      theme = props.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.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
-    })
-  }, other), label);
-}
-
-HiColoredLabel.defaultProps = {
-  active: false,
-  color: 'primary',
-  fontSize: 15,
-  outlined: false
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  hiComponent: true,
-  withTheme: true,
-  name: 'HmuiHiColoredLabel'
-})(HiColoredLabel);
-
-exports.default = _default;

package/es/old_components/HiColoredLabel/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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/es/old_components/HiDatePicker/Caption.js

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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: (0, _objectSpread2.default)({
-      display: 'table-caption',
-      height: 40,
-      textAlign: 'center',
-      padding: '4px 0'
-    }, theme.typography.body1, {
-      color: theme.palette.neutral.main
-    })
-  };
-};
-
-exports.styles = styles;
-
-var Caption = function Caption(_ref) {
-  var classes = _ref.classes,
-      date = _ref.date,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
-      localeUtils = _ref.localeUtils,
-      onMonthClick = _ref.onMonthClick,
-      onYearClick = _ref.onYearClick;
-  var months = localeUtils.getMonths(locale);
-  return _react.default.createElement("div", {
-    className: classes.caption
-  }, _react.default.createElement(_HiButton.default, {
-    size: "small",
-    onClick: onMonthClick
-  }, months[date.getMonth()]), _react.default.createElement(_HiButton.default, {
-    size: "small",
-    onClick: onYearClick
-  }, date.getFullYear()));
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'HmuiCaption'
-})(Caption);
-
-exports.default = _default;

package/es/old_components/HiDatePicker/HiDatePicker.js

@@ -1,357 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _typeof2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/typeof"));
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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 _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) {
-  (0, _inherits2.default)(HiDatePicker, _React$Component);
-
-  function HiDatePicker(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HiDatePicker);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDatePicker).call(this));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputChange", function (event) {
-      _this.props.onChange(event.target.value);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (name) {
-      return function (event) {
-        if (event.key === 'Escape' && !event.shiftKey) {
-          _this.datePickerInput.hideDayPicker();
-
-          event.stopPropagation();
-        }
-      };
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayChange", function (day, modifiers) {
-      if (day) {
-        if (modifiers.selected) {
-          // Deselect day
-          _this.props.onChange(undefined);
-        } else {
-          // Keep Time if set
-          if (_this.props.enableTime) {
-            if (_this.props.value) {
-              day.setHours(_this.props.value.getHours(), _this.props.value.getMinutes());
-            } else {
-              day.setHours(0, 0);
-            }
-          }
-
-          _this.props.onChange(day);
-        }
-
-        if (day instanceof Date && !_this.props.enableTime && modifiers.selected !== true) {
-          // Hide overlay & remove focus on input
-          document.activeElement.blur();
-        } else if (day instanceof Date && _this.props.enableTime && modifiers.selected !== true) {
-          // Open Time panel after date selection
-          _this.openPanel('time');
-        }
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangeMobile", function (event) {
-      var date;
-
-      if (event.target.value) {
-        date = new Date(event.target.value);
-      }
-
-      _this.props.onChange(date);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCalendarClick", function () {
-      _this.openPanel('calendar');
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClockClick", function () {
-      _this.openPanel('time');
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMonthClick", function () {
-      _this.openPanel('months');
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleYearClick", function () {
-      _this.openPanel('years');
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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'
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTimeChange", function (date, precision) {
-      _this.props.onChange(date);
-
-      if (date instanceof Date && precision === 'minute') {
-        document.activeElement.blur();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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)({
-        onMonthClick: _this.handleMonthClick,
-        onYearClick: _this.handleYearClick
-      }, propsCaption));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlay", function (propsOverlay) {
-      switch (_this.state.openedPanel) {
-        case 'time':
-          return _this.renderTimePickerOverlay(propsOverlay);
-
-        case 'months':
-          return _this.renderMonthPickerOverlay(propsOverlay);
-
-        case 'years':
-          return _this.renderYearPickerOverlay(propsOverlay);
-
-        case 'calendar':
-        default:
-          return _react.default.createElement(_Overlay.default, propsOverlay);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMonthPickerOverlay", function (propsOverlay) {
-      var monthPickerProps = {
-        value: _this.state.currentMonth,
-        onChange: _this.handleCurrentMonthChange
-      };
-      return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
-        key: 'month-picker-overlay'
-      }, monthPickerProps, propsOverlay));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTimePickerOverlay", function (propsOverlay) {
-      var timePickerProps = {
-        value: _this.props.value,
-        onChange: _this.handleTimeChange,
-        onCalendarClick: _this.handleCalendarClick
-      };
-      return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
-        key: 'time-picker-overlay'
-      }, timePickerProps, propsOverlay));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderYearPickerOverlay", function (propsOverlay) {
-      var yearPickerProps = {
-        value: _this.state.currentMonth,
-        onChange: _this.handleCurrentMonthChange,
-        disableFutureDays: _this.props.disableFutureDays,
-        minimumDate: _this.props.minimumDate
-      };
-      return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
-        key: 'year-picker-overlay'
-      }, yearPickerProps, propsOverlay));
-    });
-
-    var _today = (0, _momentTimezone.default)().tz(props.timezoneName);
-
-    _this.state = {
-      openedPanel: 'calendar',
-      currentMonth: props.value ? props.value : new Date(_today.year(), _today.month(), _today.date(), _today.hours(), _today.minutes(), _today.seconds(), _today.milliseconds())
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(HiDatePicker, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      clearTimeout(this.timeout);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          disabledDays = _this$props.disabledDays,
-          disablePastDays = _this$props.disablePastDays,
-          disableFutureDays = _this$props.disableFutureDays,
-          enableTime = _this$props.enableTime,
-          format = _this$props.format,
-          locale = _this$props.locale,
-          minimumDate = _this$props.minimumDate,
-          onReset = _this$props.onReset,
-          translations = _this$props.translations,
-          value = _this$props.value,
-          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 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 = (0, _objectSpread2.default)({
-        todayButton: translations.today,
-        onTodayButtonClick: this.handleCurrentMonthChange,
-        weekdayElement: _Weekday.default,
-        navbarElement: function navbarElement(props2) {
-          return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
-            showClockButton: enableTime,
-            onClockClick: _this2.handleClockClick
-          }, props2, {
-            localeUtils: _hiLocaleUtils.default
-          }));
-        },
-        captionElement: this.renderCaption,
-        classNames: classes,
-        disabledDays: effectiveDisabledDays,
-        selectedDays: (0, _typeof2.default)(value) === 'object' ? value : undefined,
-        firstDayOfWeek: 1,
-        fromMonth: minimumDate,
-        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())),
-        modifiersStyles: modifiersStyles,
-        month: currentMonth
-      }, props, {
-        locale: locale,
-        localeUtils: _hiLocaleUtils.default
-      });
-      var inputProps = (0, _objectSpread2.default)({}, onReset && {
-        onReset: this.handleReset
-      }, {}, props, {
-        onChange: this.handleInputChange,
-        HiInputProps: {
-          onSubmit: this.props.onSubmit
-        }
-      });
-      return _react.default.createElement("div", {
-        className: classes.root,
-        onKeyDown: this.handleKeyDown()
-      }, !_reactDeviceDetect.isMobile ? _react.default.createElement(_DayPickerInput.default, {
-        ref: function ref(el) {
-          _this2.datePickerInput = el;
-        },
-        value: value,
-        hideOnDayClick: hideOnDayClick,
-        overlayComponent: this.renderOverlay,
-        dayPickerProps: dayPickerProps,
-        component: _HiTextField.default,
-        inputProps: inputProps,
-        placeholder: '',
-        format: enableTime ? "".concat(format, " HH:mm") : format,
-        formatDate: _moment.default.formatDate,
-        parseDate: _moment.default.parseDate,
-        onDayChange: this.handleDayChange
-      }) : _react.default.createElement(_HiDatePickerMobile.default, {
-        id: this.props.id,
-        label: this.props.label,
-        required: this.props.required,
-        disabled: this.props.disabled,
-        error: this.props.error,
-        errorText: this.props.errorText,
-        helperText: this.props.helperText,
-        helperIcon: this.props.helperIcon,
-        enableTime: enableTime,
-        value: value,
-        onChange: this.handleChangeMobile,
-        disablePastDays: disablePastDays,
-        disableFutureDays: disableFutureDays,
-        today: today,
-        minimumDate: minimumDate,
-        format: enableTime ? "".concat(format, " HH:mm") : format
-      }));
-    }
-  }]);
-  return HiDatePicker;
-}(_react.default.Component);
-
-(0, _defineProperty2.default)(HiDatePicker, "defaultProps", {
-  disabledDays: [],
-  disablePastDays: false,
-  disableFutureDays: false,
-  enableTime: false,
-  format: 'YYYY-DD-MM',
-  hideOnDayClick: false,
-  locale: 'fr-FR',
-  minimumDate: new Date(2013, 4, 1),
-  // by default 1 May 2013
-  timezoneName: 'Europe/Paris',
-  translations: {
-    today: 'today'
-  }
-});
-
-var _default = (0, _styles.withStyles)(_stylesheet.default, {
-  name: 'HmuiHiDatePicker'
-})(HiDatePicker);
-
-exports.default = _default;