@hipay/hipay-material-ui 1.0.0-beta.8 → 2.0.0-beta.35

package/HiDatePicker/HiDatePicker.js

@@ -1,415 +1,411 @@
-'use strict';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
+exports.default = void 0;
 
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _react = require('react');
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var _react2 = _interopRequireDefault(_react);
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _propTypes = require('prop-types');
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _moment = require('react-day-picker/moment');
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _DayPickerInput = require('react-day-picker/DayPickerInput');
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _DayPickerInput2 = _interopRequireDefault(_DayPickerInput);
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _withStyles = require('../styles/withStyles');
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _withStyles2 = _interopRequireDefault(_withStyles);
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _Caption = require('./Caption');
+var _react = _interopRequireDefault(require("react"));
 
-var _Caption2 = _interopRequireDefault(_Caption);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _Overlay = require('./Overlays/Overlay');
+var _moment = _interopRequireDefault(require("react-day-picker/moment"));
 
-var _Overlay2 = _interopRequireDefault(_Overlay);
+var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
 
-var _TimePickerOverlay = require('./Overlays/TimePickerOverlay');
+var _withStyles = _interopRequireDefault(require("../styles/withStyles"));
 
-var _TimePickerOverlay2 = _interopRequireDefault(_TimePickerOverlay);
+var _Caption = _interopRequireDefault(require("./Caption"));
 
-var _MonthPickerOverlay = require('./Overlays/MonthPickerOverlay');
+var _Overlay = _interopRequireDefault(require("./Overlays/Overlay"));
 
-var _MonthPickerOverlay2 = _interopRequireDefault(_MonthPickerOverlay);
+var _TimePickerOverlay = _interopRequireDefault(require("./Overlays/TimePickerOverlay"));
 
-var _YearPickerOverlay = require('./Overlays/YearPickerOverlay');
+var _MonthPickerOverlay = _interopRequireDefault(require("./Overlays/MonthPickerOverlay"));
 
-var _YearPickerOverlay2 = _interopRequireDefault(_YearPickerOverlay);
+var _YearPickerOverlay = _interopRequireDefault(require("./Overlays/YearPickerOverlay"));
 
-var _Navbar = require('./Navbar');
+var _NavBar = _interopRequireDefault(require("./NavBar"));
 
-var _Navbar2 = _interopRequireDefault(_Navbar);
+var _Weekday = _interopRequireDefault(require("./Weekday"));
 
-var _Weekday = require('./Weekday');
+var _HiTextField = _interopRequireDefault(require("../HiForm/HiTextField"));
 
-var _Weekday2 = _interopRequireDefault(_Weekday);
+var _stylesheet = _interopRequireDefault(require("./stylesheet"));
 
-var _HiForm = require('../HiForm');
+var HiDatePicker =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(HiDatePicker, _React$Component);
 
-var _stylesheet = require('./stylesheet');
+  function HiDatePicker(props) {
+    var _this;
 
-var _stylesheet2 = _interopRequireDefault(_stylesheet);
+    (0, _classCallCheck2.default)(this, HiDatePicker);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDatePicker).call(this));
+    _this.state = {
+      openedPanel: 'calendar',
+      currentMonth: props.value ? props.value : new Date()
+    }; // this.formatDate = this.formatDate.bind(this);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+    _this.handleCalendarClick = _this.handleCalendarClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleClockClick = _this.handleClockClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleDayChange = _this.handleDayChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCurrentMonthChange = _this.handleCurrentMonthChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleTimeChange = _this.handleTimeChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.openPanel = _this.openPanel.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderCaption = _this.renderCaption.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderOverlay = _this.renderOverlay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderMonthPickerOverlay = _this.renderMonthPickerOverlay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderTimePickerOverlay = _this.renderTimePickerOverlay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.renderYearPickerOverlay = _this.renderYearPickerOverlay.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleInputChange = _this.handleInputChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    return _this;
+  }
 
