@teikametrics/react-infinite-calendar - npm Package Compare versions

Comparing version 2.5.0 to 2.5.2

es/Day/index.js

@@ -139,3 +139,3 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
           style: color ? { color: color } : null,
-          className: classNames(styles.root, (_classNames = {}, _classNames[styles.padding] = isPadding, _classNames[styles.selected] = isSelected, _classNames), className)
+          className: classNames(styles.root, (_classNames = {}, _classNames[styles.padding] = isPadding, _classNames[styles.disabled] = isDisabled, _classNames[styles.selected] = isSelected, _classNames), className)
         }, handlers),
@@ -142,0 +142,0 @@ React.createElement('span', { dangerouslySetInnerHTML: { __html: '&nbsp;' } }),

es/Month/index.js

@@ -82,3 +82,6 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-        if (day < 0 || day > getDaysInMonth(getDateString(year, month, day))) {
+        var _date = getDateString(year, month, day);
+
+        if (day < 0 || day > getDaysInMonth(_date)) {
+          isDisabled = minDate && _date < _minDate || maxDate && _date > _maxDate;
           days[k] = React.createElement(DayComponent, _extends({
@@ -88,6 +91,7 @@ key: 'day-' + day,
             isPadding: true,
+            isDisabled: isDisabled,
             selected: selected,
             locale: locale,
             day: 0,
-            date: getDateString(year, month, day),
+            date: _date,
             month: month,
@@ -97,6 +101,5 @@ year: year
         } else {
-          date = getDateString(year, month, day);
-          isToday = date === _today;
+          isToday = _date === _today;
 
-          isDisabled = minDate && date < _minDate || maxDate && date > _maxDate || disabledDays && disabledDays.length && disabledDays.indexOf(dow) !== -1 || disabledDates && disabledDates.length && disabledDates.indexOf(date) !== -1;
+          isDisabled = minDate && _date < _minDate || maxDate && _date > _maxDate || disabledDays && disabledDays.length && disabledDays.indexOf(dow) !== -1 || disabledDates && disabledDates.length && disabledDates.indexOf(_date) !== -1;
 
@@ -106,3 +109,3 @@ days[k] = React.createElement(DayComponent, _extends({
             currentYear: currentYear,
-            date: date,
+            date: _date,
             day: day,
@@ -109,0 +112,0 @@ selected: selected,

lib/Day/index.js

@@ -155,3 +155,3 @@ 'use strict';
           style: color ? { color: color } : null,
-          className: (0, _classnames2.default)(styles.root, (_classNames = {}, _classNames[styles.padding] = isPadding, _classNames[styles.selected] = isSelected, _classNames), className)
+          className: (0, _classnames2.default)(styles.root, (_classNames = {}, _classNames[styles.padding] = isPadding, _classNames[styles.disabled] = isDisabled, _classNames[styles.selected] = isSelected, _classNames), className)
         }, handlers),
@@ -158,0 +158,0 @@ _react2.default.createElement('span', { dangerouslySetInnerHTML: { __html: ' ' } }),

lib/Month/index.js

@@ -108,3 +108,6 @@ 'use strict';
 
-        if (day < 0 || day > (0, _get_days_in_month2.default)((0, _utils.getDateString)(year, month, day))) {
+        var _date = (0, _utils.getDateString)(year, month, day);
+
+        if (day < 0 || day > (0, _get_days_in_month2.default)(_date)) {
+          isDisabled = minDate && _date < _minDate || maxDate && _date > _maxDate;
           days[k] = _react2.default.createElement(DayComponent, _extends({
@@ -114,6 +117,7 @@ key: 'day-' + day,
             isPadding: true,
+            isDisabled: isDisabled,
             selected: selected,
             locale: locale,
             day: 0,
-            date: (0, _utils.getDateString)(year, month, day),
+            date: _date,
             month: month,
@@ -123,6 +127,5 @@ year: year
         } else {
-          date = (0, _utils.getDateString)(year, month, day);
-          isToday = date === _today;
+          isToday = _date === _today;
 
-          isDisabled = minDate && date < _minDate || maxDate && date > _maxDate || disabledDays && disabledDays.length && disabledDays.indexOf(dow) !== -1 || disabledDates && disabledDates.length && disabledDates.indexOf(date) !== -1;
+          isDisabled = minDate && _date < _minDate || maxDate && _date > _maxDate || disabledDays && disabledDays.length && disabledDays.indexOf(dow) !== -1 || disabledDates && disabledDates.length && disabledDates.indexOf(_date) !== -1;
 
@@ -132,3 +135,3 @@ days[k] = _react2.default.createElement(DayComponent, _extends({
             currentYear: currentYear,
-            date: date,
+            date: _date,
             day: day,
@@ -135,0 +138,0 @@ selected: selected,

package.json

 {
   "name": "@teikametrics/react-infinite-calendar",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "description": "Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -6,4 +6,4 @@ <div align="center">
 # React Infinite Calendar
-[![npm version](https://img.shields.io/npm/v/react-infinite-calendar.svg)](https://www.npmjs.com/package/@teikametrics/react-infinite-calendar)
-[![downloads](https://img.shields.io/npm/dm/react-infinite-calendar.svg)](https://www.npmjs.com/package/@teikametrics/react-infinite-calendar)
+[![npm version](https://img.shields.io/npm/v/@teikametrics/react-infinite-calendar.svg)](https://www.npmjs.com/package/@teikametrics/react-infinite-calendar)
+[![downloads](https://img.shields.io/npm/dm/@teikametrics/react-infinite-calendar.svg)](https://www.npmjs.com/package/@teikametrics/react-infinite-calendar)
 [![license](https://img.shields.io/github/license/mashape/apistatus.svg?maxAge=2592000)](https://github.com/teikametrics/react-infinite-calendar/blob/master/LICENSE)
@@ -10,0 +10,0 @@ ### Examples available here: <a href="#">http://teikametrics.github.io/react-infinite-calendar/</a>

No alert changes

Worsened metrics

Total package byte prevSize

1242589

decreased by-0.73%

Lines of code

12655

decreased by-2.52%

No dependency changes