@hipay/hipay-material-ui 2.3.0-rc.5 → 2.3.0-rc.PSYCHE-2530

package/es/HiDatePicker/HiDatePicker.js

@@ -1,304 +1,340 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import PropTypes from 'prop-types';
-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';
-
-class HiDatePicker extends React.Component {
-  constructor(props) {
-    super();
-
-    this.handleInputChange = event => {
-      this.props.onChange(event.target.value);
-    };
+"use strict";
 
-    this.handleKeyDown = name => event => {
-      if (event.key === 'Escape' && !event.shiftKey) {
-        this.datePickerInput.hideDayPicker();
-        event.stopPropagation();
-      }
-    };
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-    this.handleReset = () => {
-      const today = moment().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();
-    };
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _typeof2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/typeof"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/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"));
 
-    this.handleDayChange = (day, modifiers) => {
+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);
+          _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());
+          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);
+          _this.props.onChange(day);
         }
 
-        if (day instanceof Date && !this.props.enableTime && modifiers.selected !== true) {
+        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) {
+        } else if (day instanceof Date && _this.props.enableTime && modifiers.selected !== true) {
           // Open Time panel after date selection
-          this.openPanel('time');
+          _this.openPanel('time');
         }
       }
-    };
-
-    this.handleChangeMobile = event => {
-      let date;
+    });
+    (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);
-    };
-
-    this.handleCalendarClick = () => {
-      this.openPanel('calendar');
-    };
-
-    this.handleClockClick = () => {
-      this.openPanel('time');
-    };
-
-    this.handleMonthClick = () => {
-      this.openPanel('months');
-    };
-
-    this.handleYearClick = () => {
-      this.openPanel('years');
-    };
-
-    this.handleCurrentMonthChange = day => {
-      this.setState({
+      _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,
+        currentMonth: day < _this.props.minimumDate ? _this.props.minimumDate : day,
         openedPanel: 'calendar'
       });
-    };
-
-    this.handleTimeChange = (date, precision) => {
-      this.props.onChange(date);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTimeChange", function (date, precision) {
+      _this.props.onChange(date);
 
       if (date instanceof Date && precision === 'minute') {
         document.activeElement.blur();
       }
-    };
-
-    this.openPanel = panel => {
-      this.setState({
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openPanel", function (panel) {
+      _this.setState({
         openedPanel: panel
       });
-    };
-
-    this.renderCaption = propsCaption => {
-      return React.createElement(Caption, _extends({
-        onMonthClick: this.handleMonthClick,
-        onYearClick: this.handleYearClick
+    });
+    (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));
-    };
-
-    this.renderOverlay = propsOverlay => {
-      switch (this.state.openedPanel) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlay", function (propsOverlay) {
+      switch (_this.state.openedPanel) {
         case 'time':
-          return this.renderTimePickerOverlay(propsOverlay);
+          return _this.renderTimePickerOverlay(propsOverlay);
 
         case 'months':
-          return this.renderMonthPickerOverlay(propsOverlay);
+          return _this.renderMonthPickerOverlay(propsOverlay);
 
         case 'years':
-          return this.renderYearPickerOverlay(propsOverlay);
+          return _this.renderYearPickerOverlay(propsOverlay);
 
         case 'calendar':
         default:
-          return React.createElement(Overlay, propsOverlay);
+          return _react.default.createElement(_Overlay.default, propsOverlay);
       }
-    };
-
-    this.renderMonthPickerOverlay = propsOverlay => {
-      const monthPickerProps = {
-        value: this.state.currentMonth,
-        onChange: this.handleCurrentMonthChange
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMonthPickerOverlay", function (propsOverlay) {
+      var monthPickerProps = {
+        value: _this.state.currentMonth,
+        onChange: _this.handleCurrentMonthChange
       };
-      return React.createElement(MonthPickerOverlay, _extends({
+      return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
         key: 'month-picker-overlay'
       }, monthPickerProps, propsOverlay));
-    };
-
-    this.renderTimePickerOverlay = propsOverlay => {
-      const timePickerProps = {
-        value: this.props.value,
-        onChange: this.handleTimeChange,
-        onCalendarClick: this.handleCalendarClick
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTimePickerOverlay", function (propsOverlay) {
+      var timePickerProps = {
+        value: _this.props.value,
+        onChange: _this.handleTimeChange,
+        onCalendarClick: _this.handleCalendarClick
       };
-      return React.createElement(TimePickerOverlay, _extends({
+      return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
         key: 'time-picker-overlay'
       }, timePickerProps, propsOverlay));
-    };
-
-    this.renderYearPickerOverlay = propsOverlay => {
-      const yearPickerProps = {
-        value: this.state.currentMonth,
-        onChange: this.handleCurrentMonthChange,
-        disableFutureDays: this.props.disableFutureDays,
-        minimumDate: this.props.minimumDate
+    });
+    (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.createElement(YearPickerOverlay, _extends({
+      return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
         key: 'year-picker-overlay'
       }, yearPickerProps, propsOverlay));
-    };
+    });
 
-    const _today = moment().tz(props.timezoneName);
+    var _today = (0, _momentTimezone.default)().tz(props.timezoneName);
 
-    this.state = {
+    _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;
   }
 
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      classes,
-      disabledDays,
-      disablePastDays,
-      disableFutureDays,
-      enableTime,
-      format,
-      locale,
-      minimumDate,
-      onReset,
-      translations,
-      value,
-      hideOnDayClick
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick"]);
-
-    const {
-      currentMonth
-    } = this.state;
-    const today = moment().tz(this.props.timezoneName);
-
-    const effectiveDisabledDays = _objectSpread({}, 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);
-
-    const modifiersStyles = {
-      selected: {
-        borderRadius: '50%'
-      }
-    };
-
-    const dayPickerProps = _objectSpread({
-      todayButton: translations.today,
-      onTodayButtonClick: this.handleCurrentMonthChange,
-      weekdayElement: Weekday,
-      navbarElement: props2 => React.createElement(NavBar, _extends({
-        showClockButton: enableTime,
-        onClockClick: this.handleClockClick
-      }, props2, {
-        localeUtils: HiLocaleUtils
-      })),
-      captionElement: this.renderCaption,
-      classNames: classes,
-      disabledDays: effectiveDisabledDays,
-      selectedDays: typeof value === 'object' ? value : undefined,
-      firstDayOfWeek: 1,
-      fromMonth: minimumDate,
-      modifiers: {
-        disabled: effectiveDisabledDays,
-        selected: value,
-        [classes.currentDay]: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
-      },
-      modifiersStyles,
-      month: currentMonth
-    }, props, {
-      locale,
-      localeUtils: HiLocaleUtils
-    });
-
-    const inputProps = _objectSpread({}, onReset && {
-      onReset: this.handleReset
-    }, props, {
-      onChange: this.handleInputChange,
-      HiInputProps: {
-        onSubmit: this.props.onSubmit
-      }
-    });
-
-    return React.createElement("div", {
-      className: classes.root,
-      onKeyDown: this.handleKeyDown()
-    }, !isMobile ? React.createElement(DayPickerInput, {
-      ref: el => {
-        this.datePickerInput = el;
-      },
-      value: value,
-      hideOnDayClick: hideOnDayClick,
-      overlayComponent: this.renderOverlay,
-      dayPickerProps: dayPickerProps,
-      component: HiTextField,
-      inputProps: inputProps,
-      placeholder: '',
-      format: enableTime ? `${format} HH:mm` : format,
-      formatDate: MomentLocaleUtils.formatDate,
-      parseDate: MomentLocaleUtils.parseDate,
-      onDayChange: this.handleDayChange
-    }) : React.createElement(HiDatePickerMobile, {
-      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 ? `${format} HH:mm` : format
-    }));
-  }
-
-}
-
-HiDatePicker.defaultProps = {
+  (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,
@@ -312,86 +348,10 @@ HiDatePicker.defaultProps = {
   translations: {
     today: 'today'
   }
-};
-HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * ReactDayPicker prop
-   * Définie les jours non sélectionnables
-   */
-  disabledDays: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.instanceOf(Date)]),
-
-  /**
-   * Uniquement la sélection de date antérieures à aujourd'hui (inclus)
-   */
-  disableFutureDays: PropTypes.bool,
-
-  /**
-   * Uniquement la sélection de date postérieures à aujourd'hui (inclus)
-   */
-  disablePastDays: PropTypes.bool,
-
-  /**
-   * Ajoute la gestion de l'heure
-   */
-  enableTime: PropTypes.bool,
-
-  /**
-   * Format des dates affichées
-   */
-  format: PropTypes.string,
-
-  /**
-   * Si true : ferme la popup quand on sélectionne une date
-   */
-  hideOnDayClick: PropTypes.bool,
-
-  /**
-   * Locale utilisée
-   */
-  locale: PropTypes.string,
-
-  /**
-   * Date minimale sélectionnable
-   */
-  minimumDate: PropTypes.instanceOf(Date),
-
-  /**
-   * Callback à la sélection d'une date
-   *
-   * @param {Date} date sélectionnée
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Callback au reset de l'input
-   */
-  onReset: PropTypes.func,
-
-  /**
-   * Callback lorsque l'utilisateur tape sur "Entrée"
-   */
-  onSubmit: PropTypes.func,
-
-  /**
-   * Timezone de l'utilisateur
-   */
-  timezoneName: PropTypes.string,
-
-  /**
-   * Traductions
-   */
-  translations: PropTypes.object,
-
-  /**
-   * Date sélectionnée
-   */
-  value: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
-})(HiDatePicker);
+})(HiDatePicker);
+
+exports.default = _default;