-var HiDatePicker = function (_React$Component) {
-    (0, _inherits3.default)(HiDatePicker, _React$Component);
-
-    function HiDatePicker(props) {
-        (0, _classCallCheck3.default)(this, HiDatePicker);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (HiDatePicker.__proto__ || (0, _getPrototypeOf2.default)(HiDatePicker)).call(this));
-
-        _this.state = {
-            openedPanel: 'calendar',
-            currentMonth: props.value ? props.value : new Date()
-        };
-
-        // this.formatDate = this.formatDate.bind(this);
-        _this.handleCalendarClick = _this.handleCalendarClick.bind(_this);
-        _this.handleClockClick = _this.handleClockClick.bind(_this);
-        _this.handleMonthClick = _this.handleMonthClick.bind(_this);
-        _this.handleYearClick = _this.handleYearClick.bind(_this);
-        _this.handleDayChange = _this.handleDayChange.bind(_this);
-        _this.handleCurrentMonthChange = _this.handleCurrentMonthChange.bind(_this);
-        _this.handleReset = _this.handleReset.bind(_this);
-        _this.handleTimeChange = _this.handleTimeChange.bind(_this);
-        _this.openPanel = _this.openPanel.bind(_this);
-        _this.renderCaption = _this.renderCaption.bind(_this);
-        _this.renderOverlay = _this.renderOverlay.bind(_this);
-        _this.renderMonthPickerOverlay = _this.renderMonthPickerOverlay.bind(_this);
-        _this.renderTimePickerOverlay = _this.renderTimePickerOverlay.bind(_this);
-        _this.renderYearPickerOverlay = _this.renderYearPickerOverlay.bind(_this);
-        return _this;
+  (0, _createClass2.default)(HiDatePicker, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      clearTimeout(this.timeout);
     }
-
-    (0, _createClass3.default)(HiDatePicker, [{
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            clearTimeout(this.timeout);
-        }
-    }, {
-        key: 'handleReset',
-        value: function handleReset() {
-            this.handleCurrentMonthChange(new Date());
-            this.props.onReset();
-        }
-    }, {
-        key: 'handleDayChange',
-        value: function handleDayChange(day, modifiers) {
-            if (modifiers.selected) {
-                // Deselect day
-                this.props.onChange(undefined);
+  }, {
+    key: "handleReset",
+    value: function handleReset() {
+      this.handleCurrentMonthChange(new Date());
+      this.props.onReset();
+    }
+  }, {
+    key: "handleInputChange",
+    value: function handleInputChange(event) {
+      this.props.onChange(event.target.value);
+    }
+  }, {
+    key: "handleDayChange",
+    value: function handleDayChange(day, modifiers) {
+      if (day) {
+        if (modifiers.selected) {
+          // Deselect day
+          this.props.onChange(undefined);
+        } else {
+          // Keep Time if set
+          if (this.props.enableTime && day !== undefined) {
+            if (this.props.value) {
+              day.setHours(this.props.value.getHours(), this.props.value.getMinutes());
             } else {
-                // Keep Time if set
-                if (this.props.enableTime && day !== undefined) {
-                    if (this.props.value) {
-                        day.setHours(this.props.value.getHours(), this.props.value.getMinutes());
-                    } else {
-                        day.setHours(0, 0);
-                    }
-                }
-                this.props.onChange(day);
+              day.setHours(0, 0);
             }
-            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');
-            }
-        }
-    }, {
-        key: 'handleCalendarClick',
-        value: function handleCalendarClick() {
-            this.openPanel('calendar');
-        }
-    }, {
-        key: 'handleClockClick',
-        value: function handleClockClick() {
-            this.openPanel('time');
-        }
-    }, {
-        key: 'handleMonthClick',
-        value: function handleMonthClick() {
-            this.openPanel('months');
-        }
-    }, {
-        key: 'handleYearClick',
-        value: function handleYearClick() {
-            this.openPanel('years');
-        }
-    }, {
-        key: 'handleCurrentMonthChange',
-        value: function handleCurrentMonthChange(day) {
-            this.setState({
-                // Current Month can't be anterior to minimumDate
-                currentMonth: day < this.props.minimumDate ? this.props.minimumDate : day,
-                openedPanel: 'calendar'
-            });
-        }
-    }, {
-        key: 'handleTimeChange',
-        value: function handleTimeChange(date, precision) {
-            this.props.onChange(date);
-            if (date instanceof Date && precision === 'minute') {
-                document.activeElement.blur();
-            }
-        }
-    }, {
-        key: 'openPanel',
-        value: function openPanel(panel) {
-            this.setState({
-                openedPanel: panel
-            });
-        }
-    }, {
-        key: 'renderCaption',
-        value: function renderCaption(propsCaption) {
-            return _react2.default.createElement(_Caption2.default, (0, _extends3.default)({
-                onMonthClick: this.handleMonthClick,
-                onYearClick: this.handleYearClick
-            }, propsCaption));
-        }
-    }, {
-        key: 'renderOverlay',
-        value: function renderOverlay(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 _react2.default.createElement(_Overlay2.default, propsOverlay);
-            }
-        }
-    }, {
-        key: 'renderMonthPickerOverlay',
-        value: function renderMonthPickerOverlay(propsOverlay) {
-            var monthPickerProps = {
-                value: this.state.currentMonth,
-                onChange: this.handleCurrentMonthChange
-            };
-
-            return _react2.default.createElement(_MonthPickerOverlay2.default, (0, _extends3.default)({
-                key: 'month-picker-overlay'
-            }, monthPickerProps, propsOverlay));
-        }
-    }, {
-        key: 'renderTimePickerOverlay',
-        value: function renderTimePickerOverlay(propsOverlay) {
-            var timePickerProps = {
-                value: this.props.value,
-                onChange: this.handleTimeChange,
-                onCalendarClick: this.handleCalendarClick
-            };
-            return _react2.default.createElement(_TimePickerOverlay2.default, (0, _extends3.default)({ key: 'time-picker-overlay' }, timePickerProps, propsOverlay));
+          }
+
+          this.props.onChange(day);
         }
-    }, {
-        key: 'renderYearPickerOverlay',
-        value: function renderYearPickerOverlay(propsOverlay) {
-            var yearPickerProps = {
-                value: this.state.currentMonth,
-                onChange: this.handleCurrentMonthChange
-            };
-
-            return _react2.default.createElement(_YearPickerOverlay2.default, (0, _extends3.default)({ key: 'year-picker-overlay' }, yearPickerProps, propsOverlay));
+
+        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');
         }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this2 = this;
-
-            var _props = this.props,
-                classes = _props.classes,
-                disabledDays = _props.disabledDays,
-                disablePastDays = _props.disablePastDays,
-                disableFutureDays = _props.disableFutureDays,
-                enableTime = _props.enableTime,
-                format = _props.format,
-                locale = _props.locale,
-                minimumDate = _props.minimumDate,
-                onReset = _props.onReset,
-                translations = _props.translations,
-                value = _props.value,
-                hideOnDayClick = _props.hideOnDayClick,
-                props = (0, _objectWithoutProperties3.default)(_props, ['classes', 'disabledDays', 'disablePastDays', 'disableFutureDays', 'enableTime', 'format', 'locale', 'minimumDate', 'onReset', 'translations', 'value', 'hideOnDayClick']);
-            var currentMonth = this.state.currentMonth;
-
-
-            var effectiveDisabledDays = (0, _extends3.default)({}, disablePastDays && {
-                before: new Date()
-            }, disableFutureDays && {
-                after: new Date()
-            }, disabledDays);
-
-            var modifiersStyles = {
-                selected: {
-                    borderRadius: '50%'
-                }
-            };
-
-            var dayPickerProps = (0, _extends3.default)({
-                todayButton: translations.today,
-                onTodayButtonClick: this.handleCurrentMonthChange,
-                weekdayElement: _Weekday2.default,
-                navbarElement: function navbarElement(props2) {
-                    return _react2.default.createElement(_Navbar2.default, (0, _extends3.default)({
-                        showClockButton: enableTime,
-                        onClockClick: _this2.handleClockClick
-                    }, props2));
-                },
-                captionElement: this.renderCaption,
-                classNames: classes,
-                disabledDays: effectiveDisabledDays,
-                selectedDays: value,
-                locale: locale,
-                firstDayOfWeek: 1,
-                fromMonth: minimumDate,
-                modifiers: {
-                    disabled: effectiveDisabledDays,
-                    selected: value
-                },
-                modifiersStyles: modifiersStyles,
-                month: currentMonth
-            }, props);
-
-            var inputProps = (0, _extends3.default)({}, onReset && {
-                onReset: this.handleReset
-            }, {
-                onBlur: this.handleBlur
-            }, props);
-
-            return _react2.default.createElement(
-                'div',
-                { className: classes.root },
-                _react2.default.createElement(_DayPickerInput2.default, {
-                    ref: function ref(el) {
-                        _this2.datePickerInput = el;
-                    },
-                    value: value,
-                    hideOnDayClick: hideOnDayClick,
-                    overlayComponent: this.renderOverlay,
-                    dayPickerProps: dayPickerProps,
-                    component: _HiForm.HiTextField,
-                    inputProps: inputProps,
-                    placeholder: '',
-                    format: enableTime ? format + ' HH:mm' : format,
-                    formatDate: _moment.formatDate,
-                    parseDate: _moment.parseDate,
-                    onDayChange: this.handleDayChange
-                })
-            );
+      }
+    }
+  }, {
+    key: "handleCalendarClick",
+    value: function handleCalendarClick() {
+      this.openPanel('calendar');
+    }
+  }, {
+    key: "handleClockClick",
+    value: function handleClockClick() {
+      this.openPanel('time');
+    }
+  }, {
+    key: "handleMonthClick",
+    value: function handleMonthClick() {
+      this.openPanel('months');
+    }
+  }, {
+    key: "handleYearClick",
+    value: function handleYearClick() {
+      this.openPanel('years');
+    }
+  }, {
+    key: "handleCurrentMonthChange",
+    value: function handleCurrentMonthChange(day) {
+      this.setState({
+        // Current Month can't be anterior to minimumDate
+        currentMonth: day < this.props.minimumDate ? this.props.minimumDate : day,
+        openedPanel: 'calendar'
+      });
+    }
+  }, {
+    key: "handleTimeChange",
+    value: function handleTimeChange(date, precision) {
+      this.props.onChange(date);
+
+      if (date instanceof Date && precision === 'minute') {
+        document.activeElement.blur();
+      }
+    }
+  }, {
+    key: "openPanel",
+    value: function openPanel(panel) {
+      this.setState({
+        openedPanel: panel
+      });
+    }
+  }, {
+    key: "renderCaption",
+    value: function renderCaption(propsCaption) {
+      return _react.default.createElement(_Caption.default, (0, _extends2.default)({
+        onMonthClick: this.handleMonthClick,
+        onYearClick: this.handleYearClick
+      }, propsCaption));
+    }
+  }, {
+    key: "renderOverlay",
+    value: function renderOverlay(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);
+      }
+    }
+  }, {
+    key: "renderMonthPickerOverlay",
+    value: function renderMonthPickerOverlay(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));
+    }
+  }, {
+    key: "renderTimePickerOverlay",
+    value: function renderTimePickerOverlay(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));
+    }
+  }, {
+    key: "renderYearPickerOverlay",
+    value: function renderYearPickerOverlay(propsOverlay) {
+      var yearPickerProps = {
+        value: this.state.currentMonth,
+        onChange: this.handleCurrentMonthChange
+      };
+      return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
+        key: 'year-picker-overlay'
+      }, yearPickerProps, propsOverlay));
+    }
+  }, {
+    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 effectiveDisabledDays = (0, _extends2.default)({}, disablePastDays && {
+        before: new Date()
+      }, disableFutureDays && {
+        after: new Date()
+      }, disabledDays);
+      var modifiersStyles = {
+        selected: {
+          borderRadius: '50%'
         }
-    }]);
-    return HiDatePicker;
-}(_react2.default.Component);
+      };
+      var dayPickerProps = (0, _extends2.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));
+        },
+        captionElement: this.renderCaption,
+        classNames: classes,
+        disabledDays: effectiveDisabledDays,
+        selectedDays: (0, _typeof2.default)(value) === 'object' ? value : undefined,
+        locale: locale,
+        firstDayOfWeek: 1,
+        fromMonth: minimumDate,
+        modifiers: {
+          disabled: effectiveDisabledDays,
+          selected: value
+        },
+        modifiersStyles: modifiersStyles,
+        month: currentMonth
+      }, props);
+      var inputProps = (0, _extends2.default)({}, onReset && {
+        onReset: this.handleReset
+      }, {
+        onBlur: this.handleBlur
+      }, props, {
+        onChange: this.handleInputChange
+      });
+      return _react.default.createElement("div", {
+        className: classes.root
+      }, _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
+      }));
+    }
+  }]);
+  return HiDatePicker;
+}(_react.default.Component);
 
 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
