@hipay/hipay-material-ui 2.0.0-beta.55 → 2.0.0-beta.57

package/HiDatePicker/HiDateRangePicker.js

@@ -29,6 +29,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 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"));
@@ -66,7 +68,7 @@ function (_React$Component) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiDateRangePicker);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangePicker).call(this));
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangePicker).call(this, props));
 
     _this.handleDayChange = function (name, day) {
       if (day) {
@@ -105,13 +107,11 @@ function (_React$Component) {
     _this.onDayToClick = function (day) {
       var change = (0, _moment2.default)(day) >= (0, _moment2.default)(_this.props.from);
 
-      if (change && _this.props.disableFutureDays && (0, _moment2.default)(day) > (0, _moment2.default)()) {
+      if (change && _this.props.disableFutureDays && (0, _moment2.default)(day).utc() > (0, _moment2.default)().utc().endOf('day')) {
         change = false;
       }
 
       if (change) {
-        console.log((0, _extends2.default)({}, _this.props));
-
         _this.handleDayChange('to', day);
 
         document.activeElement.blur();
@@ -138,8 +138,8 @@ function (_React$Component) {
 
     _this.handleChange = function (name, day) {
       var translations = _this.props.translations;
-      var date = undefined;
-      var error = undefined;
+      var date;
+      var error;
       var now = new Date();
       var _this$props = _this.props,
           minimumDate = _this$props.minimumDate,
@@ -163,10 +163,10 @@ function (_React$Component) {
 
         if (name === 'to' && comparativeDate > (0, _moment2.default)(date) || name === 'from' && comparativeDate < (0, _moment2.default)(date)) {
           error = translations.to_superior_from;
-        } else if (date < minimumDate) {
-          error = translations.date_inferior_min_date.replace("%s", (0, _moment2.default)(minimumDate).format(format));
-        } else if (disableFutureDays && date > now) {
-          error = translations.date_superior_max_date.replace("%s", (0, _moment2.default)().format(format));
+        } else if ((0, _moment2.default)(date).utc() < (0, _moment2.default)(minimumDate).utc().startOf('day')) {
+          error = translations.date_inferior_min_date.replace('%s', (0, _moment2.default)(minimumDate).format(format));
+        } else if (disableFutureDays && (0, _moment2.default)(date).utc() > (0, _moment2.default)(now).utc().endOf('day')) {
+          error = translations.date_superior_max_date.replace('%s', (0, _moment2.default)().format(format));
         }
 
         if (!_this.props.enableTime) {
@@ -217,9 +217,11 @@ function (_React$Component) {
     _this.handleReset = function (name) {
       _this.handleChange(name, undefined);
 
-      _this.setState({
-        keyFrom: _this.state.keyFrom === 1 ? 2 : 1,
-        keyTo: _this.state.keyTo === 1 ? 2 : 1
+      _this.setState(function (prevState) {
+        return {
+          keyFrom: prevState.keyFrom === 1 ? 2 : 1,
+          keyTo: prevState.keyTo === 1 ? 2 : 1
+        };
       });
     };
 
@@ -255,7 +257,7 @@ function (_React$Component) {
         staticPosition: staticPosition
       });
 
-      switch (_this.state['openedPanel']) {
+      switch (_this.state.openedPanel) {
         case 'time':
           return _this.renderTimePickerOverlay(name, rangeOverlayProps);
 
@@ -266,6 +268,7 @@ function (_React$Component) {
           return _this.renderYearPickerOverlay(name, rangeOverlayProps);
 
         case 'calendar':
+        default:
           return _react.default.createElement(_Overlay.default, rangeOverlayProps);
       }
     };
@@ -280,7 +283,7 @@ function (_React$Component) {
 
     _this.renderMonthPickerOverlay = function (name, propsOverlay) {
       var monthPickerProps = {
-        value: _this.state['currentMonth'],
+        value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange
       };
       return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
@@ -305,7 +308,7 @@ function (_React$Component) {
 
     _this.renderYearPickerOverlay = function (name, propsOverlay) {
       var yearPickerProps = {
-        value: _this.state['currentMonth'],
+        value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange,
         disabledFutureDays: _this.props.disableFutureDays
       };
@@ -408,13 +411,15 @@ function (_React$Component) {
         onTodayButtonClick: this.handleCurrentMonthChange,
         navbarElement: this.renderNavBar,
         captionElement: this.renderCaption,
-        disabledDays: (0, _extends2.default)({
+        disabledDays: (0, _extends2.default)({}, dayPickerProps.disabledDays, {
           before: minimumDate
         }, disableFutureDays && {
           after: now
         }, to && {
           after: to
         }),
+        locale: locale,
+        localeUtils: _hiLocaleUtils.default,
         month: this.state.currentMonth,
         modifiers: (0, _extends2.default)({}, modifiers)
       });
@@ -423,13 +428,15 @@ function (_React$Component) {
         navbarElement: this.renderNavBar,
         onDayClick: this.onDayToClick,
         captionElement: this.renderCaption,
-        disabledDays: (0, _extends2.default)({
+        disabledDays: (0, _extends2.default)({}, dayPickerProps.disabledDays, {
           before: minimumDate
         }, disableFutureDays && {
           after: now
         }, from && {
           before: from
         }),
+        locale: locale,
+        localeUtils: _hiLocaleUtils.default,
         month: this.state.currentMonth,
         modifiers: (0, _extends2.default)({}, modifiers)
       }); // From & To InputProps
@@ -509,7 +516,7 @@ function (_React$Component) {
         inputProps: toInputProps,
         format: enableTime ? "".concat(format, " HH:mm") : format,
         formatDate: _moment.default.formatDate,
-        parseDate: _moment.default.parseDate //onDayChange={(day) => this.handleDayChange('to', day)}
+        parseDate: _moment.default.parseDate // onDayChange={(day) => this.handleDayChange('to', day)}
         ,
         placeholder: ''
       })));
@@ -532,7 +539,7 @@ function (_React$Component) {
 }(_react.default.Component);
 
 HiDateRangePicker.defaultProps = {
-  disabledDays: [],
+  disabledDays: {},
   disableFutureDays: true,
   staticPosition: false,
   enableTime: false,
@@ -541,6 +548,8 @@ HiDateRangePicker.defaultProps = {
   labelFrom: 'Start',
   labelTo: 'End',
   locale: 'fr-FR',
+  minimumDate: new Date(2013, 4, 1),
+  // by default 1 May 2013
   translations: {
     today: 'today',
     hour: 'Hour',
@@ -566,6 +575,11 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   disabled: _propTypes.default.bool,
 
+  /**
+   * http://react-day-picker.js.org/api/DayPicker#disabledDays
+   */
+  disabledDays: _propTypes.default.object,
+
   /**
    * Uniquement la sélection de date antérieures à aujourd'hui (inclu)
    */
@@ -590,7 +604,7 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
    * Date de début sélectionnée
    */
   from: _propTypes.default.instanceOf(Date),
-  //from: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
+  // from: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
 
   /**
    * Erreur sur date from
@@ -636,7 +650,7 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Date minimale sélectionnable
    */
-  minimumDate: _propTypes.default.instanceOf(Date).isRequired,
+  minimumDate: _propTypes.default.instanceOf(Date),
 
   /**
    * Callback à la sélection d'une date

package/HiDatePicker/HiDateRangeSelector.js

@@ -5,6 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.findSeparator = findSeparator;
+exports.yearAndMonth = yearAndMonth;
+exports.yearAndQuarter = yearAndQuarter;
 exports.buildDateRangeOptionByKey = buildDateRangeOptionByKey;
 exports.default = exports.styles = void 0;
 
@@ -44,6 +47,52 @@ var _HiDateRangePicker = _interopRequireDefault(require("./HiDateRangePicker"));
 
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
+function findSeparator(format) {
+  var str = '';
+
+  if (format.search('[/]') >= 0) {
+    str = '/';
+  } else if (format.search('[-]') >= 0) {
+    str = '-';
+  } else if (format.search('[.]') >= 0) {
+    str = '.';
+  }
+
+  return str;
+}
+
+function yearAndMonth(format, date) {
+  var findY = function findY(el) {
+    return el.toUpperCase().search('Y') >= 0;
+  };
+
+  var findM = function findM(el) {
+    return el.toUpperCase().search('M') >= 0;
+  };
+
+  var s = findSeparator(format);
+  var split = format.split(s);
+  var indexY = split.findIndex(findY);
+  var indexM = split.findIndex(findM);
+  return indexY < indexM ? date.format(split[indexY] + s + split[indexM]) : date.format(split[indexM] + s + split[indexY]);
+}
+
+function yearAndQuarter(format, date, t) {
+  var findY = function findY(el) {
+    return el.toUpperCase().search('Y') >= 0;
+  };
+
+  var findM = function findM(el) {
+    return el.toUpperCase().search('M') >= 0;
+  };
+
+  var s = findSeparator(format);
+  var split = format.split(s);
+  var indexY = split.findIndex(findY);
+  var indexM = split.findIndex(findM);
+  return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
+}
+
 function buildDateRangeOptionByKey(key, t, format) {
   var from;
   var label;
@@ -104,21 +153,21 @@ function buildDateRangeOptionByKey(key, t, format) {
       label = t.previous_month;
       from = (0, _moment.default)().subtract(1, 'month').startOf('month');
       to = (0, _moment.default)().subtract(1, 'month').endOf('month');
-      info = "".concat(from.format(t.yearAndMonth), ", ").concat(from.daysInMonth(), " ").concat(t.days);
+      info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
       break;
 
     case 'cq':
       label = t.current_quarter;
       from = (0, _moment.default)().startOf('quarter');
       to = (0, _moment.default)();
-      info = "".concat(from.format(t.yearAndQuarter), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
+      info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pq':
       label = t.previous_quarter;
       from = (0, _moment.default)().subtract(1, 'quarter').startOf('quarter');
       to = (0, _moment.default)().subtract(1, 'quarter').endOf('quarter');
-      info = "".concat(from.format(t.yearAndQuarter), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
+      info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'cy':
@@ -142,7 +191,7 @@ function buildDateRangeOptionByKey(key, t, format) {
   };
 }
 
-var styles = function styles(theme) {
+var styles = function styles() {
   return {
     root: {
       maxWidth: 500,
@@ -154,7 +203,8 @@ var styles = function styles(theme) {
       marginTop: 1
     },
     dateRangePicker: {
-      width: 'calc(100% + 8px)'
+      width: 'calc(100% + 8px)',
+      marginTop: 0
     },
     smSelect: {},
     smRangePicker: {}
@@ -175,17 +225,25 @@ function (_React$Component) {
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangeSelector).call(this));
     _this.options = [];
 
-    _this.onBlur = function (event) {
+    _this.handleBlur = function (event) {
       if (event instanceof Object && _this.props.onblur) {
         _this.props.onBlur(event);
       }
     };
 
+    _this.handleReset = function (name) {
+      _this.props.onChange(name, undefined);
+
+      _this.props.onChange("".concat(name, "Error"), undefined);
+    };
+
     _this.handleSelectChange = function (name) {
       return function (event, value) {
-        var _this$setState;
+        _this.setState(function (prevState) {
+          var _ref;
 
-        _this.setState((_this$setState = {}, (0, _defineProperty2.default)(_this$setState, name, value), (0, _defineProperty2.default)(_this$setState, "key", _this.state.key === 1 ? 2 : 1), _this$setState));
+          return _ref = {}, (0, _defineProperty2.default)(_ref, name, value), (0, _defineProperty2.default)(_ref, "key", prevState.key === 1 ? 2 : 1), _ref;
+        });
 
         var selectedOption = _this.options.find(function (option) {
           return option.id === value;
@@ -207,7 +265,6 @@ function (_React$Component) {
       };
     };
 
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handleSelectChange = _this.handleSelectChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.options = props.availableOptionKeys.map(function (key) {
       return buildDateRangeOptionByKey(key, props.translations, props.format);
@@ -233,12 +290,6 @@ function (_React$Component) {
     value: function componentWillUnmount() {
       clearTimeout(this.timeout); // TODO : supprimer ?
     }
-  }, {
-    key: "handleReset",
-    value: function handleReset(name) {
-      this.props.onChange(name, undefined);
-      this.props.onChange("".concat(name, "Error"), undefined);
-    }
   }, {
     key: "render",
     value: function render() {
@@ -281,7 +332,7 @@ function (_React$Component) {
         spacing: 8,
         className: classes.root,
         ref: function ref(container) {
-          return _this2.container = container;
+          _this2.container = container;
         }
       }, _react.default.createElement(_Grid.default, {
         item: true,
@@ -332,14 +383,14 @@ function (_React$Component) {
         disabled: disabled || selectedPreset !== 'custom',
         translations: translations,
         staticPosition: staticPosition,
-        onBlur: this.onBlur,
+        onBlur: this.handleBlur,
         hasSelector: true
       }, props)))));
     }
   }], [{
     key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (props.defaultPreset && props.returnSelectValue) {
+    value: function getDerivedStateFromProps(props) {
+      if (props.returnSelectValue) {
         return {
           selectedPreset: props.defaultPreset
         };
@@ -358,6 +409,8 @@ HiDateRangeSelector.defaultProps = {
   staticPosition: false,
   locale: 'fr-FR',
   format: 'YYYY-DD-MM',
+  minimumDate: new Date(2013, 4, 1),
+  // by default 1 May 2013
   translations: {
     today: 'Today',
     hour: 'Hour',
@@ -366,6 +419,7 @@ HiDateRangeSelector.defaultProps = {
     quarter: 'Quarter',
     week: 'Week',
     short_week: 'W',
+    short_quarter: 'Q',
     yearAndMonth: 'YYYY[-]MM',
     yearAndQuarter: 'YYYY[-Q]Q',
     year: 'Year',
@@ -468,7 +522,7 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Date minimale sélectionnable
    */
-  minimumDate: _propTypes.default.instanceOf(Date).isRequired,
+  minimumDate: _propTypes.default.instanceOf(Date),
 
   /**
    * Callback à la sélection d'une date
@@ -483,7 +537,7 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Retourne la valeur du select de la période au change du select
    */
-  returnSelectValue: _propTypes.default.bool.isRequired,
+  returnSelectValue: _propTypes.default.bool,
 
   /**
    * Props passées au HiSelectField

package/HiDatePicker/NavBar.js

@@ -62,6 +62,8 @@ var _ref4 = _react.default.createElement(_AccessTime.default, null);
 
 var NavBar = function NavBar(_ref) {
   var classes = _ref.classes,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
       localeUtils = _ref.localeUtils,
       nextMonth = _ref.nextMonth,
       onClockClick = _ref.onClockClick,
@@ -69,7 +71,7 @@ var NavBar = function NavBar(_ref) {
       onNextClick = _ref.onNextClick,
       previousMonth = _ref.previousMonth,
       showClockButton = _ref.showClockButton;
-  var months = localeUtils.getMonths();
+  var months = localeUtils.getMonths(locale);
   var prev = "".concat(months[previousMonth.getMonth()], " ").concat(previousMonth.getFullYear());
   var next = "".concat(months[nextMonth.getMonth()], " ").concat(nextMonth.getFullYear());
   return _react.default.createElement("div", {
@@ -100,6 +102,11 @@ NavBar.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: _propTypes.default.object,
 
+  /**
+   * ReactDayPicker prop
+   */
+  locale: _propTypes.default.string,
+
   /**
    * ReactDayPicker prop
    */

package/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -26,10 +26,15 @@ var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
 var styles = function styles(theme) {
   return {
     paper: {
-      position: 'absolute',
       width: '100%',
       zIndex: 10
     },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
     left: {
       width: '200%',
       left: 0
@@ -80,22 +85,25 @@ var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
       footerElement = _ref.footerElement,
       absoluteElement = _ref.absoluteElement,
       side = _ref.side,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side"]);
-  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), _classNames));
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
   var paperProps = (0, _extends2.default)({}, props);
-  return _react.default.createElement(_Paper.default, {
-    className: paperClass,
-    onBlur: paperProps.onBlur,
-    onFocus: paperProps.onFocus
-  }, _react.default.createElement("div", {
-    className: classes.overlay
-  }, _react.default.createElement("div", {
-    className: classes.header
-  }, headerElement), _react.default.createElement("div", {
-    className: classes.body
-  }, children), _react.default.createElement("div", {
-    className: classes.footer
-  }, footerElement), absoluteElement));
+  return (// eslint-disable-next-line react/jsx-handler-names
+    _react.default.createElement(_Paper.default, {
+      className: paperClass,
+      onBlur: paperProps.onBlur,
+      onFocus: paperProps.onFocus
+    }, _react.default.createElement("div", {
+      className: classes.overlay
+    }, _react.default.createElement("div", {
+      className: classes.header
+    }, headerElement), _react.default.createElement("div", {
+      className: classes.body
+    }, children), _react.default.createElement("div", {
+      className: classes.footer
+    }, footerElement), absoluteElement))
+  );
 };
 
 CustomOverlayLayout.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -112,7 +120,8 @@ CustomOverlayLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * Définit comment construire le Paper dans le cas d'un double input
    */
-  side: _propTypes.default.string
+  side: _propTypes.default.string,
+  staticPosition: _propTypes.default.bool
 } : {};
 
 var _default = (0, _withStyles.default)(styles, {

package/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _withStyles = _interopRequireDefault(require("../../styles/withStyles"));
+
+var styles = function styles(theme) {
+  return {
+    paper: {
+      width: '100%',
+      zIndex: 10
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
+    left: {
+      width: '200%',
+      left: 0
+    },
+    right: {
+      width: '200%',
+      left: '-100%'
+    },
+    overlay: (0, _extends2.default)({
+      padding: 0,
+      height: 325,
+      textAlign: 'center'
+    }, theme.typography.body2, {
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    header: (0, _extends2.default)({
+      display: 'block',
+      height: 40,
+      textAlign: 'center',
+      padding: '10px 0'
+    }, theme.typography.body1, {
+      color: theme.palette.neutral.main,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    }),
+    body: {
+      height: 285,
+      width: 224,
+      margin: 'auto'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter(_ref) {
+  var _classNames;
+
+  var classes = _ref.classes,
+      children = _ref.children,
+      headerElement = _ref.headerElement,
+      footerElement = _ref.footerElement,
+      absoluteElement = _ref.absoluteElement,
+      side = _ref.side,
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _extends2.default)({}, props);
+  return (// eslint-disable-next-line react/jsx-handler-names
+    _react.default.createElement(_Paper.default, {
+      className: paperClass,
+      onBlur: paperProps.onBlur,
+      onFocus: paperProps.onFocus
+    }, _react.default.createElement("div", {
+      className: classes.overlay
+    }, _react.default.createElement("div", {
+      className: classes.header
+    }, headerElement), _react.default.createElement("div", {
+      className: classes.body
+    }, children), absoluteElement))
+  );
+};
+
+CustomOverlayLayoutWithoutFooter.propTypes = process.env.NODE_ENV !== "production" ? {
+  absoluteElement: _propTypes.default.any,
+  children: _propTypes.default.any,
+
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes.default.object,
+  footerElement: _propTypes.default.any,
+  headerElement: _propTypes.default.any,
+
+  /**
+   * Définit comment construire le Paper dans le cas d'un double input
+   */
+  side: _propTypes.default.string,
+  staticPosition: _propTypes.default.bool
+} : {};
+
+var _default = (0, _withStyles.default)(styles, {
+  name: 'HmuiCustomOverlayLayoutWithoutFooter'
+})(CustomOverlayLayoutWithoutFooter);
+
+exports.default = _default;

package/HiDatePicker/Overlays/MonthPickerOverlay.js

@@ -27,7 +27,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout"));
+var _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
 
 var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
@@ -43,7 +43,7 @@ function (_React$Component) {
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
     _this.months = [];
     _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.months = props.localeUtils ? props.localeUtils.getMonths() : props.children.props.localeUtils.getMonths();
+    _this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
     return _this;
   }
 
@@ -66,8 +66,8 @@ function (_React$Component) {
           translations = _this$props.translations,
           props = (0, _objectWithoutProperties2.default)(_this$props, ["value", "translations"]);
       var now = new Date();
-      var currentMonth = props.localeUtils ? props.localeUtils.getMonths()[now.getMonth()] : props.children.props.localeUtils.getMonths()[now.getMonth()];
-      return _react.default.createElement(_CustomOverlayLayout.default, (0, _extends2.default)({
+      var currentMonth = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()] : props.children.props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()];
+      return _react.default.createElement(_CustomOverlayLayoutWithoutFooter.default, (0, _extends2.default)({
         headerElement: translations.month
       }, props), _react.default.createElement(_ListPicker.default, {
         itemList: this.months,

package/HiDatePicker/Overlays/MonthPickerOverlay.spec.js

@@ -16,6 +16,7 @@ var _MonthPickerOverlay = _interopRequireDefault(require("./MonthPickerOverlay")
 
 var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
+/* eslint-disable */
 var _ref = _react.default.createElement("span", null, "children");
 
 var _ref2 = _react.default.createElement("span", null, "children");