react-calendar - npm Package Compare versions

Comparing version 3.2.1 to 3.3.0

dist/esm/Calendar.js

@@ -58,2 +58,4 @@ function _extends() { _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; }; return _extends.apply(this, arguments); }
 import { between } from './shared/utils';
+var defaultMinDate = new Date('0001-01-01');
+var defaultMaxDate = new Date(8.64e15);
 var baseClassName = 'react-calendar';
@@ -695,3 +697,5 @@ var allViews = ['century', 'decade', 'year', 'month'];
 Calendar.defaultProps = {
+  maxDate: defaultMaxDate,
   maxDetail: 'month',
+  minDate: defaultMinDate,
   minDetail: 'century',
@@ -698,0 +702,0 @@ returnValue: 'start',

dist/esm/Calendar/Navigation.js

@@ -49,3 +49,3 @@ import React from 'react';
   var prevButtonDisabled = function () {
-    if (previousActiveStartDate.getFullYear() < 1000) {
+    if (previousActiveStartDate.getFullYear() < 0) {
       return true;
@@ -59,3 +59,3 @@ }
   var prev2ButtonDisabled = shouldShowPrevNext2Buttons && function () {
-    if (previousActiveStartDate2.getFullYear() < 1000) {
+    if (previousActiveStartDate2.getFullYear() < 0) {
       return true;
@@ -62,0 +62,0 @@ }

dist/esm/DecadeView/Years.js

@@ -21,3 +21,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
     dateTransform: function dateTransform(year) {
-      return new Date(year, 0, 1);
+      var date = new Date();
+      date.setFullYear(year, 0, 1);
+      date.setHours(0, 0, 0, 0);
+      return date;
     },
@@ -24,0 +27,0 @@ dateType: "year",

dist/esm/YearView/Months.js

@@ -23,3 +23,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
     dateTransform: function dateTransform(monthIndex) {
-      return new Date(year, monthIndex, 1);
+      var date = new Date();
+      date.setFullYear(year, monthIndex, 1);
+      date.setHours(0, 0, 0, 0);
+      return date;
     },
@@ -26,0 +29,0 @@ dateType: "month",

dist/umd/Calendar.js

@@ -82,2 +82,4 @@ "use strict";
 
+var defaultMinDate = new Date('0001-01-01');
+var defaultMaxDate = new Date(8.64e15);
 var baseClassName = 'react-calendar';
@@ -719,3 +721,5 @@ var allViews = ['century', 'decade', 'year', 'month'];
 Calendar.defaultProps = {
+  maxDate: defaultMaxDate,
   maxDetail: 'month',
+  minDate: defaultMinDate,
   minDetail: 'century',
@@ -722,0 +726,0 @@ returnValue: 'start',

dist/umd/Calendar/Navigation.js

@@ -65,3 +65,3 @@ "use strict";
   var prevButtonDisabled = function () {
-    if (previousActiveStartDate.getFullYear() < 1000) {
+    if (previousActiveStartDate.getFullYear() < 0) {
       return true;
@@ -75,3 +75,3 @@ }
   var prev2ButtonDisabled = shouldShowPrevNext2Buttons && function () {
-    if (previousActiveStartDate2.getFullYear() < 1000) {
+    if (previousActiveStartDate2.getFullYear() < 0) {
       return true;
@@ -78,0 +78,0 @@ }

dist/umd/DecadeView/Years.js

@@ -35,3 +35,6 @@ "use strict";
     dateTransform: function dateTransform(year) {
-      return new Date(year, 0, 1);
+      var date = new Date();
+      date.setFullYear(year, 0, 1);
+      date.setHours(0, 0, 0, 0);
+      return date;
     },
@@ -38,0 +41,0 @@ dateType: "year",

dist/umd/YearView/Months.js

@@ -38,3 +38,6 @@ "use strict";
     dateTransform: function dateTransform(monthIndex) {
-      return new Date(year, monthIndex, 1);
+      var date = new Date();
+      date.setFullYear(year, monthIndex, 1);
+      date.setHours(0, 0, 0, 0);
+      return date;
     },
@@ -41,0 +44,0 @@ dateType: "month",

package.json

 {
   "name": "react-calendar",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "Ultimate calendar for your React app.",
@@ -90,5 +90,5 @@ "main": "dist/umd/index.js",
     "@babel/preset-react": "^7.9.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.3.1",
     "babel-eslint": "^10.0.0",
     "enzyme": "^3.10.0",
-    "enzyme-adapter-react-16": "^1.14.0",
     "eslint": "^7.12.0",
@@ -98,10 +98,9 @@ "eslint-config-wojtekmaj": "^0.5.0",
     "less": "^3.8.1",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
-    "react-test-renderer": "^16.7.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
     "rimraf": "^3.0.0"
   },
   "peerDependencies": {
-    "react": ">=16.3",
-    "react-dom": ">=16.3"
+    "react": "^16.3.0 || ^17.0.0-0",
+    "react-dom": "^16.3.0 || ^17.0.0-0"
   },
@@ -108,0 +107,0 @@ "files": [

README.md

@@ -81,4 +81,2 @@ [![npm](https://img.shields.io/npm/v/react-calendar.svg)](https://www.npmjs.com/package/react-calendar) ![downloads](https://img.shields.io/npm/dt/react-calendar.svg) [![CI](https://github.com/wojtekmaj/react-calendar/workflows/CI/badge.svg)](https://github.com/wojtekmaj/react-calendar/actions) ![dependencies](https://img.shields.io/david/wojtekmaj/react-calendar.svg) ![dev dependencies](https://img.shields.io/david/dev/wojtekmaj/react-calendar.svg) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://github.com/facebook/jest)
 
-instead.
-
 ## User guide
@@ -85,0 +83,0 @@

src/Calendar.jsx

@@ -19,2 +19,5 @@ import React, { Component } from 'react';
 
+const defaultMinDate = new Date('0001-01-01');
+const defaultMaxDate = new Date(8.64e15);
+
 const baseClassName = 'react-calendar';
@@ -632,3 +635,5 @@ const allViews = ['century', 'decade', 'year', 'month'];
 Calendar.defaultProps = {
+  maxDate: defaultMaxDate,
   maxDetail: 'month',
+  minDate: defaultMinDate,
   minDetail: 'century',
@@ -635,0 +640,0 @@ returnValue: 'start',

src/Calendar/Navigation.jsx

@@ -58,3 +58,3 @@ import React from 'react';
   const prevButtonDisabled = (() => {
-    if (previousActiveStartDate.getFullYear() < 1000) {
+    if (previousActiveStartDate.getFullYear() < 0) {
       return true;
@@ -67,3 +67,3 @@ }
   const prev2ButtonDisabled = shouldShowPrevNext2Buttons && (() => {
-    if (previousActiveStartDate2.getFullYear() < 1000) {
+    if (previousActiveStartDate2.getFullYear() < 0) {
       return true;
@@ -70,0 +70,0 @@ }

src/Calendar/Navigation.spec.jsx

@@ -455,7 +455,10 @@ import React from 'react';
 
-  it('disallows navigating before the year 1000', () => {
+  it('disallows navigating before the year 0', () => {
+    const activeStartDate = new Date();
+    activeStartDate.setFullYear(0, 0, 1);
+
     const component = shallow(
       <Navigation
         {...defaultProps}
-        activeStartDate={new Date(1000, 0, 1)}
+        activeStartDate={activeStartDate}
         view="year"
@@ -462,0 +465,0 @@ />,

src/CenturyView.spec.jsx

@@ -7,4 +7,2 @@ import React from 'react';
 
-/* eslint-disable react/prop-types */
-
 describe('CenturyView', () => {
@@ -11,0 +9,0 @@ const defaultProps = {

src/DecadeView.spec.jsx

@@ -6,4 +6,2 @@ import React from 'react';
 
-/* eslint-disable react/prop-types */
-
 describe('DecadeView', () => {
@@ -10,0 +8,0 @@ const defaultProps = {

src/DecadeView/Years.jsx

@@ -18,3 +18,8 @@ import React from 'react';
       className="react-calendar__decade-view__years"
-      dateTransform={(year) => new Date(year, 0, 1)}
+      dateTransform={(year) => {
+        const date = new Date();
+        date.setFullYear(year, 0, 1);
+        date.setHours(0, 0, 0, 0);
+        return date;
+      }}
       dateType="year"
@@ -21,0 +26,0 @@ end={end}

src/MonthView.spec.jsx

@@ -6,4 +6,2 @@ import React from 'react';
 
-/* eslint-disable react/prop-types */
-
 const { format } = new Intl.DateTimeFormat('en-US', { day: 'numeric', month: 'long', year: 'numeric' });
@@ -10,0 +8,0 @@

src/shared/dates.spec.js

@@ -842,3 +842,2 @@ import { getDayStart, getDayEnd } from '@wojtekmaj/date-utils';
 describe('isWeekend', () => {
-  /* eslint-disable indent */
   describe('returns proper flag (ISO 8601)', () => {
@@ -851,4 +850,5 @@ it.each`
       ${new Date(2017, 0, 2)}   | ${false}
-    `('returns $flag for $date',
-    ({ date, flag }) => {
+    `('returns $flag for $date', ({
+      date, flag,
+    }) => {
       expect(isWeekend(date, 'ISO 8601')).toBe(flag);
@@ -865,4 +865,5 @@ });
       ${new Date(2017, 0, 2)}   | ${false}
-    `('returns $flag for $date',
-    ({ date, flag }) => {
+    `('returns $flag for $date', ({
+      date, flag,
+    }) => {
       expect(isWeekend(date, 'US')).toBe(flag);
@@ -879,4 +880,5 @@ });
       ${new Date(2017, 0, 2)}   | ${false}
-    `('returns $flag for $date',
-    ({ date, flag }) => {
+    `('returns $flag for $date', ({
+      date, flag,
+    }) => {
       expect(isWeekend(date, 'Arabic')).toBe(flag);
@@ -893,4 +895,5 @@ });
       ${new Date(2017, 0, 2)}   | ${false}
-    `('returns $flag for $date',
-    ({ date, flag }) => {
+    `('returns $flag for $date', ({
+      date, flag,
+    }) => {
       expect(isWeekend(date, 'Hebrew')).toBe(flag);
@@ -907,8 +910,8 @@ });
       ${new Date(2017, 0, 2)}   | ${false}
-    `('returns $flag for $date',
-    ({ date, flag }) => {
+    `('returns $flag for $date', ({
+      date, flag,
+    }) => {
       expect(isWeekend(date)).toBe(flag);
     });
   });
-  /* eslint-enable indent */
 });

src/YearView.spec.jsx

@@ -6,4 +6,2 @@ import React from 'react';
 
-/* eslint-disable react/prop-types */
-
 const { format } = new Intl.DateTimeFormat('en-US', { month: 'long', year: 'numeric' });
@@ -10,0 +8,0 @@

src/YearView/Months.jsx

@@ -20,3 +20,8 @@ import React from 'react';
       className="react-calendar__year-view__months"
-      dateTransform={(monthIndex) => new Date(year, monthIndex, 1)}
+      dateTransform={(monthIndex) => {
+        const date = new Date();
+        date.setFullYear(year, monthIndex, 1);
+        date.setHours(0, 0, 0, 0);
+        return date;
+      }}
       dateType="month"
@@ -23,0 +28,0 @@ end={end}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

464878

increased by0.18%

Dev dependency count

15

decreased by-6.25%

Lines of code

10698

increased by0.33%

Worsened metrics

Number of lines in readme file

201

decreased by-0.99%

No dependency changes