border: '1px solid ' + String(color.core.borderMedium)
border: '1px solid ' + String(color.core.borderMedium)
background: color.backgroundDark
DayPickerNavigation_button__horizontal: {},
DayPickerNavigation_button__horizontalDefault: {
DayPickerNavigation_leftButton__horizontalDefault: {
DayPickerNavigation_rightButton__horizontalDefault: {
DayPickerNavigation_button__vertical: {},
DayPickerNavigation_button__verticalDefault: {
background: color.background,
boxShadow: '0 0 5px 2px rgba(0, 0, 0, 0.1)',
DayPickerNavigation_prevButton__verticalDefault: {},
DayPickerNavigation_nextButton__verticalDefault: {
DayPickerNavigation_nextButton__verticalScrollableDefault: {
DayPickerNavigation_svg__horizontal: {
fill: color.core.grayLight,
DayPickerNavigation_svg__vertical: {
/***/ (function(module, exports, __webpack_require__) {
var util = __webpack_require__("jB5C");
function scrollIntoView(elem, container, config) {
if (container.nodeType === 9) {
container = util.getWindow(container);
var allowHorizontalScroll = config.allowHorizontalScroll;
var onlyScrollIfNeeded = config.onlyScrollIfNeeded;
var alignWithTop = config.alignWithTop;
var alignWithLeft = config.alignWithLeft;
var offsetTop = config.offsetTop || 0;
var offsetLeft = config.offsetLeft || 0;
var offsetBottom = config.offsetBottom || 0;
var offsetRight = config.offsetRight || 0;
allowHorizontalScroll = allowHorizontalScroll === undefined ? true : allowHorizontalScroll;
var isWin = util.isWindow(container);
var elemOffset = util.offset(elem);
var eh = util.outerHeight(elem);
var ew = util.outerWidth(elem);
var containerOffset = undefined;
var containerScroll = undefined;
var diffBottom = undefined;
var winScroll = undefined;
left: util.scrollLeft(win),
// elem 相对 container 可视视窗的距离
left: elemOffset.left - winScroll.left - offsetLeft,
top: elemOffset.top - winScroll.top - offsetTop
left: elemOffset.left + ew - (winScroll.left + ww) + offsetRight,
top: elemOffset.top + eh - (winScroll.top + wh) + offsetBottom
containerScroll = winScroll;
containerOffset = util.offset(container);
ch = container.clientHeight;
cw = container.clientWidth;
left: container.scrollLeft,
// elem 相对 container 可视视窗的距离
left: elemOffset.left - (containerOffset.left + (parseFloat(util.css(container, 'borderLeftWidth')) || 0)) - offsetLeft,
top: elemOffset.top - (containerOffset.top + (parseFloat(util.css(container, 'borderTopWidth')) || 0)) - offsetTop
left: elemOffset.left + ew - (containerOffset.left + cw + (parseFloat(util.css(container, 'borderRightWidth')) || 0)) + offsetRight,
top: elemOffset.top + eh - (containerOffset.top + ch + (parseFloat(util.css(container, 'borderBottomWidth')) || 0)) + offsetBottom
if (diffTop.top < 0 || diffBottom.top > 0) {
if (alignWithTop === true) {
util.scrollTop(container, containerScroll.top + diffTop.top);
} else if (alignWithTop === false) {
util.scrollTop(container, containerScroll.top + diffBottom.top);
util.scrollTop(container, containerScroll.top + diffTop.top);
util.scrollTop(container, containerScroll.top + diffBottom.top);
if (!onlyScrollIfNeeded) {
alignWithTop = alignWithTop === undefined ? true : !!alignWithTop;
util.scrollTop(container, containerScroll.top + diffTop.top);
util.scrollTop(container, containerScroll.top + diffBottom.top);
if (allowHorizontalScroll) {
if (diffTop.left < 0 || diffBottom.left > 0) {
if (alignWithLeft === true) {
util.scrollLeft(container, containerScroll.left + diffTop.left);
} else if (alignWithLeft === false) {
util.scrollLeft(container, containerScroll.left + diffBottom.left);
util.scrollLeft(container, containerScroll.left + diffTop.left);
util.scrollLeft(container, containerScroll.left + diffBottom.left);
if (!onlyScrollIfNeeded) {
alignWithLeft = alignWithLeft === undefined ? true : !!alignWithLeft;
util.scrollLeft(container, containerScroll.left + diffTop.left);
util.scrollLeft(container, containerScroll.left + diffBottom.left);
module.exports = scrollIntoView;