-    translations: {
-        today: 'today'
-    }
+  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
+  translations: {
+    today: 'today'
+  }
 };
 HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: _propTypes2.default.object,
-    /**
-     * ReactDayPicker prop
-     * Définie les jours non sélectionnables
-     */
-    disabledDays: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.instanceOf(Date)]),
-    /**
-     * Uniquement la sélection de date antérieures à aujourd'hui (inclus)
-     */
-    disableFutureDays: _propTypes2.default.bool,
-    /**
-     * Uniquement la sélection de date postérieures à aujourd'hui (inclus)
-     */
-    disablePastDays: _propTypes2.default.bool,
-    /**
-     * Ajoute la gestion de l'heure
-     */
-    enableTime: _propTypes2.default.bool,
-    /**
-     * Format des dates affichées
-     */
-    format: _propTypes2.default.string,
-    /**
-     * Si true : ferme la popup quand on sélectionne une date
-     */
-    hideOnDayClick: _propTypes2.default.bool,
-    /**
-     * Locale utilisée
-     */
-    locale: _propTypes2.default.string,
-    /**
-     * Date minimale sélectionnable
-     */
-    minimumDate: _propTypes2.default.instanceOf(Date),
-    /**
-     * Callback à la sélection d'une date
-     *
-     * @param {Date} date sélectionnée
-     */
-    onChange: _propTypes2.default.func.isRequired,
-    /**
-     * Callback au reset de l'input
-     */
-    onReset: _propTypes2.default.func,
-    /**
-     * Traductions
-     */
-    translations: _propTypes2.default.object,
-    /**
-     * Date sélectionnée
-     */
-    value: _propTypes2.default.instanceOf(Date)
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * ReactDayPicker prop
+   * Définie les jours non sélectionnables
+   */
+  disabledDays: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.instanceOf(Date)]),
+
+  /**
+   * Uniquement la sélection de date antérieures à aujourd'hui (inclus)
+   */
+  disableFutureDays: _propTypes.default.bool,
+
+  /**
+   * Uniquement la sélection de date postérieures à aujourd'hui (inclus)
+   */
+  disablePastDays: _propTypes.default.bool,
+
+  /**
+   * Ajoute la gestion de l'heure
+   */
+  enableTime: _propTypes.default.bool,
+
+  /**
+   * Format des dates affichées
+   */
+  format: _propTypes.default.string,
+
+  /**
+   * Si true : ferme la popup quand on sélectionne une date
+   */
+  hideOnDayClick: _propTypes.default.bool,
+
+  /**
+   * Locale utilisée
+   */
+  locale: _propTypes.default.string,
+
+  /**
+   * Date minimale sélectionnable
+   */
+  minimumDate: _propTypes.default.instanceOf(Date),
+
+  /**
+   * Callback à la sélection d'une date
+   *
+   * @param {Date} date sélectionnée
+   */
+  onChange: _propTypes.default.func.isRequired,
+
+  /**
+   * Callback au reset de l'input
+   */
+  onReset: _propTypes.default.func,
+
+  /**
+   * Traductions
+   */
+  translations: _propTypes.default.object,
+
+  /**
+   * Date sélectionnée
+   */
+  value: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.string])
 } : {};
-exports.default = (0, _withStyles2.default)(_stylesheet2.default, { name: 'HmuiHiDatePicker' })(HiDatePicker);
+
+var _default = (0, _withStyles.default)(_stylesheet.default, {
+  name: 'HmuiHiDatePicker'
+})(HiDatePicker);
+
+exports.default = _default;