react-day-picker
Advanced tools
Comparing version 5.0.0 to 5.1.1
@@ -0,1 +1,14 @@ | ||
## [v5.1.1](https://github.com/gpbl/react-day-picker/tree/v5.1.0) (2016-03-03) | ||
* New [`classNames`](http://react-day-picker.js.org/APIProps.html#classnames) prop ([#264](https://github.com/gpbl/react-day-picker/issues/264)). | ||
Use this prop to change the CSS class names or add support for CSS modules ([#73](https://github.com/gpbl/react-day-picker/issues/73), see [this example](http://react-day-picker.js.org/examples?cssModules)). | ||
* New [`month`](http://react-day-picker.js.org/APIProps.html#month) prop ([#263](https://github.com/gpbl/react-day-picker/issues/263)). | ||
This differs from the `initialMonth` props as it causes the calendar to re-render when its value changes. | ||
* Add `aria-label` attributes to the navigation bar with the new [`labels`](http://react-day-picker.js.org/APIProps.html#labels) prop ([#258](https://github.com/gpbl/react-day-picker/issues/258)). | ||
# [v5.0.0](https://github.com/gpbl/react-day-picker/tree/v5.0.0) (2017-02-14) | ||
@@ -2,0 +15,0 @@ |
@@ -76,3 +76,3 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
/******/ // Load entry module and return exports | ||
/******/ return __webpack_require__(__webpack_require__.s = 13); | ||
/******/ return __webpack_require__(__webpack_require__.s = 14); | ||
/******/ }) | ||
@@ -350,2 +350,38 @@ /************************************************************************/ | ||
}); | ||
// Proxy object to map classnames when css modules are not used | ||
exports.default = { | ||
container: 'DayPicker', | ||
interactionDisabled: 'DayPicker--interactionDisabled', | ||
month: 'DayPicker-Month', | ||
navBar: 'DayPicker-NavBar', | ||
navButtonPrev: 'DayPicker-NavButton DayPicker-NavButton--prev', | ||
navButtonNext: 'DayPicker-NavButton DayPicker-NavButton--next', | ||
caption: 'DayPicker-Caption', | ||
weekdays: 'DayPicker-Weekdays', | ||
weekdaysRow: 'DayPicker-WeekdaysRow', | ||
weekday: 'DayPicker-Weekday', | ||
body: 'DayPicker-Body', | ||
week: 'DayPicker-Week', | ||
day: 'DayPicker-Day', | ||
// default modifiers | ||
today: 'today', | ||
selected: 'selected', | ||
disabled: 'disabled', | ||
outside: 'outside' | ||
}; | ||
//# sourceMappingURL=classNames.js.map | ||
/***/ }), | ||
/* 5 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.NavbarPropTypes = undefined; | ||
@@ -358,8 +394,11 @@ exports.default = Navbar; | ||
var _classNames = __webpack_require__(4); | ||
var _classNames2 = _interopRequireDefault(_classNames); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var buttonBaseClass = 'DayPicker-NavButton DayPicker-NavButton'; | ||
function Navbar(_ref) { | ||
var className = _ref.className, | ||
var classNames = _ref.classNames, | ||
className = _ref.className, | ||
showPreviousButton = _ref.showPreviousButton, | ||
@@ -369,3 +408,5 @@ showNextButton = _ref.showNextButton, | ||
onNextClick = _ref.onNextClick, | ||
dir = _ref.dir; | ||
labels = _ref.labels, | ||
_ref$dir = _ref.dir, | ||
dir = _ref$dir === undefined ? 'ltr' : _ref$dir; | ||
@@ -377,4 +418,5 @@ var previousClickHandler = dir === 'rtl' ? onNextClick : onPreviousClick; | ||
role: 'button', | ||
'aria-label': labels.previousMonth, | ||
key: 'previous', | ||
className: buttonBaseClass + '--prev', | ||
className: classNames.navButtonPrev, | ||
onClick: function onClick() { | ||
@@ -387,4 +429,5 @@ return previousClickHandler(); | ||
role: 'button', | ||
'aria-label': labels.nextMonth, | ||
key: 'right', | ||
className: buttonBaseClass + '--next', | ||
className: classNames.navButtonNext, | ||
onClick: function onClick() { | ||
@@ -397,3 +440,3 @@ return nextClickHandler(); | ||
'div', | ||
{ className: className }, | ||
{ className: className || classNames.navBar }, | ||
dir === 'rtl' ? [nextButton, previousButton] : [previousButton, nextButton] | ||
@@ -404,2 +447,7 @@ ); | ||
var NavbarPropTypes = exports.NavbarPropTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
navBar: _react.PropTypes.string.isRequired, | ||
navButtonPrev: _react.PropTypes.string.isRequired, | ||
navButtonNext: _react.PropTypes.string.isRequired | ||
}), | ||
className: _react.PropTypes.string, | ||
@@ -410,3 +458,7 @@ showPreviousButton: _react.PropTypes.bool, | ||
onNextClick: _react.PropTypes.func, | ||
dir: _react.PropTypes.string | ||
dir: _react.PropTypes.string, | ||
labels: _react.PropTypes.shape({ | ||
previousMonth: _react.PropTypes.string.isRequired, | ||
nextMonth: _react.PropTypes.string.isRequired | ||
}) | ||
}; | ||
@@ -417,4 +469,8 @@ | ||
Navbar.defaultProps = { | ||
className: 'DayPicker-NavBar', | ||
classNames: _classNames2.default, | ||
dir: 'ltr', | ||
labels: { | ||
previousMonth: 'Previous Month', | ||
nextMonth: 'Next Month' | ||
}, | ||
showPreviousButton: true, | ||
@@ -426,3 +482,3 @@ showNextButton: true | ||
/***/ }), | ||
/* 5 */ | ||
/* 6 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -495,3 +551,3 @@ | ||
/***/ }), | ||
/* 6 */ | ||
/* 7 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -546,6 +602,6 @@ | ||
if (props.selectedDays) { | ||
modifiers.selected = props.selectedDays; | ||
modifiers[props.classNames.selected] = props.selectedDays; | ||
} | ||
if (props.disabledDays) { | ||
modifiers.disabled = props.disabledDays; | ||
modifiers[props.classNames.disabled] = props.disabledDays; | ||
} | ||
@@ -704,3 +760,3 @@ return modifiers; | ||
/***/ }), | ||
/* 7 */ | ||
/* 8 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -723,23 +779,23 @@ | ||
var _Caption = __webpack_require__(8); | ||
var _Caption = __webpack_require__(9); | ||
var _Caption2 = _interopRequireDefault(_Caption); | ||
var _Navbar = __webpack_require__(4); | ||
var _Navbar = __webpack_require__(5); | ||
var _Navbar2 = _interopRequireDefault(_Navbar); | ||
var _Month = __webpack_require__(10); | ||
var _Month = __webpack_require__(11); | ||
var _Month2 = _interopRequireDefault(_Month); | ||
var _Day = __webpack_require__(9); | ||
var _Day = __webpack_require__(10); | ||
var _Day2 = _interopRequireDefault(_Day); | ||
var _Weekday = __webpack_require__(5); | ||
var _Weekday = __webpack_require__(6); | ||
var _Weekday2 = _interopRequireDefault(_Weekday); | ||
var _Helpers = __webpack_require__(6); | ||
var _Helpers = __webpack_require__(7); | ||
@@ -756,4 +812,8 @@ var Helpers = _interopRequireWildcard(_Helpers); | ||
var _keys = __webpack_require__(12); | ||
var _classNames = __webpack_require__(4); | ||
var _classNames2 = _interopRequireDefault(_classNames); | ||
var _keys = __webpack_require__(13); | ||
var _keys2 = _interopRequireDefault(_keys); | ||
@@ -802,2 +862,9 @@ | ||
_createClass(DayPicker, [{ | ||
key: 'componentWillReceiveProps', | ||
value: function componentWillReceiveProps(nextProps) { | ||
if (this.props.month !== nextProps.month) { | ||
this.setState(this.getStateFromProps(nextProps)); | ||
} | ||
} | ||
}, { | ||
key: 'getDayNodes', | ||
@@ -1074,2 +1141,3 @@ value: function getDayNodes() { | ||
var _props2 = this.props, | ||
labels = _props2.labels, | ||
locale = _props2.locale, | ||
@@ -1079,7 +1147,9 @@ localeUtils = _props2.localeUtils, | ||
navbarElement = _props2.navbarElement, | ||
attributes = _objectWithoutProperties(_props2, ['locale', 'localeUtils', 'canChangeMonth', 'navbarElement']); | ||
attributes = _objectWithoutProperties(_props2, ['labels', 'locale', 'localeUtils', 'canChangeMonth', 'navbarElement']); | ||
if (!canChangeMonth) return null; | ||
var props = { | ||
className: 'DayPicker-NavBar', | ||
classNames: this.props.classNames, | ||
className: this.props.classNames.navBar, | ||
nextMonth: this.getNextNavigableMonth(), | ||
@@ -1092,2 +1162,3 @@ previousMonth: this.getPreviousNavigableMonth(), | ||
dir: attributes.dir, | ||
labels: labels, | ||
locale: locale, | ||
@@ -1103,6 +1174,6 @@ localeUtils: localeUtils | ||
if (DateUtils.isSameDay(day, new Date())) { | ||
dayModifiers.push('today'); | ||
dayModifiers.push(this.props.classNames.today); | ||
} | ||
if (day.getMonth() !== month.getMonth()) { | ||
dayModifiers.push('outside'); | ||
dayModifiers.push(this.props.classNames.outside); | ||
} | ||
@@ -1130,2 +1201,3 @@ dayModifiers = [].concat(_toConsumableArray(dayModifiers), _toConsumableArray(Helpers.getModifiersForDay(day, Helpers.getModifiersFromProps(this.props)))); | ||
key: '' + (isOutside ? 'outside-' : '') + key, | ||
classNames: this.props.classNames, | ||
day: day, | ||
@@ -1165,4 +1237,13 @@ modifiers: modifiers, | ||
key: i, | ||
classNames: this.props.classNames, | ||
month: month, | ||
months: this.props.months, | ||
weekdayElement: this.props.weekdayElement, | ||
captionElement: _react2.default.cloneElement(this.props.captionElement, { | ||
classNames: this.props.classNames | ||
}), | ||
fixedWeeks: this.props.fixedWeeks, | ||
weekdaysShort: this.props.weekdaysShort, | ||
@@ -1173,11 +1254,3 @@ weekdaysLong: this.props.weekdaysLong, | ||
firstDayOfWeek: firstDayOfWeek, | ||
fixedWeeks: this.props.fixedWeeks, | ||
className: 'DayPicker-Month', | ||
wrapperClassName: 'DayPicker-Body', | ||
weekClassName: 'DayPicker-Week', | ||
weekdayElement: this.props.weekdayElement, | ||
captionElement: this.props.captionElement, | ||
onCaptionClick: this.props.onCaptionClick | ||
@@ -1199,6 +1272,6 @@ }, | ||
var className = 'DayPicker'; | ||
var className = this.props.classNames.container; | ||
if (!this.props.onDayClick) { | ||
className = className + ' DayPicker--interactionDisabled'; | ||
className = className + ' ' + this.props.classNames.interactionDisabled; | ||
} | ||
@@ -1232,29 +1305,61 @@ if (this.props.className) { | ||
DayPicker.VERSION = '5.0.0'; | ||
DayPicker.VERSION = '5.1.1'; | ||
DayPicker.propTypes = { | ||
// Rendering months | ||
initialMonth: _react.PropTypes.instanceOf(Date), | ||
month: _react.PropTypes.instanceOf(Date), | ||
numberOfMonths: _react.PropTypes.number, | ||
fromMonth: _react.PropTypes.instanceOf(Date), | ||
toMonth: _react.PropTypes.instanceOf(Date), | ||
canChangeMonth: _react.PropTypes.bool, | ||
reverseMonths: _react.PropTypes.bool, | ||
pagedNavigation: _react.PropTypes.bool, | ||
// Modifiers | ||
selectedDays: _react.PropTypes.oneOfType([_PropTypes.ModifierPropType, _react.PropTypes.arrayOf(_PropTypes.ModifierPropType)]), | ||
disabledDays: _react.PropTypes.oneOfType([_PropTypes.ModifierPropType, _react.PropTypes.arrayOf(_PropTypes.ModifierPropType)]), | ||
modifiers: _react.PropTypes.object, | ||
// Localization | ||
dir: _react.PropTypes.string, | ||
firstDayOfWeek: _react.PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]), | ||
labels: _react.PropTypes.shape({ | ||
nextMonth: _react.PropTypes.string.isRequired, | ||
previousMonth: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
locale: _react.PropTypes.string, | ||
localeUtils: _PropTypes2.default.localeUtils, | ||
months: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysShort: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
// Customization | ||
enableOutsideDays: _react.PropTypes.bool, | ||
fixedWeeks: _react.PropTypes.bool, | ||
canChangeMonth: _react.PropTypes.bool, | ||
reverseMonths: _react.PropTypes.bool, | ||
pagedNavigation: _react.PropTypes.bool, | ||
fromMonth: _react.PropTypes.instanceOf(Date), | ||
toMonth: _react.PropTypes.instanceOf(Date), | ||
firstDayOfWeek: _react.PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]), | ||
months: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysShort: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
// CSS and HTML | ||
classNames: _react.PropTypes.shape({ | ||
body: _react.PropTypes.string, | ||
container: _react.PropTypes.string, | ||
interactionDisabled: _react.PropTypes.string, | ||
month: _react.PropTypes.string, | ||
navBar: _react.PropTypes.string, | ||
week: _react.PropTypes.string, | ||
outside: _react.PropTypes.string.isRequired, | ||
today: _react.PropTypes.string.isRequired, | ||
selected: _react.PropTypes.string.isRequired, | ||
disabled: _react.PropTypes.string.isRequired | ||
}), | ||
className: _react.PropTypes.string, | ||
containerProps: _react.PropTypes.object, | ||
tabIndex: _react.PropTypes.number, | ||
// Custom elements | ||
renderDay: _react.PropTypes.func, | ||
weekdayElement: _react.PropTypes.element, | ||
navbarElement: _react.PropTypes.element, | ||
captionElement: _react.PropTypes.element, | ||
// Events | ||
onBlur: _react.PropTypes.func, | ||
@@ -1271,21 +1376,14 @@ onFocus: _react.PropTypes.func, | ||
onMonthChange: _react.PropTypes.func, | ||
onCaptionClick: _react.PropTypes.func, | ||
onCaptionClick: _react.PropTypes.func | ||
renderDay: _react.PropTypes.func, | ||
weekdayElement: _react.PropTypes.element, | ||
navbarElement: _react.PropTypes.element, | ||
captionElement: _react.PropTypes.element, | ||
dir: _react.PropTypes.string, | ||
className: _react.PropTypes.string, | ||
tabIndex: _react.PropTypes.number, | ||
containerProps: _react.PropTypes.object | ||
}; | ||
DayPicker.defaultProps = { | ||
classNames: _classNames2.default, | ||
tabIndex: 0, | ||
initialMonth: new Date(), | ||
numberOfMonths: 1, | ||
labels: { | ||
previousMonth: 'Previous Month', | ||
nextMonth: 'Next Month' | ||
}, | ||
locale: 'en', | ||
@@ -1302,4 +1400,4 @@ localeUtils: LocaleUtils, | ||
weekdayElement: _react2.default.createElement(_Weekday2.default, null), | ||
navbarElement: _react2.default.createElement(_Navbar2.default, null), | ||
captionElement: _react2.default.createElement(_Caption2.default, null) | ||
navbarElement: _react2.default.createElement(_Navbar2.default, { classNames: _classNames2.default }), | ||
captionElement: _react2.default.createElement(_Caption2.default, { classNames: _classNames2.default }) | ||
}; | ||
@@ -1309,3 +1407,3 @@ | ||
this.getStateFromProps = function (props) { | ||
var initialMonth = Helpers.startOfMonth(props.initialMonth); | ||
var initialMonth = Helpers.startOfMonth(props.month || props.initialMonth); | ||
var currentMonth = initialMonth; | ||
@@ -1327,3 +1425,3 @@ | ||
/***/ }), | ||
/* 8 */ | ||
/* 9 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -1350,3 +1448,4 @@ | ||
function Caption(_ref) { | ||
var date = _ref.date, | ||
var classNames = _ref.classNames, | ||
date = _ref.date, | ||
months = _ref.months, | ||
@@ -1359,3 +1458,3 @@ locale = _ref.locale, | ||
'div', | ||
{ className: 'DayPicker-Caption', onClick: onClick, role: 'heading' }, | ||
{ className: classNames.caption, onClick: onClick, role: 'heading' }, | ||
months ? months[date.getMonth()] + ' ' + date.getFullYear() : localeUtils.formatMonthTitle(date, locale) | ||
@@ -1370,3 +1469,6 @@ ); | ||
localeUtils: _PropTypes2.default.localeUtils, | ||
onClick: _react.PropTypes.func | ||
onClick: _react.PropTypes.func, | ||
classNames: _react.PropTypes.shape({ | ||
caption: _react.PropTypes.string.isRequired | ||
}).isRequired | ||
}; | ||
@@ -1376,3 +1478,3 @@ //# sourceMappingURL=Caption.js.map | ||
/***/ }), | ||
/* 9 */ | ||
/* 10 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -1392,4 +1494,10 @@ | ||
var _classNames = __webpack_require__(4); | ||
var _classNames2 = _interopRequireDefault(_classNames); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
/* eslint-disable jsx-a11y/no-static-element-interactions, react/forbid-prop-types */ | ||
function handleEvent(handler, day, modifiers) { | ||
@@ -1403,6 +1511,6 @@ if (!handler) { | ||
}; | ||
} /* eslint-disable jsx-a11y/no-static-element-interactions, react/forbid-prop-types */ | ||
} | ||
function Day(_ref) { | ||
var day = _ref.day, | ||
var classNames = _ref.classNames, | ||
day = _ref.day, | ||
tabIndex = _ref.tabIndex, | ||
@@ -1423,6 +1531,11 @@ empty = _ref.empty, | ||
var className = 'DayPicker-Day'; | ||
className += Object.keys(modifiers).map(function (modifier) { | ||
return ' ' + className + '--' + modifier; | ||
}).join(''); | ||
var className = classNames.day; | ||
if (classNames !== _classNames2.default) { | ||
// When using CSS modules prefix the modifier as required by the BEM syntax | ||
className += ' ' + Object.keys(modifiers).join(' '); | ||
} else { | ||
className += Object.keys(modifiers).map(function (modifier) { | ||
return ' ' + className + '--' + modifier; | ||
}).join(''); | ||
} | ||
if (empty) { | ||
@@ -1453,2 +1566,7 @@ return _react2.default.createElement('div', { role: 'gridcell', 'aria-disabled': true, className: className }); | ||
Day.propTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
day: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
day: _react.PropTypes.instanceOf(Date).isRequired, | ||
@@ -1479,3 +1597,3 @@ children: _react.PropTypes.node.isRequired, | ||
/***/ }), | ||
/* 10 */ | ||
/* 11 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -1499,7 +1617,7 @@ | ||
var _Weekdays = __webpack_require__(11); | ||
var _Weekdays = __webpack_require__(12); | ||
var _Weekdays2 = _interopRequireDefault(_Weekdays); | ||
var _Helpers = __webpack_require__(6); | ||
var _Helpers = __webpack_require__(7); | ||
@@ -1509,17 +1627,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function Month(_ref) { | ||
var month = _ref.month, | ||
var classNames = _ref.classNames, | ||
month = _ref.month, | ||
months = _ref.months, | ||
fixedWeeks = _ref.fixedWeeks, | ||
captionElement = _ref.captionElement, | ||
weekdayElement = _ref.weekdayElement, | ||
locale = _ref.locale, | ||
localeUtils = _ref.localeUtils, | ||
weekdaysLong = _ref.weekdaysLong, | ||
weekdaysShort = _ref.weekdaysShort, | ||
locale = _ref.locale, | ||
localeUtils = _ref.localeUtils, | ||
captionElement = _ref.captionElement, | ||
firstDayOfWeek = _ref.firstDayOfWeek, | ||
onCaptionClick = _ref.onCaptionClick, | ||
children = _ref.children, | ||
firstDayOfWeek = _ref.firstDayOfWeek, | ||
className = _ref.className, | ||
wrapperClassName = _ref.wrapperClassName, | ||
weekClassName = _ref.weekClassName, | ||
weekdayElement = _ref.weekdayElement, | ||
fixedWeeks = _ref.fixedWeeks; | ||
children = _ref.children; | ||
@@ -1538,5 +1654,6 @@ var captionProps = { | ||
'div', | ||
{ className: className }, | ||
{ className: classNames.month }, | ||
_react2.default.cloneElement(captionElement, captionProps), | ||
_react2.default.createElement(_Weekdays2.default, { | ||
classNames: classNames, | ||
weekdaysShort: weekdaysShort, | ||
@@ -1551,7 +1668,7 @@ weekdaysLong: weekdaysLong, | ||
'div', | ||
{ className: wrapperClassName, role: 'grid' }, | ||
{ className: classNames.body, role: 'grid' }, | ||
weeks.map(function (week, j) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ key: j, className: weekClassName, role: 'gridcell' }, | ||
{ key: j, className: classNames.week, role: 'gridcell' }, | ||
week.map(function (day) { | ||
@@ -1567,17 +1684,24 @@ return children(day, month); | ||
Month.propTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
month: _react.PropTypes.string.isRequired, | ||
body: _react.PropTypes.string.isRequired, | ||
week: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
month: _react.PropTypes.instanceOf(Date).isRequired, | ||
months: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.string), | ||
fixedWeeks: _react.PropTypes.bool, | ||
captionElement: _react.PropTypes.node.isRequired, | ||
firstDayOfWeek: _react.PropTypes.number.isRequired, | ||
weekdayElement: _react.PropTypes.element, | ||
locale: _react.PropTypes.string.isRequired, | ||
localeUtils: _PropTypes2.default.localeUtils.isRequired, | ||
weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysShort: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
locale: _react.PropTypes.string.isRequired, | ||
localeUtils: _PropTypes2.default.localeUtils.isRequired, | ||
firstDayOfWeek: _react.PropTypes.number.isRequired, | ||
onCaptionClick: _react.PropTypes.func, | ||
children: _react.PropTypes.func.isRequired, | ||
className: _react.PropTypes.string, | ||
wrapperClassName: _react.PropTypes.string, | ||
weekClassName: _react.PropTypes.string, | ||
weekdayElement: _react.PropTypes.element, | ||
fixedWeeks: _react.PropTypes.bool | ||
children: _react.PropTypes.func.isRequired | ||
}; | ||
@@ -1587,3 +1711,3 @@ //# sourceMappingURL=Month.js.map | ||
/***/ }), | ||
/* 11 */ | ||
/* 12 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -1610,3 +1734,4 @@ | ||
function Weekdays(_ref) { | ||
var firstDayOfWeek = _ref.firstDayOfWeek, | ||
var classNames = _ref.classNames, | ||
firstDayOfWeek = _ref.firstDayOfWeek, | ||
weekdaysLong = _ref.weekdaysLong, | ||
@@ -1623,3 +1748,3 @@ weekdaysShort = _ref.weekdaysShort, | ||
key: i, | ||
className: 'DayPicker-Weekday', | ||
className: classNames.weekday, | ||
weekday: weekday, | ||
@@ -1637,6 +1762,6 @@ weekdaysLong: weekdaysLong, | ||
'div', | ||
{ className: 'DayPicker-Weekdays', role: 'rowgroup' }, | ||
{ className: classNames.weekdays, role: 'rowgroup' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'DayPicker-WeekdaysRow', role: 'columnheader' }, | ||
{ className: classNames.weekdaysRow, role: 'columnheader' }, | ||
days | ||
@@ -1648,2 +1773,9 @@ ) | ||
Weekdays.propTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
weekday: _react.PropTypes.string.isRequired, | ||
weekdays: _react.PropTypes.string.isRequired, | ||
weekdaysRow: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
firstDayOfWeek: _react.PropTypes.number.isRequired, | ||
@@ -1659,3 +1791,3 @@ weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
/***/ }), | ||
/* 12 */ | ||
/* 13 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -1680,3 +1812,3 @@ | ||
/***/ }), | ||
/* 13 */ | ||
/* 14 */ | ||
/***/ (function(module, exports, __webpack_require__) { | ||
@@ -1687,7 +1819,7 @@ | ||
var DayPicker = __webpack_require__(7); | ||
var DayPicker = __webpack_require__(8); | ||
var DateUtils = __webpack_require__(2); | ||
var LocaleUtils = __webpack_require__(3); | ||
var Weekday = __webpack_require__(5); | ||
var Navbar = __webpack_require__(4); | ||
var Weekday = __webpack_require__(6); | ||
var Navbar = __webpack_require__(5); | ||
var PropTypes = __webpack_require__(1); | ||
@@ -1694,0 +1826,0 @@ |
@@ -1,1 +0,1 @@ | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.DayPicker=t(require("react")):e.DayPicker=t(e.React)}(this,function(e){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=13)}([function(t,o){t.exports=e},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModifierPropType=void 0;var n=o(0),r={localeUtils:n.PropTypes.shape({formatMonthTitle:n.PropTypes.func,formatWeekdayShort:n.PropTypes.func,formatWeekdayLong:n.PropTypes.func,getFirstDayOfWeek:n.PropTypes.func}),range:n.PropTypes.shape({from:n.PropTypes.instanceOf(Date),to:n.PropTypes.instanceOf(Date)}),after:n.PropTypes.shape({after:n.PropTypes.instanceOf(Date)}),before:n.PropTypes.shape({before:n.PropTypes.instanceOf(Date)})};t.ModifierPropType=n.PropTypes.oneOfType([r.after,r.before,r.range,n.PropTypes.func,n.PropTypes.array]);t.default=r},function(e,t,o){"use strict";function n(e){return new Date(e.getTime())}function r(e,t){var o=n(e);return o.setMonth(e.getMonth()+t),o}function a(e,t){return!(!e||!t)&&(e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear())}function s(e){var t=new Date;return t.setHours(0,0,0,0),e<t}function i(e){var t=new Date((new Date).getTime()+864e5);return t.setHours(0,0,0,0),e>=t}function u(e,t,o){var r=n(e),a=n(t),s=n(o);return r.setHours(0,0,0,0),a.setHours(0,0,0,0),s.setHours(0,0,0,0),a<r&&r<s||s<r&&r<a}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{from:null,to:null},o=t.from,n=t.to;return o?o&&n&&a(o,n)&&a(e,o)?(o=null,n=null):n&&e<o?o=e:n&&a(e,n)?(o=e,n=e):(n=e,n<o&&(n=o,o=e)):o=e,{from:o,to:n}}function p(e,t){var o=t.from,n=t.to;return o&&a(e,o)||n&&a(e,n)||o&&n&&u(e,o,n)}Object.defineProperty(t,"__esModule",{value:!0}),t.clone=n,t.addMonths=r,t.isSameDay=a,t.isPastDay=s,t.isFutureDay=i,t.isDayBetween=u,t.addDayToRange=l,t.isDayInRange=p,t.default={addDayToRange:l,addMonths:r,clone:n,isSameDay:a,isDayInRange:p,isDayBetween:u,isPastDay:s,isFutureDay:i}},function(e,t,o){"use strict";function n(e){return e.toDateString()}function r(e){return c[e.getMonth()]+" "+e.getFullYear()}function a(e){return p[e]}function s(e){return l[e]}function i(){return 0}function u(){return c}Object.defineProperty(t,"__esModule",{value:!0}),t.formatDay=n,t.formatMonthTitle=r,t.formatWeekdayShort=a,t.formatWeekdayLong=s,t.getFirstDayOfWeek=i,t.getMonths=u;var l=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],p=["Su","Mo","Tu","We","Th","Fr","Sa"],c=["January","February","March","April","May","June","July","August","September","October","November","December"];t.default={formatDay:n,formatMonthTitle:r,formatWeekdayShort:a,formatWeekdayLong:s,getFirstDayOfWeek:i,getMonths:u}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.className,o=e.showPreviousButton,n=e.showNextButton,r=e.onPreviousClick,a=e.onNextClick,u=e.dir,l="rtl"===u?a:r,p="rtl"===u?r:a,c=o&&s.default.createElement("span",{role:"button",key:"previous",className:i+"--prev",onClick:function(){return l()}}),f=n&&s.default.createElement("span",{role:"button",key:"right",className:i+"--next",onClick:function(){return p()}});return s.default.createElement("div",{className:t},"rtl"===u?[f,c]:[c,f])}Object.defineProperty(t,"__esModule",{value:!0}),t.NavbarPropTypes=void 0,t.default=r;var a=o(0),s=n(a),i="DayPicker-NavButton DayPicker-NavButton",u=t.NavbarPropTypes={className:a.PropTypes.string,showPreviousButton:a.PropTypes.bool,showNextButton:a.PropTypes.bool,onPreviousClick:a.PropTypes.func,onNextClick:a.PropTypes.func,dir:a.PropTypes.string};r.propTypes=u,r.defaultProps={className:"DayPicker-NavBar",dir:"ltr",showPreviousButton:!0,showNextButton:!0}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.weekday,o=e.className,n=e.weekdaysLong,r=e.weekdaysShort,a=e.localeUtils,i=e.locale,u=void 0;u=n?n[t]:a.formatWeekdayLong(t,i);var l=void 0;return l=r?r[t]:a.formatWeekdayShort(t,i),s.default.createElement("div",{className:o},s.default.createElement("abbr",{title:u},l))}Object.defineProperty(t,"__esModule",{value:!0}),t.WeekdayPropTypes=void 0,t.default=r;var a=o(0),s=n(a),i=o(1),u=n(i),l=t.WeekdayPropTypes={weekday:a.PropTypes.number,className:a.PropTypes.string,locale:a.PropTypes.string,localeUtils:u.default.localeUtils,weekdaysLong:a.PropTypes.arrayOf(a.PropTypes.string),weekdaysShort:a.PropTypes.arrayOf(a.PropTypes.string)};r.propTypes=l},function(e,t,o){"use strict";function n(e){e.preventDefault(),e.stopPropagation()}function r(e){return new Date(e.getFullYear(),e.getMonth(),1,12)}function a(e){var t=r(e);return t.setMonth(t.getMonth()+1),t.setDate(t.getDate()-1),t.getDate()}function s(e){var t=h({},e.modifiers);return e.selectedDays&&(t.selected=e.selectedDays),e.disabledDays&&(t.disabled=e.disabledDays),t}function i(e){var t=e.firstDayOfWeek,o=e.locale,n=void 0===o?"en":o,r=e.localeUtils,a=void 0===r?{}:r;return isNaN(t)?a.getFirstDayOfWeek?a.getFirstDayOfWeek(n):0:t}function u(e){return e&&"object"===("undefined"==typeof e?"undefined":y(e))&&e.from&&e.to}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(t).reduce(function(o,n){var r=t[n];return r?(r instanceof Date&&(0,d.isSameDay)(e,r)?o.push(n):r instanceof Array?r.some(function(t){if(!t)return!1;if(t instanceof Date)return(0,d.isSameDay)(e,t);if(u(t)){var o=t;return(0,d.isDayInRange)(e,o)}return"object"===("undefined"==typeof t?"undefined":y(t))&&t.after?e>t.after:!("object"!==("undefined"==typeof t?"undefined":y(t))||!t.before)&&e<t.before})&&o.push(n):u(r)&&(0,d.isDayInRange)(e,r)?o.push(n):"object"===("undefined"==typeof r?"undefined":y(r))&&r.after&&e>r.after?o.push(n):"object"===("undefined"==typeof r?"undefined":y(r))&&r.before&&e<r.before?o.push(n):"function"==typeof r&&r(e)&&o.push(n),o):o},[])}function p(e,t){return t.getMonth()-e.getMonth()+12*(t.getFullYear()-e.getFullYear())}function c(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,v.getFirstDayOfWeek)(),o=arguments[2],n=a(e),r=[],s=[],i=[],u=1;u<=n;u+=1)r.push(new Date(e.getFullYear(),e.getMonth(),u,12));r.forEach(function(e){s.length>0&&e.getDay()===t&&(i.push(s),s=[]),s.push(e),r.indexOf(e)===r.length-1&&i.push(s)});for(var l=i[0],p=7-l.length;p>0;p-=1){var c=(0,d.clone)(l[0]);c.setDate(l[0].getDate()-1),l.unshift(c)}for(var f=i[i.length-1],y=f.length;y<7;y+=1){var h=(0,d.clone)(f[f.length-1]);h.setDate(f[f.length-1].getDate()+1),f.push(h)}if(o&&i.length<6)for(var P=void 0,g=i.length;g<6;g+=1){P=i[i.length-1];for(var D=P[P.length-1],M=[],m=0;m<7;m+=1){var k=(0,d.clone)(D);k.setDate(D.getDate()+m+1),M.push(k)}i.push(M)}return i}function f(e){var t=(0,d.clone)(e);return t.setDate(1),t.setHours(12,0,0,0),t}Object.defineProperty(t,"__esModule",{value:!0});var y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e};t.cancelEvent=n,t.getFirstDayOfMonth=r,t.getDaysInMonth=a,t.getModifiersFromProps=s,t.getFirstDayOfWeekFromProps=i,t.isRangeOfDates=u,t.getModifiersForDay=l,t.getMonthsDiff=p,t.getWeekArray=c,t.startOfMonth=f;var d=o(2),v=o(3)},function(e,t,o){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t.default=e,t}function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function s(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t<e.length;t++)o[t]=e[t];return o}return Array.from(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),f=o(0),y=r(f),h=o(8),d=r(h),v=o(4),P=r(v),g=o(10),D=r(g),M=o(9),m=r(M),k=o(5),T=r(k),b=o(6),w=n(b),O=o(2),N=n(O),E=o(3),x=n(E),C=o(12),S=r(C),W=o(1),_=r(W),F=function(e){function t(e){i(this,t);var o=u(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return j.call(o),o.renderDayInMonth=o.renderDayInMonth.bind(o),o.showNextMonth=o.showNextMonth.bind(o),o.showPreviousMonth=o.showPreviousMonth.bind(o),o.handleKeyDown=o.handleKeyDown.bind(o),o.handleDayClick=o.handleDayClick.bind(o),o.handleDayKeyDown=o.handleDayKeyDown.bind(o),o.state=o.getStateFromProps(e),o}return l(t,e),c(t,[{key:"getDayNodes",value:function(){return this.dayPicker.querySelectorAll(".DayPicker-Day:not(.DayPicker-Day--outside)")}},{key:"getNextNavigableMonth",value:function(){return N.addMonths(this.state.currentMonth,this.props.numberOfMonths)}},{key:"getPreviousNavigableMonth",value:function(){return N.addMonths(this.state.currentMonth,-1)}},{key:"allowPreviousMonth",value:function(){var e=N.addMonths(this.state.currentMonth,-1);return this.allowMonth(e)}},{key:"allowNextMonth",value:function(){var e=N.addMonths(this.state.currentMonth,this.props.numberOfMonths);return this.allowMonth(e)}},{key:"allowMonth",value:function(e){var t=this.props,o=t.fromMonth,n=t.toMonth,r=t.canChangeMonth;return!(!r||o&&w.getMonthsDiff(o,e)<0||n&&w.getMonthsDiff(n,e)>0)}},{key:"allowYearChange",value:function(){return this.props.canChangeMonth}},{key:"showMonth",value:function(e,t){var o=this;this.allowMonth(e)&&this.setState({currentMonth:w.startOfMonth(e)},function(){t&&t(),o.props.onMonthChange&&o.props.onMonthChange(o.state.currentMonth)})}},{key:"showNextMonth",value:function(e){if(this.allowNextMonth()){var t=this.props.pagedNavigation?this.props.numberOfMonths:1,o=N.addMonths(this.state.currentMonth,t);this.showMonth(o,e)}}},{key:"showPreviousMonth",value:function(e){if(this.allowPreviousMonth()){var t=this.props.pagedNavigation?this.props.numberOfMonths:1,o=N.addMonths(this.state.currentMonth,-t);this.showMonth(o,e)}}},{key:"showNextYear",value:function(){if(this.allowYearChange()){var e=N.addMonths(this.state.currentMonth,12);this.showMonth(e)}}},{key:"showPreviousYear",value:function(){if(this.allowYearChange()){var e=N.addMonths(this.state.currentMonth,-12);this.showMonth(e)}}},{key:"focusFirstDayOfMonth",value:function(){this.getDayNodes()[0].focus()}},{key:"focusLastDayOfMonth",value:function(){var e=this.getDayNodes();e[e.length-1].focus()}},{key:"focusPreviousDay",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(s(o)).indexOf(e);0===n?this.showPreviousMonth(function(){return t.focusLastDayOfMonth()}):o[n-1].focus()}},{key:"focusNextDay",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(s(o)).indexOf(e);n===o.length-1?this.showNextMonth(function(){return t.focusFirstDayOfMonth()}):o[n+1].focus()}},{key:"focusNextWeek",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(s(o)).indexOf(e),r=n>o.length-8;r?this.showNextMonth(function(){var e=o.length-n,r=7-e;t.getDayNodes()[r].focus()}):o[n+7].focus()}},{key:"focusPreviousWeek",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(s(o)).indexOf(e),r=n<=6;r?this.showPreviousMonth(function(){var e=t.getDayNodes(),o=e.length-7,r=o+n;e[r].focus()}):o[n-7].focus()}},{key:"handleKeyDown",value:function(e){switch(e.persist(),e.keyCode){case S.default.LEFT:this.showPreviousMonth();break;case S.default.RIGHT:this.showNextMonth();break;case S.default.UP:this.showPreviousYear();break;case S.default.DOWN:this.showNextYear()}this.props.onKeyDown&&this.props.onKeyDown(e)}},{key:"handleDayKeyDown",value:function(e,t,o){switch(o.persist(),o.keyCode){case S.default.LEFT:w.cancelEvent(o),this.focusPreviousDay(o.target);break;case S.default.RIGHT:w.cancelEvent(o),this.focusNextDay(o.target);break;case S.default.UP:w.cancelEvent(o),this.focusPreviousWeek(o.target);break;case S.default.DOWN:w.cancelEvent(o),this.focusNextWeek(o.target);break;case S.default.ENTER:case S.default.SPACE:w.cancelEvent(o),this.props.onDayClick&&this.handleDayClick(e,t,o)}this.props.onDayKeyDown&&this.props.onDayKeyDown(e,t,o)}},{key:"handleDayClick",value:function(e,t,o){o.persist(),t.outside&&this.handleOutsideDayClick(e),this.props.onDayClick(e,t,o)}},{key:"handleOutsideDayClick",value:function(e){var t=this.state.currentMonth,o=this.props.numberOfMonths,n=w.getMonthsDiff(t,e);n>0&&n>=o?this.showNextMonth():n<0&&this.showPreviousMonth()}},{key:"renderNavbar",value:function(){var e=this.props,t=e.locale,o=e.localeUtils,n=e.canChangeMonth,r=e.navbarElement,s=a(e,["locale","localeUtils","canChangeMonth","navbarElement"]);if(!n)return null;var i={className:"DayPicker-NavBar",nextMonth:this.getNextNavigableMonth(),previousMonth:this.getPreviousNavigableMonth(),showPreviousButton:this.allowPreviousMonth(),showNextButton:this.allowNextMonth(),onNextClick:this.showNextMonth,onPreviousClick:this.showPreviousMonth,dir:s.dir,locale:t,localeUtils:o};return y.default.cloneElement(r,i)}},{key:"renderDayInMonth",value:function(e,t){var o=[];N.isSameDay(e,new Date)&&o.push("today"),e.getMonth()!==t.getMonth()&&o.push("outside"),o=[].concat(s(o),s(w.getModifiersForDay(e,w.getModifiersFromProps(this.props))));var n=e.getMonth()!==t.getMonth(),r=null;this.props.onDayClick&&!n&&(r=-1,1===e.getDate()&&(r=this.props.tabIndex));var a=""+e.getFullYear()+e.getMonth()+e.getDate(),i={};return o.forEach(function(e){i[e]=!0}),y.default.createElement(m.default,{key:""+(n?"outside-":"")+a,day:e,modifiers:i,empty:n&&!this.props.enableOutsideDays&&!this.props.fixedWeeks,tabIndex:r,ariaLabel:this.props.localeUtils.formatDay(e,this.props.locale),ariaDisabled:n||o.indexOf("disabled")>-1,ariaSelected:o.indexOf("selected")>-1,onMouseEnter:this.props.onDayMouseEnter,onMouseLeave:this.props.onDayMouseLeave,onKeyDown:this.handleDayKeyDown,onTouchStart:this.props.onDayTouchStart,onTouchEnd:this.props.onDayTouchEnd,onFocus:this.props.onDayFocus,onClick:this.props.onDayClick?this.handleDayClick:void 0},this.props.renderDay(e,i))}},{key:"renderMonths",value:function(){for(var e=[],t=w.getFirstDayOfWeekFromProps(this.props),o=0;o<this.props.numberOfMonths;o+=1){var n=N.addMonths(this.state.currentMonth,o);e.push(y.default.createElement(D.default,{key:o,month:n,months:this.props.months,weekdaysShort:this.props.weekdaysShort,weekdaysLong:this.props.weekdaysLong,locale:this.props.locale,localeUtils:this.props.localeUtils,firstDayOfWeek:t,fixedWeeks:this.props.fixedWeeks,className:"DayPicker-Month",wrapperClassName:"DayPicker-Body",weekClassName:"DayPicker-Week",weekdayElement:this.props.weekdayElement,captionElement:this.props.captionElement,onCaptionClick:this.props.onCaptionClick},this.renderDayInMonth))}return this.props.reverseMonths&&e.reverse(),e}},{key:"render",value:function(){var e=this,t="DayPicker";return this.props.onDayClick||(t+=" DayPicker--interactionDisabled"),this.props.className&&(t=t+" "+this.props.className),y.default.createElement("div",p({},this.props.containerProps,{className:t,ref:function(t){e.dayPicker=t},role:"application",lang:this.props.locale,tabIndex:this.props.canChangeMonth&&this.props.tabIndex,onKeyDown:this.handleKeyDown,onFocus:this.props.onFocus,onBlur:this.props.onBlur}),this.renderNavbar(),this.renderMonths())}}]),t}(f.Component);F.VERSION="5.0.0",F.propTypes={initialMonth:f.PropTypes.instanceOf(Date),numberOfMonths:f.PropTypes.number,selectedDays:f.PropTypes.oneOfType([W.ModifierPropType,f.PropTypes.arrayOf(W.ModifierPropType)]),disabledDays:f.PropTypes.oneOfType([W.ModifierPropType,f.PropTypes.arrayOf(W.ModifierPropType)]),modifiers:f.PropTypes.object,locale:f.PropTypes.string,localeUtils:_.default.localeUtils,enableOutsideDays:f.PropTypes.bool,fixedWeeks:f.PropTypes.bool,canChangeMonth:f.PropTypes.bool,reverseMonths:f.PropTypes.bool,pagedNavigation:f.PropTypes.bool,fromMonth:f.PropTypes.instanceOf(Date),toMonth:f.PropTypes.instanceOf(Date),firstDayOfWeek:f.PropTypes.oneOf([0,1,2,3,4,5,6]),months:f.PropTypes.arrayOf(f.PropTypes.string),weekdaysLong:f.PropTypes.arrayOf(f.PropTypes.string),weekdaysShort:f.PropTypes.arrayOf(f.PropTypes.string),onBlur:f.PropTypes.func,onFocus:f.PropTypes.func,onKeyDown:f.PropTypes.func,onDayClick:f.PropTypes.func,onDayKeyDown:f.PropTypes.func,onDayMouseEnter:f.PropTypes.func,onDayMouseLeave:f.PropTypes.func,onDayTouchStart:f.PropTypes.func,onDayTouchEnd:f.PropTypes.func,onDayFocus:f.PropTypes.func,onMonthChange:f.PropTypes.func,onCaptionClick:f.PropTypes.func,renderDay:f.PropTypes.func,weekdayElement:f.PropTypes.element,navbarElement:f.PropTypes.element,captionElement:f.PropTypes.element,dir:f.PropTypes.string,className:f.PropTypes.string,tabIndex:f.PropTypes.number,containerProps:f.PropTypes.object},F.defaultProps={tabIndex:0,initialMonth:new Date,numberOfMonths:1,locale:"en",localeUtils:x,enableOutsideDays:!1,fixedWeeks:!1,canChangeMonth:!0,reverseMonths:!1,pagedNavigation:!1,renderDay:function(e){return e.getDate()},weekdayElement:y.default.createElement(T.default,null),navbarElement:y.default.createElement(P.default,null),captionElement:y.default.createElement(d.default,null)};var j=function(){this.getStateFromProps=function(e){var t=w.startOfMonth(e.initialMonth),o=t;if(e.pagedNavigation&&e.numberOfMonths>1&&e.fromMonth){var n=w.getMonthsDiff(e.fromMonth,o);o=N.addMonths(e.fromMonth,Math.floor(n/e.numberOfMonths)*e.numberOfMonths)}return{currentMonth:o}},this.dayPicker=null};t.default=F},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.date,o=e.months,n=e.locale,r=e.localeUtils,a=e.onClick;return s.default.createElement("div",{className:"DayPicker-Caption",onClick:a,role:"heading"},o?o[t.getMonth()]+" "+t.getFullYear():r.formatMonthTitle(t,n))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var a=o(0),s=n(a),i=o(1),u=n(i);r.propTypes={date:a.PropTypes.instanceOf(Date),months:s.default.PropTypes.arrayOf(s.default.PropTypes.string),locale:a.PropTypes.string,localeUtils:u.default.localeUtils,onClick:a.PropTypes.func}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t,o){if(e)return function(n){n.persist(),e(t,o,n)}}function a(e){var t=e.day,o=e.tabIndex,n=e.empty,a=e.modifiers,s=e.onMouseEnter,u=e.onMouseLeave,l=e.onClick,p=e.onKeyDown,c=e.onTouchStart,f=e.onTouchEnd,y=e.onFocus,h=e.ariaLabel,d=e.ariaDisabled,v=e.ariaSelected,P=e.children,g="DayPicker-Day";return g+=Object.keys(a).map(function(e){return" "+g+"--"+e}).join(""),n?i.default.createElement("div",{role:"gridcell","aria-disabled":!0,className:g}):i.default.createElement("div",{className:g,tabIndex:o,role:"gridcell","aria-label":h,"aria-disabled":d.toString(),"aria-selected":v.toString(),onClick:r(l,t,a),onKeyDown:r(p,t,a),onMouseEnter:r(s,t,a),onMouseLeave:r(u,t,a),onTouchEnd:r(f,t,a),onTouchStart:r(c,t,a),onFocus:r(y,t,a)},P)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var s=o(0),i=n(s);a.propTypes={day:s.PropTypes.instanceOf(Date).isRequired,children:s.PropTypes.node.isRequired,ariaDisabled:s.PropTypes.bool,ariaLabel:s.PropTypes.string,ariaSelected:s.PropTypes.bool,empty:s.PropTypes.bool,modifiers:s.PropTypes.object,onClick:s.PropTypes.func,onKeyDown:s.PropTypes.func,onMouseEnter:s.PropTypes.func,onMouseLeave:s.PropTypes.func,onTouchEnd:s.PropTypes.func,onTouchStart:s.PropTypes.func,onFocus:s.PropTypes.func,tabIndex:s.PropTypes.number},a.defaultProps={modifiers:{},empty:!1}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.month,o=e.months,n=e.weekdaysLong,r=e.weekdaysShort,a=e.locale,i=e.localeUtils,u=e.captionElement,l=e.onCaptionClick,f=e.children,y=e.firstDayOfWeek,h=e.className,d=e.wrapperClassName,v=e.weekClassName,P=e.weekdayElement,g=e.fixedWeeks,D={date:t,months:o,localeUtils:i,locale:a,onClick:l?function(e){return l(t,e)}:void 0},M=(0,c.getWeekArray)(t,y,g);return s.default.createElement("div",{className:h},s.default.cloneElement(u,D),s.default.createElement(p.default,{weekdaysShort:r,weekdaysLong:n,firstDayOfWeek:y,locale:a,localeUtils:i,weekdayElement:P}),s.default.createElement("div",{className:d,role:"grid"},M.map(function(e,o){return s.default.createElement("div",{key:o,className:v,role:"gridcell"},e.map(function(e){return f(e,t)}))})))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var a=o(0),s=n(a),i=o(1),u=n(i),l=o(11),p=n(l),c=o(6);r.propTypes={month:a.PropTypes.instanceOf(Date).isRequired,months:s.default.PropTypes.arrayOf(s.default.PropTypes.string),captionElement:a.PropTypes.node.isRequired,firstDayOfWeek:a.PropTypes.number.isRequired,weekdaysLong:a.PropTypes.arrayOf(a.PropTypes.string),weekdaysShort:a.PropTypes.arrayOf(a.PropTypes.string),locale:a.PropTypes.string.isRequired,localeUtils:u.default.localeUtils.isRequired,onCaptionClick:a.PropTypes.func,children:a.PropTypes.func.isRequired,className:a.PropTypes.string,wrapperClassName:a.PropTypes.string,weekClassName:a.PropTypes.string,weekdayElement:a.PropTypes.element,fixedWeeks:a.PropTypes.bool}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){for(var t=e.firstDayOfWeek,o=e.weekdaysLong,n=e.weekdaysShort,r=e.locale,a=e.localeUtils,i=e.weekdayElement,u=[],l=0;l<7;l+=1){var p=(l+t)%7,c={key:l,className:"DayPicker-Weekday",weekday:p,weekdaysLong:o,weekdaysShort:n,localeUtils:a,locale:r},f=s.default.cloneElement(i,c);u.push(f)}return s.default.createElement("div",{className:"DayPicker-Weekdays",role:"rowgroup"},s.default.createElement("div",{className:"DayPicker-WeekdaysRow",role:"columnheader"},u))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var a=o(0),s=n(a),i=o(1),u=n(i);r.propTypes={firstDayOfWeek:a.PropTypes.number.isRequired,weekdaysLong:a.PropTypes.arrayOf(a.PropTypes.string),weekdaysShort:a.PropTypes.arrayOf(a.PropTypes.string),locale:a.PropTypes.string.isRequired,localeUtils:u.default.localeUtils.isRequired,weekdayElement:a.PropTypes.element}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={LEFT:37,UP:38,RIGHT:39,DOWN:40,ENTER:13,SPACE:32}},function(e,t,o){var n=o(7),r=o(2),a=o(3),s=o(5),i=o(4),u=o(1);e.exports=n.default||n,e.exports.DateUtils=r.default||r,e.exports.LocaleUtils=a.default||a,e.exports.WeekdayPropTypes=s.WeekdayPropTypes,e.exports.NavbarPropTypes=i.NavbarPropTypes,e.exports.PropTypes=u}])}); | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.DayPicker=t(require("react")):e.DayPicker=t(e.React)}(this,function(e){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=14)}([function(t,o){t.exports=e},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.ModifierPropType=void 0;var n=o(0),r={localeUtils:n.PropTypes.shape({formatMonthTitle:n.PropTypes.func,formatWeekdayShort:n.PropTypes.func,formatWeekdayLong:n.PropTypes.func,getFirstDayOfWeek:n.PropTypes.func}),range:n.PropTypes.shape({from:n.PropTypes.instanceOf(Date),to:n.PropTypes.instanceOf(Date)}),after:n.PropTypes.shape({after:n.PropTypes.instanceOf(Date)}),before:n.PropTypes.shape({before:n.PropTypes.instanceOf(Date)})};t.ModifierPropType=n.PropTypes.oneOfType([r.after,r.before,r.range,n.PropTypes.func,n.PropTypes.array]);t.default=r},function(e,t,o){"use strict";function n(e){return new Date(e.getTime())}function r(e,t){var o=n(e);return o.setMonth(e.getMonth()+t),o}function s(e,t){return!(!e||!t)&&(e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear())}function a(e){var t=new Date;return t.setHours(0,0,0,0),e<t}function i(e){var t=new Date((new Date).getTime()+864e5);return t.setHours(0,0,0,0),e>=t}function u(e,t,o){var r=n(e),s=n(t),a=n(o);return r.setHours(0,0,0,0),s.setHours(0,0,0,0),a.setHours(0,0,0,0),s<r&&r<a||a<r&&r<s}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{from:null,to:null},o=t.from,n=t.to;return o?o&&n&&s(o,n)&&s(e,o)?(o=null,n=null):n&&e<o?o=e:n&&s(e,n)?(o=e,n=e):(n=e,n<o&&(n=o,o=e)):o=e,{from:o,to:n}}function p(e,t){var o=t.from,n=t.to;return o&&s(e,o)||n&&s(e,n)||o&&n&&u(e,o,n)}Object.defineProperty(t,"__esModule",{value:!0}),t.clone=n,t.addMonths=r,t.isSameDay=s,t.isPastDay=a,t.isFutureDay=i,t.isDayBetween=u,t.addDayToRange=l,t.isDayInRange=p,t.default={addDayToRange:l,addMonths:r,clone:n,isSameDay:s,isDayInRange:p,isDayBetween:u,isPastDay:a,isFutureDay:i}},function(e,t,o){"use strict";function n(e){return e.toDateString()}function r(e){return c[e.getMonth()]+" "+e.getFullYear()}function s(e){return p[e]}function a(e){return l[e]}function i(){return 0}function u(){return c}Object.defineProperty(t,"__esModule",{value:!0}),t.formatDay=n,t.formatMonthTitle=r,t.formatWeekdayShort=s,t.formatWeekdayLong=a,t.getFirstDayOfWeek=i,t.getMonths=u;var l=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],p=["Su","Mo","Tu","We","Th","Fr","Sa"],c=["January","February","March","April","May","June","July","August","September","October","November","December"];t.default={formatDay:n,formatMonthTitle:r,formatWeekdayShort:s,formatWeekdayLong:a,getFirstDayOfWeek:i,getMonths:u}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={container:"DayPicker",interactionDisabled:"DayPicker--interactionDisabled",month:"DayPicker-Month",navBar:"DayPicker-NavBar",navButtonPrev:"DayPicker-NavButton DayPicker-NavButton--prev",navButtonNext:"DayPicker-NavButton DayPicker-NavButton--next",caption:"DayPicker-Caption",weekdays:"DayPicker-Weekdays",weekdaysRow:"DayPicker-WeekdaysRow",weekday:"DayPicker-Weekday",body:"DayPicker-Body",week:"DayPicker-Week",day:"DayPicker-Day",today:"today",selected:"selected",disabled:"disabled",outside:"outside"}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.classNames,o=e.className,n=e.showPreviousButton,r=e.showNextButton,s=e.onPreviousClick,i=e.onNextClick,u=e.labels,l=e.dir,p=void 0===l?"ltr":l,c="rtl"===p?i:s,y="rtl"===p?s:i,f=n&&a.default.createElement("span",{role:"button","aria-label":u.previousMonth,key:"previous",className:t.navButtonPrev,onClick:function(){return c()}}),d=r&&a.default.createElement("span",{role:"button","aria-label":u.nextMonth,key:"right",className:t.navButtonNext,onClick:function(){return y()}});return a.default.createElement("div",{className:o||t.navBar},"rtl"===p?[d,f]:[f,d])}Object.defineProperty(t,"__esModule",{value:!0}),t.NavbarPropTypes=void 0,t.default=r;var s=o(0),a=n(s),i=o(4),u=n(i),l=t.NavbarPropTypes={classNames:s.PropTypes.shape({navBar:s.PropTypes.string.isRequired,navButtonPrev:s.PropTypes.string.isRequired,navButtonNext:s.PropTypes.string.isRequired}),className:s.PropTypes.string,showPreviousButton:s.PropTypes.bool,showNextButton:s.PropTypes.bool,onPreviousClick:s.PropTypes.func,onNextClick:s.PropTypes.func,dir:s.PropTypes.string,labels:s.PropTypes.shape({previousMonth:s.PropTypes.string.isRequired,nextMonth:s.PropTypes.string.isRequired})};r.propTypes=l,r.defaultProps={classNames:u.default,dir:"ltr",labels:{previousMonth:"Previous Month",nextMonth:"Next Month"},showPreviousButton:!0,showNextButton:!0}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.weekday,o=e.className,n=e.weekdaysLong,r=e.weekdaysShort,s=e.localeUtils,i=e.locale,u=void 0;u=n?n[t]:s.formatWeekdayLong(t,i);var l=void 0;return l=r?r[t]:s.formatWeekdayShort(t,i),a.default.createElement("div",{className:o},a.default.createElement("abbr",{title:u},l))}Object.defineProperty(t,"__esModule",{value:!0}),t.WeekdayPropTypes=void 0,t.default=r;var s=o(0),a=n(s),i=o(1),u=n(i),l=t.WeekdayPropTypes={weekday:s.PropTypes.number,className:s.PropTypes.string,locale:s.PropTypes.string,localeUtils:u.default.localeUtils,weekdaysLong:s.PropTypes.arrayOf(s.PropTypes.string),weekdaysShort:s.PropTypes.arrayOf(s.PropTypes.string)};r.propTypes=l},function(e,t,o){"use strict";function n(e){e.preventDefault(),e.stopPropagation()}function r(e){return new Date(e.getFullYear(),e.getMonth(),1,12)}function s(e){var t=r(e);return t.setMonth(t.getMonth()+1),t.setDate(t.getDate()-1),t.getDate()}function a(e){var t=d({},e.modifiers);return e.selectedDays&&(t[e.classNames.selected]=e.selectedDays),e.disabledDays&&(t[e.classNames.disabled]=e.disabledDays),t}function i(e){var t=e.firstDayOfWeek,o=e.locale,n=void 0===o?"en":o,r=e.localeUtils,s=void 0===r?{}:r;return isNaN(t)?s.getFirstDayOfWeek?s.getFirstDayOfWeek(n):0:t}function u(e){return e&&"object"===("undefined"==typeof e?"undefined":f(e))&&e.from&&e.to}function l(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(t).reduce(function(o,n){var r=t[n];return r?(r instanceof Date&&(0,h.isSameDay)(e,r)?o.push(n):r instanceof Array?r.some(function(t){if(!t)return!1;if(t instanceof Date)return(0,h.isSameDay)(e,t);if(u(t)){var o=t;return(0,h.isDayInRange)(e,o)}return"object"===("undefined"==typeof t?"undefined":f(t))&&t.after?e>t.after:!("object"!==("undefined"==typeof t?"undefined":f(t))||!t.before)&&e<t.before})&&o.push(n):u(r)&&(0,h.isDayInRange)(e,r)?o.push(n):"object"===("undefined"==typeof r?"undefined":f(r))&&r.after&&e>r.after?o.push(n):"object"===("undefined"==typeof r?"undefined":f(r))&&r.before&&e<r.before?o.push(n):"function"==typeof r&&r(e)&&o.push(n),o):o},[])}function p(e,t){return t.getMonth()-e.getMonth()+12*(t.getFullYear()-e.getFullYear())}function c(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,P.getFirstDayOfWeek)(),o=arguments[2],n=s(e),r=[],a=[],i=[],u=1;u<=n;u+=1)r.push(new Date(e.getFullYear(),e.getMonth(),u,12));r.forEach(function(e){a.length>0&&e.getDay()===t&&(i.push(a),a=[]),a.push(e),r.indexOf(e)===r.length-1&&i.push(a)});for(var l=i[0],p=7-l.length;p>0;p-=1){var c=(0,h.clone)(l[0]);c.setDate(l[0].getDate()-1),l.unshift(c)}for(var y=i[i.length-1],f=y.length;f<7;f+=1){var d=(0,h.clone)(y[y.length-1]);d.setDate(y[y.length-1].getDate()+1),y.push(d)}if(o&&i.length<6)for(var v=void 0,g=i.length;g<6;g+=1){v=i[i.length-1];for(var m=v[v.length-1],T=[],M=0;M<7;M+=1){var D=(0,h.clone)(m);D.setDate(m.getDate()+M+1),T.push(D)}i.push(T)}return i}function y(e){var t=(0,h.clone)(e);return t.setDate(1),t.setHours(12,0,0,0),t}Object.defineProperty(t,"__esModule",{value:!0});var f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e};t.cancelEvent=n,t.getFirstDayOfMonth=r,t.getDaysInMonth=s,t.getModifiersFromProps=a,t.getFirstDayOfWeekFromProps=i,t.isRangeOfDates=u,t.getModifiersForDay=l,t.getMonthsDiff=p,t.getWeekArray=c,t.startOfMonth=y;var h=o(2),P=o(3)},function(e,t,o){"use strict";function n(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t.default=e,t}function r(e){return e&&e.__esModule?e:{default:e}}function s(e,t){var o={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(o[n]=e[n]);return o}function a(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t<e.length;t++)o[t]=e[t];return o}return Array.from(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},c=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),y=o(0),f=r(y),d=o(9),h=r(d),P=o(5),v=r(P),g=o(11),m=r(g),T=o(10),M=r(T),D=o(6),k=r(D),b=o(7),w=n(b),N=o(2),O=n(N),x=o(3),E=n(x),C=o(4),R=r(C),S=o(13),_=r(S),W=o(1),F=r(W),j=function(e){function t(e){i(this,t);var o=u(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return q.call(o),o.renderDayInMonth=o.renderDayInMonth.bind(o),o.showNextMonth=o.showNextMonth.bind(o),o.showPreviousMonth=o.showPreviousMonth.bind(o),o.handleKeyDown=o.handleKeyDown.bind(o),o.handleDayClick=o.handleDayClick.bind(o),o.handleDayKeyDown=o.handleDayKeyDown.bind(o),o.state=o.getStateFromProps(e),o}return l(t,e),c(t,[{key:"componentWillReceiveProps",value:function(e){this.props.month!==e.month&&this.setState(this.getStateFromProps(e))}},{key:"getDayNodes",value:function(){return this.dayPicker.querySelectorAll(".DayPicker-Day:not(.DayPicker-Day--outside)")}},{key:"getNextNavigableMonth",value:function(){return O.addMonths(this.state.currentMonth,this.props.numberOfMonths)}},{key:"getPreviousNavigableMonth",value:function(){return O.addMonths(this.state.currentMonth,-1)}},{key:"allowPreviousMonth",value:function(){var e=O.addMonths(this.state.currentMonth,-1);return this.allowMonth(e)}},{key:"allowNextMonth",value:function(){var e=O.addMonths(this.state.currentMonth,this.props.numberOfMonths);return this.allowMonth(e)}},{key:"allowMonth",value:function(e){var t=this.props,o=t.fromMonth,n=t.toMonth,r=t.canChangeMonth;return!(!r||o&&w.getMonthsDiff(o,e)<0||n&&w.getMonthsDiff(n,e)>0)}},{key:"allowYearChange",value:function(){return this.props.canChangeMonth}},{key:"showMonth",value:function(e,t){var o=this;this.allowMonth(e)&&this.setState({currentMonth:w.startOfMonth(e)},function(){t&&t(),o.props.onMonthChange&&o.props.onMonthChange(o.state.currentMonth)})}},{key:"showNextMonth",value:function(e){if(this.allowNextMonth()){var t=this.props.pagedNavigation?this.props.numberOfMonths:1,o=O.addMonths(this.state.currentMonth,t);this.showMonth(o,e)}}},{key:"showPreviousMonth",value:function(e){if(this.allowPreviousMonth()){var t=this.props.pagedNavigation?this.props.numberOfMonths:1,o=O.addMonths(this.state.currentMonth,-t);this.showMonth(o,e)}}},{key:"showNextYear",value:function(){if(this.allowYearChange()){var e=O.addMonths(this.state.currentMonth,12);this.showMonth(e)}}},{key:"showPreviousYear",value:function(){if(this.allowYearChange()){var e=O.addMonths(this.state.currentMonth,-12);this.showMonth(e)}}},{key:"focusFirstDayOfMonth",value:function(){this.getDayNodes()[0].focus()}},{key:"focusLastDayOfMonth",value:function(){var e=this.getDayNodes();e[e.length-1].focus()}},{key:"focusPreviousDay",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(a(o)).indexOf(e);0===n?this.showPreviousMonth(function(){return t.focusLastDayOfMonth()}):o[n-1].focus()}},{key:"focusNextDay",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(a(o)).indexOf(e);n===o.length-1?this.showNextMonth(function(){return t.focusFirstDayOfMonth()}):o[n+1].focus()}},{key:"focusNextWeek",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(a(o)).indexOf(e),r=n>o.length-8;r?this.showNextMonth(function(){var e=o.length-n,r=7-e;t.getDayNodes()[r].focus()}):o[n+7].focus()}},{key:"focusPreviousWeek",value:function(e){var t=this,o=this.getDayNodes(),n=[].concat(a(o)).indexOf(e),r=n<=6;r?this.showPreviousMonth(function(){var e=t.getDayNodes(),o=e.length-7,r=o+n;e[r].focus()}):o[n-7].focus()}},{key:"handleKeyDown",value:function(e){switch(e.persist(),e.keyCode){case _.default.LEFT:this.showPreviousMonth();break;case _.default.RIGHT:this.showNextMonth();break;case _.default.UP:this.showPreviousYear();break;case _.default.DOWN:this.showNextYear()}this.props.onKeyDown&&this.props.onKeyDown(e)}},{key:"handleDayKeyDown",value:function(e,t,o){switch(o.persist(),o.keyCode){case _.default.LEFT:w.cancelEvent(o),this.focusPreviousDay(o.target);break;case _.default.RIGHT:w.cancelEvent(o),this.focusNextDay(o.target);break;case _.default.UP:w.cancelEvent(o),this.focusPreviousWeek(o.target);break;case _.default.DOWN:w.cancelEvent(o),this.focusNextWeek(o.target);break;case _.default.ENTER:case _.default.SPACE:w.cancelEvent(o),this.props.onDayClick&&this.handleDayClick(e,t,o)}this.props.onDayKeyDown&&this.props.onDayKeyDown(e,t,o)}},{key:"handleDayClick",value:function(e,t,o){o.persist(),t.outside&&this.handleOutsideDayClick(e),this.props.onDayClick(e,t,o)}},{key:"handleOutsideDayClick",value:function(e){var t=this.state.currentMonth,o=this.props.numberOfMonths,n=w.getMonthsDiff(t,e);n>0&&n>=o?this.showNextMonth():n<0&&this.showPreviousMonth()}},{key:"renderNavbar",value:function(){var e=this.props,t=e.labels,o=e.locale,n=e.localeUtils,r=e.canChangeMonth,a=e.navbarElement,i=s(e,["labels","locale","localeUtils","canChangeMonth","navbarElement"]);if(!r)return null;var u={classNames:this.props.classNames,className:this.props.classNames.navBar,nextMonth:this.getNextNavigableMonth(),previousMonth:this.getPreviousNavigableMonth(),showPreviousButton:this.allowPreviousMonth(),showNextButton:this.allowNextMonth(),onNextClick:this.showNextMonth,onPreviousClick:this.showPreviousMonth,dir:i.dir,labels:t,locale:o,localeUtils:n};return f.default.cloneElement(a,u)}},{key:"renderDayInMonth",value:function(e,t){var o=[];O.isSameDay(e,new Date)&&o.push(this.props.classNames.today),e.getMonth()!==t.getMonth()&&o.push(this.props.classNames.outside),o=[].concat(a(o),a(w.getModifiersForDay(e,w.getModifiersFromProps(this.props))));var n=e.getMonth()!==t.getMonth(),r=null;this.props.onDayClick&&!n&&(r=-1,1===e.getDate()&&(r=this.props.tabIndex));var s=""+e.getFullYear()+e.getMonth()+e.getDate(),i={};return o.forEach(function(e){i[e]=!0}),f.default.createElement(M.default,{key:""+(n?"outside-":"")+s,classNames:this.props.classNames,day:e,modifiers:i,empty:n&&!this.props.enableOutsideDays&&!this.props.fixedWeeks,tabIndex:r,ariaLabel:this.props.localeUtils.formatDay(e,this.props.locale),ariaDisabled:n||o.indexOf("disabled")>-1,ariaSelected:o.indexOf("selected")>-1,onMouseEnter:this.props.onDayMouseEnter,onMouseLeave:this.props.onDayMouseLeave,onKeyDown:this.handleDayKeyDown,onTouchStart:this.props.onDayTouchStart,onTouchEnd:this.props.onDayTouchEnd,onFocus:this.props.onDayFocus,onClick:this.props.onDayClick?this.handleDayClick:void 0},this.props.renderDay(e,i))}},{key:"renderMonths",value:function(){for(var e=[],t=w.getFirstDayOfWeekFromProps(this.props),o=0;o<this.props.numberOfMonths;o+=1){var n=O.addMonths(this.state.currentMonth,o);e.push(f.default.createElement(m.default,{key:o,classNames:this.props.classNames,month:n,months:this.props.months,weekdayElement:this.props.weekdayElement,captionElement:f.default.cloneElement(this.props.captionElement,{classNames:this.props.classNames}),fixedWeeks:this.props.fixedWeeks,weekdaysShort:this.props.weekdaysShort,weekdaysLong:this.props.weekdaysLong,locale:this.props.locale,localeUtils:this.props.localeUtils,firstDayOfWeek:t,onCaptionClick:this.props.onCaptionClick},this.renderDayInMonth))}return this.props.reverseMonths&&e.reverse(),e}},{key:"render",value:function(){var e=this,t=this.props.classNames.container;return this.props.onDayClick||(t=t+" "+this.props.classNames.interactionDisabled),this.props.className&&(t=t+" "+this.props.className),f.default.createElement("div",p({},this.props.containerProps,{className:t,ref:function(t){e.dayPicker=t},role:"application",lang:this.props.locale,tabIndex:this.props.canChangeMonth&&this.props.tabIndex,onKeyDown:this.handleKeyDown,onFocus:this.props.onFocus,onBlur:this.props.onBlur}),this.renderNavbar(),this.renderMonths())}}]),t}(y.Component);j.VERSION="5.1.1",j.propTypes={initialMonth:y.PropTypes.instanceOf(Date),month:y.PropTypes.instanceOf(Date),numberOfMonths:y.PropTypes.number,fromMonth:y.PropTypes.instanceOf(Date),toMonth:y.PropTypes.instanceOf(Date),canChangeMonth:y.PropTypes.bool,reverseMonths:y.PropTypes.bool,pagedNavigation:y.PropTypes.bool,selectedDays:y.PropTypes.oneOfType([W.ModifierPropType,y.PropTypes.arrayOf(W.ModifierPropType)]),disabledDays:y.PropTypes.oneOfType([W.ModifierPropType,y.PropTypes.arrayOf(W.ModifierPropType)]),modifiers:y.PropTypes.object,dir:y.PropTypes.string,firstDayOfWeek:y.PropTypes.oneOf([0,1,2,3,4,5,6]),labels:y.PropTypes.shape({nextMonth:y.PropTypes.string.isRequired,previousMonth:y.PropTypes.string.isRequired}).isRequired,locale:y.PropTypes.string,localeUtils:F.default.localeUtils,months:y.PropTypes.arrayOf(y.PropTypes.string),weekdaysLong:y.PropTypes.arrayOf(y.PropTypes.string),weekdaysShort:y.PropTypes.arrayOf(y.PropTypes.string),enableOutsideDays:y.PropTypes.bool,fixedWeeks:y.PropTypes.bool,classNames:y.PropTypes.shape({body:y.PropTypes.string,container:y.PropTypes.string,interactionDisabled:y.PropTypes.string,month:y.PropTypes.string,navBar:y.PropTypes.string,week:y.PropTypes.string,outside:y.PropTypes.string.isRequired,today:y.PropTypes.string.isRequired,selected:y.PropTypes.string.isRequired,disabled:y.PropTypes.string.isRequired}),className:y.PropTypes.string,containerProps:y.PropTypes.object,tabIndex:y.PropTypes.number,renderDay:y.PropTypes.func,weekdayElement:y.PropTypes.element,navbarElement:y.PropTypes.element,captionElement:y.PropTypes.element,onBlur:y.PropTypes.func,onFocus:y.PropTypes.func,onKeyDown:y.PropTypes.func,onDayClick:y.PropTypes.func,onDayKeyDown:y.PropTypes.func,onDayMouseEnter:y.PropTypes.func,onDayMouseLeave:y.PropTypes.func,onDayTouchStart:y.PropTypes.func,onDayTouchEnd:y.PropTypes.func,onDayFocus:y.PropTypes.func,onMonthChange:y.PropTypes.func,onCaptionClick:y.PropTypes.func},j.defaultProps={classNames:R.default,tabIndex:0,initialMonth:new Date,numberOfMonths:1,labels:{previousMonth:"Previous Month",nextMonth:"Next Month"},locale:"en",localeUtils:E,enableOutsideDays:!1,fixedWeeks:!1,canChangeMonth:!0,reverseMonths:!1,pagedNavigation:!1,renderDay:function(e){return e.getDate()},weekdayElement:f.default.createElement(k.default,null),navbarElement:f.default.createElement(v.default,{classNames:R.default}),captionElement:f.default.createElement(h.default,{classNames:R.default})};var q=function(){this.getStateFromProps=function(e){var t=w.startOfMonth(e.month||e.initialMonth),o=t;if(e.pagedNavigation&&e.numberOfMonths>1&&e.fromMonth){var n=w.getMonthsDiff(e.fromMonth,o);o=O.addMonths(e.fromMonth,Math.floor(n/e.numberOfMonths)*e.numberOfMonths)}return{currentMonth:o}},this.dayPicker=null};t.default=j},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.classNames,o=e.date,n=e.months,r=e.locale,s=e.localeUtils,i=e.onClick;return a.default.createElement("div",{className:t.caption,onClick:i,role:"heading"},n?n[o.getMonth()]+" "+o.getFullYear():s.formatMonthTitle(o,r))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var s=o(0),a=n(s),i=o(1),u=n(i);r.propTypes={date:s.PropTypes.instanceOf(Date),months:a.default.PropTypes.arrayOf(a.default.PropTypes.string),locale:s.PropTypes.string,localeUtils:u.default.localeUtils,onClick:s.PropTypes.func,classNames:s.PropTypes.shape({caption:s.PropTypes.string.isRequired}).isRequired}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t,o){if(e)return function(n){n.persist(),e(t,o,n)}}function s(e){var t=e.classNames,o=e.day,n=e.tabIndex,s=e.empty,a=e.modifiers,u=e.onMouseEnter,p=e.onMouseLeave,c=e.onClick,y=e.onKeyDown,f=e.onTouchStart,d=e.onTouchEnd,h=e.onFocus,P=e.ariaLabel,v=e.ariaDisabled,g=e.ariaSelected,m=e.children,T=t.day;return T+=t!==l.default?" "+Object.keys(a).join(" "):Object.keys(a).map(function(e){return" "+T+"--"+e}).join(""),s?i.default.createElement("div",{role:"gridcell","aria-disabled":!0,className:T}):i.default.createElement("div",{className:T,tabIndex:n,role:"gridcell","aria-label":P,"aria-disabled":v.toString(),"aria-selected":g.toString(),onClick:r(c,o,a),onKeyDown:r(y,o,a),onMouseEnter:r(u,o,a),onMouseLeave:r(p,o,a),onTouchEnd:r(d,o,a),onTouchStart:r(f,o,a),onFocus:r(h,o,a)},m)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var a=o(0),i=n(a),u=o(4),l=n(u);s.propTypes={classNames:a.PropTypes.shape({day:a.PropTypes.string.isRequired}).isRequired,day:a.PropTypes.instanceOf(Date).isRequired,children:a.PropTypes.node.isRequired,ariaDisabled:a.PropTypes.bool,ariaLabel:a.PropTypes.string,ariaSelected:a.PropTypes.bool,empty:a.PropTypes.bool,modifiers:a.PropTypes.object,onClick:a.PropTypes.func,onKeyDown:a.PropTypes.func,onMouseEnter:a.PropTypes.func,onMouseLeave:a.PropTypes.func,onTouchEnd:a.PropTypes.func,onTouchStart:a.PropTypes.func,onFocus:a.PropTypes.func,tabIndex:a.PropTypes.number},s.defaultProps={modifiers:{},empty:!1}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){var t=e.classNames,o=e.month,n=e.months,r=e.fixedWeeks,s=e.captionElement,i=e.weekdayElement,u=e.locale,l=e.localeUtils,y=e.weekdaysLong,f=e.weekdaysShort,d=e.firstDayOfWeek,h=e.onCaptionClick,P=e.children,v={date:o,months:n,localeUtils:l,locale:u,onClick:h?function(e){return h(o,e)}:void 0},g=(0,c.getWeekArray)(o,d,r);return a.default.createElement("div",{className:t.month},a.default.cloneElement(s,v),a.default.createElement(p.default,{classNames:t,weekdaysShort:f,weekdaysLong:y,firstDayOfWeek:d,locale:u,localeUtils:l,weekdayElement:i}),a.default.createElement("div",{className:t.body,role:"grid"},g.map(function(e,n){return a.default.createElement("div",{key:n,className:t.week,role:"gridcell"},e.map(function(e){return P(e,o)}))})))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var s=o(0),a=n(s),i=o(1),u=n(i),l=o(12),p=n(l),c=o(7);r.propTypes={classNames:s.PropTypes.shape({month:s.PropTypes.string.isRequired,body:s.PropTypes.string.isRequired,week:s.PropTypes.string.isRequired}).isRequired,month:s.PropTypes.instanceOf(Date).isRequired,months:a.default.PropTypes.arrayOf(a.default.PropTypes.string),fixedWeeks:s.PropTypes.bool,captionElement:s.PropTypes.node.isRequired,weekdayElement:s.PropTypes.element,locale:s.PropTypes.string.isRequired,localeUtils:u.default.localeUtils.isRequired,weekdaysLong:s.PropTypes.arrayOf(s.PropTypes.string),weekdaysShort:s.PropTypes.arrayOf(s.PropTypes.string),firstDayOfWeek:s.PropTypes.number.isRequired,onCaptionClick:s.PropTypes.func,children:s.PropTypes.func.isRequired}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){for(var t=e.classNames,o=e.firstDayOfWeek,n=e.weekdaysLong,r=e.weekdaysShort,s=e.locale,i=e.localeUtils,u=e.weekdayElement,l=[],p=0;p<7;p+=1){var c=(p+o)%7,y={key:p,className:t.weekday,weekday:c,weekdaysLong:n,weekdaysShort:r,localeUtils:i,locale:s},f=a.default.cloneElement(u,y);l.push(f)}return a.default.createElement("div",{className:t.weekdays,role:"rowgroup"},a.default.createElement("div",{className:t.weekdaysRow,role:"columnheader"},l))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var s=o(0),a=n(s),i=o(1),u=n(i);r.propTypes={classNames:s.PropTypes.shape({weekday:s.PropTypes.string.isRequired,weekdays:s.PropTypes.string.isRequired,weekdaysRow:s.PropTypes.string.isRequired}).isRequired,firstDayOfWeek:s.PropTypes.number.isRequired,weekdaysLong:s.PropTypes.arrayOf(s.PropTypes.string),weekdaysShort:s.PropTypes.arrayOf(s.PropTypes.string),locale:s.PropTypes.string.isRequired,localeUtils:u.default.localeUtils.isRequired,weekdayElement:s.PropTypes.element}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={LEFT:37,UP:38,RIGHT:39,DOWN:40,ENTER:13,SPACE:32}},function(e,t,o){var n=o(8),r=o(2),s=o(3),a=o(6),i=o(5),u=o(1);e.exports=n.default||n,e.exports.DateUtils=r.default||r,e.exports.LocaleUtils=s.default||s,e.exports.WeekdayPropTypes=a.WeekdayPropTypes,e.exports.NavbarPropTypes=i.NavbarPropTypes,e.exports.PropTypes=u}])}); |
@@ -19,3 +19,4 @@ 'use strict'; | ||
function Caption(_ref) { | ||
var date = _ref.date, | ||
var classNames = _ref.classNames, | ||
date = _ref.date, | ||
months = _ref.months, | ||
@@ -28,3 +29,3 @@ locale = _ref.locale, | ||
'div', | ||
{ className: 'DayPicker-Caption', onClick: onClick, role: 'heading' }, | ||
{ className: classNames.caption, onClick: onClick, role: 'heading' }, | ||
months ? months[date.getMonth()] + ' ' + date.getFullYear() : localeUtils.formatMonthTitle(date, locale) | ||
@@ -39,4 +40,7 @@ ); | ||
localeUtils: _PropTypes2.default.localeUtils, | ||
onClick: _react.PropTypes.func | ||
onClick: _react.PropTypes.func, | ||
classNames: _react.PropTypes.shape({ | ||
caption: _react.PropTypes.string.isRequired | ||
}).isRequired | ||
}; | ||
//# sourceMappingURL=Caption.js.map |
@@ -12,4 +12,10 @@ 'use strict'; | ||
var _classNames = require('./classNames'); | ||
var _classNames2 = _interopRequireDefault(_classNames); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
/* eslint-disable jsx-a11y/no-static-element-interactions, react/forbid-prop-types */ | ||
function handleEvent(handler, day, modifiers) { | ||
@@ -23,6 +29,6 @@ if (!handler) { | ||
}; | ||
} /* eslint-disable jsx-a11y/no-static-element-interactions, react/forbid-prop-types */ | ||
} | ||
function Day(_ref) { | ||
var day = _ref.day, | ||
var classNames = _ref.classNames, | ||
day = _ref.day, | ||
tabIndex = _ref.tabIndex, | ||
@@ -43,6 +49,11 @@ empty = _ref.empty, | ||
var className = 'DayPicker-Day'; | ||
className += Object.keys(modifiers).map(function (modifier) { | ||
return ' ' + className + '--' + modifier; | ||
}).join(''); | ||
var className = classNames.day; | ||
if (classNames !== _classNames2.default) { | ||
// When using CSS modules prefix the modifier as required by the BEM syntax | ||
className += ' ' + Object.keys(modifiers).join(' '); | ||
} else { | ||
className += Object.keys(modifiers).map(function (modifier) { | ||
return ' ' + className + '--' + modifier; | ||
}).join(''); | ||
} | ||
if (empty) { | ||
@@ -73,2 +84,7 @@ return _react2.default.createElement('div', { role: 'gridcell', 'aria-disabled': true, className: className }); | ||
Day.propTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
day: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
day: _react.PropTypes.instanceOf(Date).isRequired, | ||
@@ -75,0 +91,0 @@ children: _react.PropTypes.node.isRequired, |
@@ -47,2 +47,6 @@ 'use strict'; | ||
var _classNames = require('./classNames'); | ||
var _classNames2 = _interopRequireDefault(_classNames); | ||
var _keys = require('./keys'); | ||
@@ -93,2 +97,9 @@ | ||
_createClass(DayPicker, [{ | ||
key: 'componentWillReceiveProps', | ||
value: function componentWillReceiveProps(nextProps) { | ||
if (this.props.month !== nextProps.month) { | ||
this.setState(this.getStateFromProps(nextProps)); | ||
} | ||
} | ||
}, { | ||
key: 'getDayNodes', | ||
@@ -365,2 +376,3 @@ value: function getDayNodes() { | ||
var _props2 = this.props, | ||
labels = _props2.labels, | ||
locale = _props2.locale, | ||
@@ -370,7 +382,9 @@ localeUtils = _props2.localeUtils, | ||
navbarElement = _props2.navbarElement, | ||
attributes = _objectWithoutProperties(_props2, ['locale', 'localeUtils', 'canChangeMonth', 'navbarElement']); | ||
attributes = _objectWithoutProperties(_props2, ['labels', 'locale', 'localeUtils', 'canChangeMonth', 'navbarElement']); | ||
if (!canChangeMonth) return null; | ||
var props = { | ||
className: 'DayPicker-NavBar', | ||
classNames: this.props.classNames, | ||
className: this.props.classNames.navBar, | ||
nextMonth: this.getNextNavigableMonth(), | ||
@@ -383,2 +397,3 @@ previousMonth: this.getPreviousNavigableMonth(), | ||
dir: attributes.dir, | ||
labels: labels, | ||
locale: locale, | ||
@@ -394,6 +409,6 @@ localeUtils: localeUtils | ||
if (DateUtils.isSameDay(day, new Date())) { | ||
dayModifiers.push('today'); | ||
dayModifiers.push(this.props.classNames.today); | ||
} | ||
if (day.getMonth() !== month.getMonth()) { | ||
dayModifiers.push('outside'); | ||
dayModifiers.push(this.props.classNames.outside); | ||
} | ||
@@ -421,2 +436,3 @@ dayModifiers = [].concat(_toConsumableArray(dayModifiers), _toConsumableArray(Helpers.getModifiersForDay(day, Helpers.getModifiersFromProps(this.props)))); | ||
key: '' + (isOutside ? 'outside-' : '') + key, | ||
classNames: this.props.classNames, | ||
day: day, | ||
@@ -456,4 +472,13 @@ modifiers: modifiers, | ||
key: i, | ||
classNames: this.props.classNames, | ||
month: month, | ||
months: this.props.months, | ||
weekdayElement: this.props.weekdayElement, | ||
captionElement: _react2.default.cloneElement(this.props.captionElement, { | ||
classNames: this.props.classNames | ||
}), | ||
fixedWeeks: this.props.fixedWeeks, | ||
weekdaysShort: this.props.weekdaysShort, | ||
@@ -464,11 +489,3 @@ weekdaysLong: this.props.weekdaysLong, | ||
firstDayOfWeek: firstDayOfWeek, | ||
fixedWeeks: this.props.fixedWeeks, | ||
className: 'DayPicker-Month', | ||
wrapperClassName: 'DayPicker-Body', | ||
weekClassName: 'DayPicker-Week', | ||
weekdayElement: this.props.weekdayElement, | ||
captionElement: this.props.captionElement, | ||
onCaptionClick: this.props.onCaptionClick | ||
@@ -490,6 +507,6 @@ }, | ||
var className = 'DayPicker'; | ||
var className = this.props.classNames.container; | ||
if (!this.props.onDayClick) { | ||
className = className + ' DayPicker--interactionDisabled'; | ||
className = className + ' ' + this.props.classNames.interactionDisabled; | ||
} | ||
@@ -523,29 +540,61 @@ if (this.props.className) { | ||
DayPicker.VERSION = '5.0.0'; | ||
DayPicker.VERSION = '5.1.1'; | ||
DayPicker.propTypes = { | ||
// Rendering months | ||
initialMonth: _react.PropTypes.instanceOf(Date), | ||
month: _react.PropTypes.instanceOf(Date), | ||
numberOfMonths: _react.PropTypes.number, | ||
fromMonth: _react.PropTypes.instanceOf(Date), | ||
toMonth: _react.PropTypes.instanceOf(Date), | ||
canChangeMonth: _react.PropTypes.bool, | ||
reverseMonths: _react.PropTypes.bool, | ||
pagedNavigation: _react.PropTypes.bool, | ||
// Modifiers | ||
selectedDays: _react.PropTypes.oneOfType([_PropTypes.ModifierPropType, _react.PropTypes.arrayOf(_PropTypes.ModifierPropType)]), | ||
disabledDays: _react.PropTypes.oneOfType([_PropTypes.ModifierPropType, _react.PropTypes.arrayOf(_PropTypes.ModifierPropType)]), | ||
modifiers: _react.PropTypes.object, | ||
// Localization | ||
dir: _react.PropTypes.string, | ||
firstDayOfWeek: _react.PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]), | ||
labels: _react.PropTypes.shape({ | ||
nextMonth: _react.PropTypes.string.isRequired, | ||
previousMonth: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
locale: _react.PropTypes.string, | ||
localeUtils: _PropTypes2.default.localeUtils, | ||
months: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysShort: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
// Customization | ||
enableOutsideDays: _react.PropTypes.bool, | ||
fixedWeeks: _react.PropTypes.bool, | ||
canChangeMonth: _react.PropTypes.bool, | ||
reverseMonths: _react.PropTypes.bool, | ||
pagedNavigation: _react.PropTypes.bool, | ||
fromMonth: _react.PropTypes.instanceOf(Date), | ||
toMonth: _react.PropTypes.instanceOf(Date), | ||
firstDayOfWeek: _react.PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]), | ||
months: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysShort: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
// CSS and HTML | ||
classNames: _react.PropTypes.shape({ | ||
body: _react.PropTypes.string, | ||
container: _react.PropTypes.string, | ||
interactionDisabled: _react.PropTypes.string, | ||
month: _react.PropTypes.string, | ||
navBar: _react.PropTypes.string, | ||
week: _react.PropTypes.string, | ||
outside: _react.PropTypes.string.isRequired, | ||
today: _react.PropTypes.string.isRequired, | ||
selected: _react.PropTypes.string.isRequired, | ||
disabled: _react.PropTypes.string.isRequired | ||
}), | ||
className: _react.PropTypes.string, | ||
containerProps: _react.PropTypes.object, | ||
tabIndex: _react.PropTypes.number, | ||
// Custom elements | ||
renderDay: _react.PropTypes.func, | ||
weekdayElement: _react.PropTypes.element, | ||
navbarElement: _react.PropTypes.element, | ||
captionElement: _react.PropTypes.element, | ||
// Events | ||
onBlur: _react.PropTypes.func, | ||
@@ -562,21 +611,14 @@ onFocus: _react.PropTypes.func, | ||
onMonthChange: _react.PropTypes.func, | ||
onCaptionClick: _react.PropTypes.func, | ||
onCaptionClick: _react.PropTypes.func | ||
renderDay: _react.PropTypes.func, | ||
weekdayElement: _react.PropTypes.element, | ||
navbarElement: _react.PropTypes.element, | ||
captionElement: _react.PropTypes.element, | ||
dir: _react.PropTypes.string, | ||
className: _react.PropTypes.string, | ||
tabIndex: _react.PropTypes.number, | ||
containerProps: _react.PropTypes.object | ||
}; | ||
DayPicker.defaultProps = { | ||
classNames: _classNames2.default, | ||
tabIndex: 0, | ||
initialMonth: new Date(), | ||
numberOfMonths: 1, | ||
labels: { | ||
previousMonth: 'Previous Month', | ||
nextMonth: 'Next Month' | ||
}, | ||
locale: 'en', | ||
@@ -593,4 +635,4 @@ localeUtils: LocaleUtils, | ||
weekdayElement: _react2.default.createElement(_Weekday2.default, null), | ||
navbarElement: _react2.default.createElement(_Navbar2.default, null), | ||
captionElement: _react2.default.createElement(_Caption2.default, null) | ||
navbarElement: _react2.default.createElement(_Navbar2.default, { classNames: _classNames2.default }), | ||
captionElement: _react2.default.createElement(_Caption2.default, { classNames: _classNames2.default }) | ||
}; | ||
@@ -600,3 +642,3 @@ | ||
this.getStateFromProps = function (props) { | ||
var initialMonth = Helpers.startOfMonth(props.initialMonth); | ||
var initialMonth = Helpers.startOfMonth(props.month || props.initialMonth); | ||
var currentMonth = initialMonth; | ||
@@ -603,0 +645,0 @@ |
@@ -47,6 +47,6 @@ 'use strict'; | ||
if (props.selectedDays) { | ||
modifiers.selected = props.selectedDays; | ||
modifiers[props.classNames.selected] = props.selectedDays; | ||
} | ||
if (props.disabledDays) { | ||
modifiers.disabled = props.disabledDays; | ||
modifiers[props.classNames.disabled] = props.disabledDays; | ||
} | ||
@@ -53,0 +53,0 @@ return modifiers; |
@@ -25,17 +25,15 @@ 'use strict'; | ||
function Month(_ref) { | ||
var month = _ref.month, | ||
var classNames = _ref.classNames, | ||
month = _ref.month, | ||
months = _ref.months, | ||
fixedWeeks = _ref.fixedWeeks, | ||
captionElement = _ref.captionElement, | ||
weekdayElement = _ref.weekdayElement, | ||
locale = _ref.locale, | ||
localeUtils = _ref.localeUtils, | ||
weekdaysLong = _ref.weekdaysLong, | ||
weekdaysShort = _ref.weekdaysShort, | ||
locale = _ref.locale, | ||
localeUtils = _ref.localeUtils, | ||
captionElement = _ref.captionElement, | ||
firstDayOfWeek = _ref.firstDayOfWeek, | ||
onCaptionClick = _ref.onCaptionClick, | ||
children = _ref.children, | ||
firstDayOfWeek = _ref.firstDayOfWeek, | ||
className = _ref.className, | ||
wrapperClassName = _ref.wrapperClassName, | ||
weekClassName = _ref.weekClassName, | ||
weekdayElement = _ref.weekdayElement, | ||
fixedWeeks = _ref.fixedWeeks; | ||
children = _ref.children; | ||
@@ -54,5 +52,6 @@ var captionProps = { | ||
'div', | ||
{ className: className }, | ||
{ className: classNames.month }, | ||
_react2.default.cloneElement(captionElement, captionProps), | ||
_react2.default.createElement(_Weekdays2.default, { | ||
classNames: classNames, | ||
weekdaysShort: weekdaysShort, | ||
@@ -67,7 +66,7 @@ weekdaysLong: weekdaysLong, | ||
'div', | ||
{ className: wrapperClassName, role: 'grid' }, | ||
{ className: classNames.body, role: 'grid' }, | ||
weeks.map(function (week, j) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ key: j, className: weekClassName, role: 'gridcell' }, | ||
{ key: j, className: classNames.week, role: 'gridcell' }, | ||
week.map(function (day) { | ||
@@ -83,18 +82,25 @@ return children(day, month); | ||
Month.propTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
month: _react.PropTypes.string.isRequired, | ||
body: _react.PropTypes.string.isRequired, | ||
week: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
month: _react.PropTypes.instanceOf(Date).isRequired, | ||
months: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.string), | ||
fixedWeeks: _react.PropTypes.bool, | ||
captionElement: _react.PropTypes.node.isRequired, | ||
firstDayOfWeek: _react.PropTypes.number.isRequired, | ||
weekdayElement: _react.PropTypes.element, | ||
locale: _react.PropTypes.string.isRequired, | ||
localeUtils: _PropTypes2.default.localeUtils.isRequired, | ||
weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
weekdaysShort: _react.PropTypes.arrayOf(_react.PropTypes.string), | ||
locale: _react.PropTypes.string.isRequired, | ||
localeUtils: _PropTypes2.default.localeUtils.isRequired, | ||
firstDayOfWeek: _react.PropTypes.number.isRequired, | ||
onCaptionClick: _react.PropTypes.func, | ||
children: _react.PropTypes.func.isRequired, | ||
className: _react.PropTypes.string, | ||
wrapperClassName: _react.PropTypes.string, | ||
weekClassName: _react.PropTypes.string, | ||
weekdayElement: _react.PropTypes.element, | ||
fixedWeeks: _react.PropTypes.bool | ||
children: _react.PropTypes.func.isRequired | ||
}; | ||
//# sourceMappingURL=Month.js.map |
@@ -13,8 +13,11 @@ 'use strict'; | ||
var _classNames = require('./classNames'); | ||
var _classNames2 = _interopRequireDefault(_classNames); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var buttonBaseClass = 'DayPicker-NavButton DayPicker-NavButton'; | ||
function Navbar(_ref) { | ||
var className = _ref.className, | ||
var classNames = _ref.classNames, | ||
className = _ref.className, | ||
showPreviousButton = _ref.showPreviousButton, | ||
@@ -24,3 +27,5 @@ showNextButton = _ref.showNextButton, | ||
onNextClick = _ref.onNextClick, | ||
dir = _ref.dir; | ||
labels = _ref.labels, | ||
_ref$dir = _ref.dir, | ||
dir = _ref$dir === undefined ? 'ltr' : _ref$dir; | ||
@@ -32,4 +37,5 @@ var previousClickHandler = dir === 'rtl' ? onNextClick : onPreviousClick; | ||
role: 'button', | ||
'aria-label': labels.previousMonth, | ||
key: 'previous', | ||
className: buttonBaseClass + '--prev', | ||
className: classNames.navButtonPrev, | ||
onClick: function onClick() { | ||
@@ -42,4 +48,5 @@ return previousClickHandler(); | ||
role: 'button', | ||
'aria-label': labels.nextMonth, | ||
key: 'right', | ||
className: buttonBaseClass + '--next', | ||
className: classNames.navButtonNext, | ||
onClick: function onClick() { | ||
@@ -52,3 +59,3 @@ return nextClickHandler(); | ||
'div', | ||
{ className: className }, | ||
{ className: className || classNames.navBar }, | ||
dir === 'rtl' ? [nextButton, previousButton] : [previousButton, nextButton] | ||
@@ -59,2 +66,7 @@ ); | ||
var NavbarPropTypes = exports.NavbarPropTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
navBar: _react.PropTypes.string.isRequired, | ||
navButtonPrev: _react.PropTypes.string.isRequired, | ||
navButtonNext: _react.PropTypes.string.isRequired | ||
}), | ||
className: _react.PropTypes.string, | ||
@@ -65,3 +77,7 @@ showPreviousButton: _react.PropTypes.bool, | ||
onNextClick: _react.PropTypes.func, | ||
dir: _react.PropTypes.string | ||
dir: _react.PropTypes.string, | ||
labels: _react.PropTypes.shape({ | ||
previousMonth: _react.PropTypes.string.isRequired, | ||
nextMonth: _react.PropTypes.string.isRequired | ||
}) | ||
}; | ||
@@ -72,4 +88,8 @@ | ||
Navbar.defaultProps = { | ||
className: 'DayPicker-NavBar', | ||
classNames: _classNames2.default, | ||
dir: 'ltr', | ||
labels: { | ||
previousMonth: 'Previous Month', | ||
nextMonth: 'Next Month' | ||
}, | ||
showPreviousButton: true, | ||
@@ -76,0 +96,0 @@ showNextButton: true |
@@ -19,3 +19,4 @@ 'use strict'; | ||
function Weekdays(_ref) { | ||
var firstDayOfWeek = _ref.firstDayOfWeek, | ||
var classNames = _ref.classNames, | ||
firstDayOfWeek = _ref.firstDayOfWeek, | ||
weekdaysLong = _ref.weekdaysLong, | ||
@@ -32,3 +33,3 @@ weekdaysShort = _ref.weekdaysShort, | ||
key: i, | ||
className: 'DayPicker-Weekday', | ||
className: classNames.weekday, | ||
weekday: weekday, | ||
@@ -46,6 +47,6 @@ weekdaysLong: weekdaysLong, | ||
'div', | ||
{ className: 'DayPicker-Weekdays', role: 'rowgroup' }, | ||
{ className: classNames.weekdays, role: 'rowgroup' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'DayPicker-WeekdaysRow', role: 'columnheader' }, | ||
{ className: classNames.weekdaysRow, role: 'columnheader' }, | ||
days | ||
@@ -57,2 +58,9 @@ ) | ||
Weekdays.propTypes = { | ||
classNames: _react.PropTypes.shape({ | ||
weekday: _react.PropTypes.string.isRequired, | ||
weekdays: _react.PropTypes.string.isRequired, | ||
weekdaysRow: _react.PropTypes.string.isRequired | ||
}).isRequired, | ||
firstDayOfWeek: _react.PropTypes.number.isRequired, | ||
@@ -59,0 +67,0 @@ weekdaysLong: _react.PropTypes.arrayOf(_react.PropTypes.string), |
{ | ||
"name": "react-day-picker", | ||
"version": "5.0.0", | ||
"version": "5.1.1", | ||
"description": "Flexible date picker component for React", | ||
@@ -5,0 +5,0 @@ "main": "DayPicker.js", |
@@ -12,4 +12,4 @@ <p align="center"> | ||
* select [days](http://react-day-picker.js.org/examples?selectable), [ranges](http://react-day-picker.js.org/examples?range), whatever using CSS modifiers | ||
* ready for [localization](http://react-day-picker.js.org/examples?localized), even with [moment.js](http://react-day-picker.js.org/examples?localized) | ||
* customizable [style](https://github.com/gpbl/react-day-picker/blob/master/src/style.css) | ||
* simple [localization](http://react-day-picker.js.org/examples?localized), even with [moment.js](http://react-day-picker.js.org/examples/?localizedMoment) | ||
* customizable [style](https://github.com/gpbl/react-day-picker/blob/master/src/style.css) and [CSS Modules](http://react-day-picker.js.org/CSSModules.html) support | ||
* navigable via keyboard, ARIA support | ||
@@ -26,4 +26,2 @@ | ||
## Quick start | ||
@@ -48,3 +46,3 @@ | ||
See this [jsfiddle](https://jsfiddle.net/gpbl/gh072eqt/) as example. | ||
See this [jsfiddle](https://jsfiddle.net/fordjxht/) as example. | ||
@@ -57,2 +55,4 @@ ### Example | ||
import "react-day-picker/lib/style.css" | ||
function sundays(day) { | ||
@@ -66,2 +66,6 @@ return day.getDay() === 0; | ||
} | ||
costructor(props) { | ||
super(props); | ||
this.handleDayClick = this.handleDayClick.bind(this); | ||
} | ||
handleDayClick(day, { disabled, selected }) { | ||
@@ -71,3 +75,5 @@ if (disabled) { | ||
} | ||
this.setState({ selectedDay: selected ? null : day }) | ||
this.setState({ | ||
selectedDay: selected ? null : day | ||
}) | ||
}, | ||
@@ -77,6 +83,6 @@ render() { | ||
<DayPicker | ||
initialMonth={ new Date(2016, 1) } | ||
initialMonth={ new Date(2017, 1) } | ||
disabledDays={ sundays } | ||
selectedDays={ this.state.selectedDay } | ||
onDayClick={ this.handleDayClick.bind(this) } | ||
onDayClick={ this.handleDayClick } | ||
/>); | ||
@@ -91,17 +97,18 @@ } | ||
* [Examples with code](http://react-day-picker.js.org/examples) | ||
* [Examples With Code](http://react-day-picker.js.org/examples) | ||
* [Documentation](http://react-day-picker.js.org) | ||
* [Basic usage](http://react-day-picker.js.org/Basic.html) | ||
* [Use of modifiers](http://react-day-picker.js.org/Modifiers.html) | ||
* [Basic Usage](http://react-day-picker.js.org/Basic.html) | ||
* [Use of Day Modifiers](http://react-day-picker.js.org/Modifiers.html) | ||
* [API](http://react-day-picker.js.org/API.html) | ||
* [Styling](http://react-day-picker.js.org/Styling.html) | ||
* [Use with CSS Modules](http://react-day-picker.js.org/CSSModules.html) | ||
* [Localization](http://react-day-picker.js.org/Localization.html) | ||
* [Tips](http://react-day-picker.js.org/Tips.html) | ||
* [Utilities](http://react-day-picker.js.org/Utilities.html) | ||
* [Changelog](https://github.com/gpbl/react-day-picker/blob/master/CHANGELOG.md) | ||
* [CHANGELOG](https://github.com/gpbl/react-day-picker/blob/master/CHANGELOG.md) | ||
### Get support | ||
* Tag with `react-day-picker` your questions on [Stackoverflow](http://stackoverflow.com/questions/tagged/react-day-picker?sort=newest) | ||
* Tag with `react-day-picker` your questions on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-day-picker?sort=newest) | ||
* Join the [Gitter room](https://gitter.im/gpbl/react-day-picker) for immediate help | ||
* **Tip** Fork https://jsfiddle.net/fordjxht/ to help us reproducing your problem | ||
@@ -108,0 +115,0 @@ ### Contribute |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
245449
44
3073
113
0