@hipay/hipay-material-ui 2.0.0-beta.59 → 2.0.0-beta.61

package/HiSelectableList/HiSelectableList.js

@@ -112,6 +112,10 @@ function (_React$PureComponent) {
     };
 
     _this.compareItem = function (a, b) {
+      if (_this.props.comparItemFunc) {
+        return _this.props.comparItemFunc(a, b);
+      }
+
       if (a.label === undefined || b.label === undefined) {
         return 0;
       }
@@ -184,6 +188,11 @@ HiSelectableList.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   classes: _propTypes.default.object,
 
+  /**
+   * Fonction de comparaison utilisée pour les tris
+   */
+  comparItemFunc: _propTypes.default.func,
+
   /**
    * Désactive la listes
    */

package/HiSelectableList/HiSelectableListItem.js

@@ -71,7 +71,7 @@ var styles = function styles(theme) {
         display: 'block'
       },
       '&$inline': {
-        maxHeight: 40,
+        minHeight: 40,
         '& $secondaryLabel': {
           display: 'inline-block'
         }
@@ -128,7 +128,7 @@ var styles = function styles(theme) {
       '& strong': {
         fontWeight: theme.typography.fontWeightMedium
       },
-      display: 'inline-flex'
+      display: 'contents'
     }),
     listItemContentSelected: {},
     label: {
@@ -158,7 +158,6 @@ var styles = function styles(theme) {
       fontSize: 12,
       textOverflow: 'ellipsis',
       textAlign: 'right',
-      padding: '4px 0px 4px 8px',
       alignSelf: 'center'
     }),
     img: {
@@ -172,7 +171,7 @@ var styles = function styles(theme) {
       verticalAlign: 'middle'
     },
     labelContent: {
-      display: 'flex',
+      display: '-webkit-flex',
       alignItems: 'center',
       maxWidth: '85%',
       '&$labelWithoutSecondaryInline': {
@@ -190,9 +189,6 @@ var styles = function styles(theme) {
       },
       '&$infosWithoutSecondaryInline': {
         paddingLeft: 28
-      },
-      '&$infosWithSecondaryInline': {
-        marginTop: -8
       }
     },
     infosInlineWithoutSecondary: {},

package/README.md

@@ -226,7 +226,7 @@ npm install -g conventional-changelog-cli
 npm install -g cz-conventional-changelog
 ```
 
-1. Changer la version dans packages/hipay-material-ui/package.json
+1. Changer la version dans package.json et dans packages/hipay-material-ui/package.json
 2. Générer le fichier HI-CHANGELOG.md : ```npm run changelog```
 3. Commiter la release : ```git ci -am "chore(release): VERSION DATE```
 4. Build : ```npm run build```

package/es/HiCell/CellNumeric.js

@@ -25,7 +25,7 @@ class CellNumeric extends React.PureComponent {
     let title = '';
 
     if (currency) {
-      displayedValue = formatCurrencyAmount(value, view, locale, currency);
+      displayedValue = formatCurrencyAmount(value, view, locale, currency, precision);
       title = formatCurrencyAmount(value, 'l', locale, currency);
     } else {
       displayedValue = formatNumber(value, view, locale, precision);

package/es/HiDatePicker/HiDatePicker.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 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';
@@ -20,9 +21,18 @@ import styles from './stylesheet';
 class HiDatePicker extends React.Component {
   constructor(props) {
     super();
+
+    this.handleKeyDown = name => event => {
+      if (event.key === 'Escape' && !event.shiftKey) {
+        this.datePickerInput.hideDayPicker();
+        event.stopPropagation();
+      }
+    };
+
+    const today = moment().tz(props.timezoneName);
     this.state = {
       openedPanel: 'calendar',
-      currentMonth: props.value ? props.value : new Date()
+      currentMonth: props.value ? props.value : new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
     }; // this.formatDate = this.formatDate.bind(this);
 
     this.handleCalendarClick = this.handleCalendarClick.bind(this);
@@ -46,15 +56,16 @@ class HiDatePicker extends React.Component {
     clearTimeout(this.timeout);
   }
 
-  handleReset() {
-    this.handleCurrentMonthChange(new Date());
-    this.props.onReset();
-  }
-
   handleInputChange(event) {
     this.props.onChange(event.target.value);
   }
 
+  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();
+  }
+
   handleDayChange(day, modifiers) {
     if (day) {
       if (modifiers.selected) {
@@ -169,7 +180,8 @@ class HiDatePicker extends React.Component {
   renderYearPickerOverlay(propsOverlay) {
     const yearPickerProps = {
       value: this.state.currentMonth,
-      onChange: this.handleCurrentMonthChange
+      onChange: this.handleCurrentMonthChange,
+      disableFutureDays: this.props.disableFutureDays
     };
     return React.createElement(YearPickerOverlay, _extends({
       key: 'year-picker-overlay'
@@ -197,11 +209,12 @@ class HiDatePicker extends React.Component {
     const {
       currentMonth
     } = this.state;
+    const today = moment().tz(this.props.timezoneName);
 
     const effectiveDisabledDays = _objectSpread({}, disablePastDays && {
-      before: new Date()
+      before: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
     }, disableFutureDays && {
-      after: new Date()
+      after: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
     }, disabledDays);
 
     const modifiersStyles = {
@@ -228,7 +241,8 @@ class HiDatePicker extends React.Component {
       fromMonth: minimumDate,
       modifiers: {
         disabled: effectiveDisabledDays,
-        selected: value
+        selected: value,
+        [classes.currentDay]: new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds())
       },
       modifiersStyles,
       month: currentMonth
@@ -240,11 +254,15 @@ class HiDatePicker extends React.Component {
     const inputProps = _objectSpread({}, onReset && {
       onReset: this.handleReset
     }, props, {
-      onChange: this.handleInputChange
+      onChange: this.handleInputChange,
+      HiInputProps: {
+        onSubmit: this.props.onSubmit
+      }
     });
 
     return React.createElement("div", {
-      className: classes.root
+      className: classes.root,
+      onKeyDown: this.handleKeyDown()
     }, React.createElement(DayPickerInput, {
       ref: el => {
         this.datePickerInput = el;
@@ -275,6 +293,7 @@ HiDatePicker.defaultProps = {
   locale: 'fr-FR',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
+  timezoneName: 'Europe/Paris',
   translations: {
     today: 'today'
   }
@@ -338,6 +357,16 @@ HiDatePicker.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onReset: PropTypes.func,
 
+  /**
+   * Callback lorsque l'utilisateur tape sur "Entrée"
+   */
+  onSubmit: PropTypes.func,
+
+  /**
+   * Timezone de l'utilisateur
+   */
+  timezoneName: PropTypes.string,
+
   /**
    * Traductions
    */

package/es/HiDatePicker/HiDateRangePicker.js

@@ -3,6 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread";
 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';
@@ -17,7 +18,6 @@ import NavBar from './NavBar';
 import Weekday from './Weekday';
 import { HiTextField } from '../HiForm';
 import styles from './stylesheet';
-import moment from 'moment';
 import HiFormControl from '../HiForm/HiFormControl';
 
 class HiDateRangePicker extends React.Component {
@@ -58,8 +58,10 @@ class HiDateRangePicker extends React.Component {
 
     this.onDayToClick = day => {
       let change = moment(day) >= moment(this.props.from);
+      const today = moment().tz(this.props.timezoneName);
+      const todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
 
-      if (change && this.props.disableFutureDays && moment(day).utc() > moment().utc().endOf('day')) {
+      if (change && day > todayDate) {
         change = false;
       }
 
@@ -85,11 +87,13 @@ class HiDateRangePicker extends React.Component {
 
     this.handleChange = (name, day) => {
       const {
-        translations
+        translations,
+        timezoneName
       } = this.props;
       let date;
       let error;
-      const now = new Date();
+      const today = moment().tz(timezoneName);
+      const now = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
       const {
         minimumDate,
         disableFutureDays,
@@ -115,8 +119,8 @@ class HiDateRangePicker extends React.Component {
           error = translations.to_superior_from;
         } else if (moment(date).utc() < moment(minimumDate).utc().startOf('day')) {
           error = translations.date_inferior_min_date.replace('%s', moment(minimumDate).format(format));
-        } else if (disableFutureDays && moment(date).utc() > moment(now).utc().endOf('day')) {
-          error = translations.date_superior_max_date.replace('%s', moment().format(format));
+        } else if (disableFutureDays && date > now) {
+          error = translations.date_superior_max_date.replace('%s', moment().tz(timezoneName).format(format));
         }
 
         if (!this.props.enableTime) {
@@ -165,10 +169,37 @@ class HiDateRangePicker extends React.Component {
 
     this.handleReset = name => {
       this.handleChange(name, undefined);
-      this.setState(prevState => ({
-        keyFrom: prevState.keyFrom === 1 ? 2 : 1,
-        keyTo: prevState.keyTo === 1 ? 2 : 1
-      }));
+    };
+
+    this.handleKeyDown = name => event => {
+      if (event.key === 'Tab' && !event.shiftKey) {
+        const nodeName = document.activeElement.nodeName;
+
+        if (this.props[name] && nodeName === 'INPUT' && document.activeElement.nextSibling.children.length > 0) {
+          document.activeElement.nextSibling.focus();
+        } else if (name === 'from') {
+          this.handleDayPickerBlur('from');
+          this.handleDayPickerFocus('to');
+          this.toInput.handleInputFocus();
+          setTimeout(() => {
+            document.getElementById(`${this.props.id}-to`).focus();
+          }, 1);
+        } else if (name === 'to') {
+          this.handleDayPickerBlur('to');
+          this.toInput.handleInputBlur(event);
+          setTimeout(() => {
+            document.activeElement.blur();
+          }, 1);
+        }
+      } else if (event.key === 'Escape' && !event.shiftKey) {
+        if (name === 'from') {
+          this.fromInput.hideDayPicker();
+        } else if (name === 'to') {
+          this.toInput.hideDayPicker();
+        }
+
+        event.stopPropagation();
+      }
     };
 
     this.openPanel = panel => {
@@ -246,19 +277,19 @@ class HiDateRangePicker extends React.Component {
       const yearPickerProps = {
         value: this.state.currentMonth,
         onChange: this.handleCurrentMonthChange,
-        disabledFutureDays: this.props.disableFutureDays
+        disableFutureDays: this.props.disableFutureDays
       };
       return React.createElement(YearPickerOverlay, _extends({
         key: `${name}-year-picker-overlay`
       }, yearPickerProps, propsOverlay));
     };
 
+    const _today = moment().tz(this.props.timezoneName);
+
     this.state = {
-      currentMonth: new Date(),
+      currentMonth: new Date(_today.year(), _today.month(), _today.date()),
       focusedInput: '',
-      openedPanel: 'calendar',
-      keyFrom: 1,
-      keyTo: 1
+      openedPanel: 'calendar'
     };
   }
 
@@ -290,14 +321,17 @@ class HiDateRangePicker extends React.Component {
       errorText,
       hasSelector,
       helperIcon,
-      helperText
+      helperText,
+      timezoneName
     } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText"]);
+          props = _objectWithoutProperties(_this$props, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText", "timezoneName"]);
 
-    const now = new Date();
+    const today = moment().tz(timezoneName);
+    const now = new Date(today.year(), today.month(), today.date(), 23, 59, 59, 999);
     const modifiers = {
       start: from,
-      end: to
+      end: to,
+      [classes.currentDay]: new Date(today.year(), today.month(), today.date())
     };
     const modifiersStyles = {
       start: {
@@ -385,7 +419,10 @@ class HiDateRangePicker extends React.Component {
     }, {
       id: `${id}-from`,
       onChange: this.handleInputChange('from'),
-      disabled
+      disabled,
+      HiInputProps: {
+        onSubmit: this.props.onSubmit
+      }
     });
 
     const toInputProps = _objectSpread({}, onReset && {
@@ -397,7 +434,10 @@ class HiDateRangePicker extends React.Component {
     }, {
       id: `${id}-to`,
       onChange: this.handleInputChange('to'),
-      disabled
+      disabled,
+      HiInputProps: {
+        onSubmit: this.props.onSubmit
+      }
     });
 
     const toClass = classNames(classes.toInput, {
@@ -408,10 +448,10 @@ class HiDateRangePicker extends React.Component {
       className: classNames(classes.root, classes.rangePickerContainer)
     }, React.createElement("div", {
       className: classes.fromInput,
-      onFocus: () => this.handleDayPickerFocus('from') // onBlur={() => this.handleDayPickerBlur('from')}
-
+      onFocus: () => this.handleDayPickerFocus('from'),
+      onKeyDown: this.handleKeyDown('from')
     }, React.createElement("div", null, React.createElement(DayPickerInput, {
-      key: this.state.keyFrom,
+      key: '1',
       ref: el => {
         this.fromInput = el;
       },
@@ -429,9 +469,10 @@ class HiDateRangePicker extends React.Component {
     }))), React.createElement("div", {
       className: toClass,
       onFocus: () => this.handleDayPickerFocus('to'),
-      onBlur: () => this.handleDayPickerBlur('to')
+      onBlur: () => this.handleDayPickerBlur('to'),
+      onKeyDown: this.handleKeyDown('to')
     }, React.createElement(DayPickerInput, {
-      key: this.state.keyTo,
+      key: '1',
       ref: el => {
         this.toInput = el;
       },
@@ -443,8 +484,7 @@ class HiDateRangePicker extends React.Component {
       inputProps: toInputProps,
       format: enableTime ? `${format} HH:mm` : format,
       formatDate: MomentLocaleUtils.formatDate,
-      parseDate: MomentLocaleUtils.parseDate // onDayChange={(day) => this.handleDayChange('to', day)}
-      ,
+      parseDate: MomentLocaleUtils.parseDate,
       placeholder: ''
     })));
 
@@ -476,6 +516,7 @@ HiDateRangePicker.defaultProps = {
   locale: 'fr-FR',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
+  timezoneName: 'Europe/Paris',
   translations: {
     today: 'today',
     hour: 'Hour',
@@ -597,11 +638,21 @@ HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onReset: PropTypes.func,
 
+  /**
+   * Callback lorsque l'utilisateur tape sur "Entrée"
+   */
+  onSubmit: PropTypes.func,
+
   /**
    * Si true, le calendrier sera dans une div static plutot que dans une popper absolute
    */
   staticPosition: PropTypes.bool,
 
+  /**
+   * Timezone de l'utilisateur
+   */
+  timezoneName: PropTypes.string,
+
   /**
    * Date de fin sélectionnée
    */

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import PropTypes from 'prop-types';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { findDOMNode } from 'react-dom';
 import Grid from '@material-ui/core/Grid';
 import withStyles from '../styles/withStyles';
@@ -52,7 +52,7 @@ export function yearAndQuarter(format, date, t) {
   const indexM = split.findIndex(findM);
   return indexY < indexM ? date.format(`${split[indexY]}${s}[${t.short_quarter}]Q`) : date.format(`[${t.short_quarter}]Q${s}${split[indexY]}`);
 }
-export function buildDateRangeOptionByKey(key, t, format) {
+export function buildDateRangeOptionByKey(key, t, format, timezoneName) {
   let from;
   let label;
   let info;
@@ -67,71 +67,71 @@ export function buildDateRangeOptionByKey(key, t, format) {
   switch (key) {
     case 'custom':
       label = t.custom_period;
-      from = moment().subtract(15, 'day').startOf('day');
-      to = moment().endOf('day');
+      from = moment().tz(timezoneName).subtract(15, 'day').startOf('day');
+      to = moment().tz(timezoneName).endOf('day');
       type = 'primary-highlight';
       break;
 
     case 'cd':
       label = t.today;
-      from = moment().startOf('day');
-      to = moment().endOf('day');
+      from = moment().tz(timezoneName).startOf('day');
+      to = moment().tz(timezoneName).endOf('day');
       info = `${from.format(format)}`;
       break;
 
     case 'pd':
       label = t.yesterday;
-      from = moment().subtract(1, 'day').startOf('day');
-      to = moment().subtract(1, 'day').endOf('day');
+      from = moment().tz(timezoneName).subtract(1, 'day').startOf('day');
+      to = moment().tz(timezoneName).subtract(1, 'day').endOf('day');
       info = `${from.format(format)}`;
       break;
 
     case 'cw':
       label = t.current_week;
-      from = moment().startOf('week');
-      to = moment();
+      from = moment().tz(timezoneName).startOf('week');
+      to = moment().tz(timezoneName);
       info = `${t.short_week}${from.format('w')}, \n ${from.format(format)} ${t.to_now}`;
       break;
 
     case 'pw':
       label = t.previous_week;
-      from = moment().subtract(1, 'week').startOf('week');
-      to = moment().subtract(1, 'week').endOf('week');
+      from = moment().tz(timezoneName).subtract(1, 'week').startOf('week');
+      to = moment().tz(timezoneName).subtract(1, 'week').endOf('week');
       info = `${t.short_week}${from.format('w')}, ${from.format(format)} ${t.to} ${to.format(format)}`;
       break;
 
     case 'cm':
       label = t.current_month;
-      from = moment().startOf('month');
-      to = moment();
+      from = moment().tz(timezoneName).startOf('month');
+      to = moment().tz(timezoneName);
       info = `${from.format(format)} ${t.to_now}, ${to.diff(from, 'days') + 1} ${t.days}`;
       break;
 
     case 'pm':
       label = t.previous_month;
-      from = moment().subtract(1, 'month').startOf('month');
-      to = moment().subtract(1, 'month').endOf('month');
+      from = moment().tz(timezoneName).subtract(1, 'month').startOf('month');
+      to = moment().tz(timezoneName).subtract(1, 'month').endOf('month');
       info = `${yearAndMonth(format, from)}, ${from.daysInMonth()} ${t.days}`;
       break;
 
     case 'cq':
       label = t.current_quarter;
-      from = moment().startOf('quarter');
-      to = moment();
+      from = moment().tz(timezoneName).startOf('quarter');
+      to = moment().tz(timezoneName);
       info = `${yearAndQuarter(format, from, t)}, ${from.format(format)} ${t.to_now}, ${to.diff(from, 'days') + 1} ${t.days}`;
       break;
 
     case 'pq':
       label = t.previous_quarter;
-      from = moment().subtract(1, 'quarter').startOf('quarter');
-      to = moment().subtract(1, 'quarter').endOf('quarter');
+      from = moment().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
+      to = moment().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
       info = `${yearAndQuarter(format, from, t)}, ${to.diff(from, 'days') + 1} ${t.days}`;
       break;
 
     case 'cy':
       label = t.current_year;
-      from = moment().startOf('year');
-      to = moment();
+      from = moment().tz(timezoneName).startOf('year');
+      to = moment().tz(timezoneName);
       info = `${from.format(format)} ${t.to_now}, ${to.diff(from, 'days') + 1} ${t.days}`;
       break;
 
@@ -187,22 +187,10 @@ class HiDateRangeSelector extends React.Component {
         [name]: value,
         key: prevState.key === 1 ? 2 : 1
       }));
-      const selectedOption = this.options.find(option => option.id === value);
-
-      if (selectedOption) {
-        this.props.onChange('from', selectedOption.from.toDate());
-        this.props.onChange('to', selectedOption.to.toDate());
-        this.props.onChange('fromError', false);
-        this.props.onChange('toError', false);
-      }
-
-      if (this.props.returnSelectValue === true) {
-        this.props.onChange('period', value);
-      }
+      this.updateDates(value);
     };
 
-    this.handleSelectChange = this.handleSelectChange.bind(this);
-    this.options = props.availableOptionKeys.map(key => buildDateRangeOptionByKey(key, props.translations, props.format));
+    this.options = props.availableOptionKeys.map(key => buildDateRangeOptionByKey(key, props.translations, props.format, props.timezoneName));
     this.state = {
       selectedPreset: props.defaultPreset,
       containerWidth: 0
@@ -227,10 +215,32 @@ class HiDateRangeSelector extends React.Component {
     }
   }
 
+  componentDidUpdate(prevProps) {
+    if (prevProps.timezoneName !== this.props.timezoneName) {
+      this.options = this.props.availableOptionKeys.map(key => buildDateRangeOptionByKey(key, this.props.translations, this.props.format, this.props.timezoneName));
+      this.updateDates(this.state.selectedPreset);
+    }
+  }
+
   componentWillUnmount() {
     clearTimeout(this.timeout); // TODO : supprimer ?
   }
 
+  updateDates(value) {
+    const selectedOption = this.options.find(option => option.id === value);
+
+    if (selectedOption) {
+      this.props.onChange('from', new Date(selectedOption.from.format('YYYY-MM-DD HH:mm:ss')));
+      this.props.onChange('to', new Date(selectedOption.to.format('YYYY-MM-DD HH:mm:ss')));
+      this.props.onChange('fromError', false);
+      this.props.onChange('toError', false);
+    }
+
+    if (this.props.returnSelectValue === true) {
+      this.props.onChange('period', value);
+    }
+  }
+
   render() {
     const _this$props = this.props,
           {
@@ -299,7 +309,8 @@ class HiDateRangeSelector extends React.Component {
       classes: {
         root: classes.dateSelect
       },
-      staticPosition: staticPosition
+      staticPosition: staticPosition,
+      onSubmit: this.props.onSubmit
     }, selectProps))), React.createElement(Grid, {
       item: true,
       xs: 12,
@@ -341,6 +352,7 @@ HiDateRangeSelector.defaultProps = {
   format: 'YYYY-DD-MM',
   minimumDate: new Date(2013, 4, 1),
   // by default 1 May 2013
+  timezoneName: 'Europe/Paris',
   translations: {
     today: 'Today',
     hour: 'Hour',
@@ -459,6 +471,11 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onChange: PropTypes.func.isRequired,
 
+  /**
+   * Callback lorsque l'utilisateur tape sur "Entrée"
+   */
+  onSubmit: PropTypes.func,
+
   /**
    * true si champs obligatoire
    */
@@ -479,6 +496,11 @@ HiDateRangeSelector.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   staticPosition: PropTypes.bool,
 
+  /**
+   * Timezone de l'utilisateur
+   */
+  timezoneName: PropTypes.string,
+
   /**
    * Date de fin sélectionnée
    */

package/es/HiDatePicker/Overlays/YearPickerOverlay.js

@@ -10,8 +10,15 @@ class YearPickerOverlay extends React.Component {
     super(props);
     this.years = [];
     this.handleYearClick = this.handleYearClick.bind(this);
+    let minDate = props.minimumDate;
+
+    if (!minDate) {
+      let today = new Date();
+      minDate = new Date(today.getFullYear() - 5, today.getMonth(), today.getDate()); // by default 5 years from now
+    }
+
     const currentYear = new Date().getFullYear();
-    const minimumYear = props.minimumDate.getFullYear();
+    const minimumYear = minDate.getFullYear();
     this.years = [currentYear]; // get years from minimum date to now
 
     if (!props.disablePastDays && currentYear > minimumYear) {
@@ -55,8 +62,6 @@ class YearPickerOverlay extends React.Component {
 }
 
 YearPickerOverlay.defaultProps = {
-  minimumDate: new Date(2013, 4, 1),
-  // by default 1 May 2013
   translations: {
     year: 'Year'
   }