react-calendar - npm Package Compare versions

Comparing version 2.4.0 to 2.5.0

build/Calendar.js

@@ -249,7 +249,7 @@ 'use strict';
       var valueFrom = this.getValueFrom(props.value);
-      var valueFromChanged = nextValueFrom && !valueFrom || nextValueFrom && valueFrom && nextValueFrom.getTime() !== valueFrom.getTime();
+      var valueFromChanged = nextValueFrom && !valueFrom || !nextValueFrom && valueFrom || nextValueFrom && valueFrom && nextValueFrom.getTime() !== valueFrom.getTime();
 
       var nextValueTo = this.getValueTo(nextProps.value);
       var valueTo = this.getValueTo(props.value);
-      var valueToChanged = nextValueTo && !valueTo || nextValueTo && valueTo && nextValueTo.getTime() !== valueTo.getTime();
+      var valueToChanged = nextValueTo && !valueTo || !nextValueTo && valueTo || nextValueTo && valueTo && nextValueTo.getTime() !== valueTo.getTime();
 
@@ -282,3 +282,3 @@ var valueChanged = valueFromChanged || valueToChanged;
       var rangeType = this.getView(props);
-      var valueFrom = this.getValueFrom(props.value) || new Date();
+      var valueFrom = this.getValueFrom(props.value) || props.activeStartDate || new Date();
       return (0, _dates.getBegin)(rangeType, valueFrom);
@@ -447,2 +447,3 @@ }
 Calendar.propTypes = {
+  activeStartDate: _propTypes2.default.instanceOf(Date),
   calendarType: _propTypes3.isCalendarType,
@@ -469,3 +470,3 @@ className: _propTypes3.isClassName,
   showWeekNumbers: _propTypes2.default.bool,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node]),
@@ -472,0 +473,0 @@ value: _propTypes3.isValue,

build/CenturyView/Decade.js

@@ -65,3 +65,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.func
@@ -68,0 +68,0 @@ };

build/CenturyView/Decades.js

@@ -119,3 +119,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node]),
@@ -122,0 +122,0 @@ value: _propTypes3.isValue,

build/DecadeView/Year.js

@@ -64,3 +64,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node]),
@@ -67,0 +67,0 @@ year: _propTypes2.default.number.isRequired

build/DecadeView/Years.js

@@ -119,3 +119,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node]),
@@ -122,0 +122,0 @@ value: _propTypes3.isValue,

build/MonthView/Day.js

@@ -64,3 +64,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node])
@@ -67,0 +67,0 @@ };

build/MonthView/Days.js

@@ -181,3 +181,3 @@ 'use strict';
   showNeighboringMonth: _propTypes2.default.bool,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node]),
@@ -184,0 +184,0 @@ value: _propTypes3.isValue,

build/YearView/Month.js

@@ -65,3 +65,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node])
@@ -68,0 +68,0 @@ };

build/YearView/Months.js

@@ -122,3 +122,3 @@ 'use strict';
   onClick: _propTypes2.default.func,
-  tileClassName: _propTypes3.isClassName,
+  tileClassName: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes3.isClassName]),
   tileContent: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.node]),
@@ -125,0 +125,0 @@ value: _propTypes3.isValue,

index.d.ts

@@ -10,2 +10,3 @@ /// <reference types="react" />
   export interface CalendarProps {
+    activeStartDate?: Date;
     calendarType?: "US" | "ISO 8601";
@@ -12,0 +13,0 @@ className?: string | string[];

package.json

 {
   "name": "react-calendar",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "A component for picking dates or date periods for your React application.",
@@ -5,0 +5,0 @@ "main": "build/entry.js",

README.md

@@ -86,2 +86,3 @@ ![downloads](https://img.shields.io/npm/dt/react-calendar.svg) ![build](https://img.shields.io/travis/wojtekmaj/react-calendar.svg) ![dependencies](https://img.shields.io/david/wojtekmaj/react-calendar.svg
 |----|----|----|
+|activeStartDate|The beginning of a period that shall be displayed by default when no value is given. Defaults to today.|`new Date(2017, 0, 1)`|
 |calendarType|Defines which type of calendar should be used. Can be "US" or "ISO 8601". Defaults to "US" for "en-US" locale, "ISO 8601" to all the others.|`"ISO 8601"`|
@@ -107,3 +108,3 @@ |className|Defines class name(s) that will be added along with "react-calendar" to the main React-Calendar `<div>` element.|<ul><li>String: `"class1 class2"`</li><li>Array of strings: `["class1", "class2 class3"]`</li></ul>|
 |showWeekNumbers|Defines whether week numbers shall be shown at the left of MonthView or not. Defaults to false.|`true`|
-|tileClassName|Defines class name(s) that will be applied to a given calendar item (day on month view, month on year view and so on).|<ul><li>String: `"class1 class2"`</li><li>Array of strings: `["class1", "class2 class3"]`</li><li>Function: `({ date, view }) => view === 'month' && date.getDay() === 3 ? 'saturday' : null`</li></ul>|
+|tileClassName|Defines class name(s) that will be applied to a given calendar item (day on month view, month on year view and so on).|<ul><li>String: `"class1 class2"`</li><li>Array of strings: `["class1", "class2 class3"]`</li><li>Function: `({ date, view }) => view === 'month' && date.getDay() === 3 ? 'wednesday' : null`</li></ul>|
 |tileContent|Allows to render custom content within a given calendar item (day on month view, month on year view and so on).|<ul><li>String: `"Sample"`</li><li>React element: `<TileContent />`</li><li>Function: `({ date, view }) => view === 'month' && date.getDay() === 0 ? <p>It's Sunday!</p> : null`</li></ul>|
@@ -110,0 +111,0 @@ |value|Defines the value of the calendar.|<ul><li>Date: `new Date()`</li><li>An array of dates: `[new Date(2017, 0, 1), new Date(2017, 7, 1)]`|

src/Calendar.jsx

@@ -140,2 +140,3 @@ import React, { Component } from 'react';
       (nextValueFrom && !valueFrom) ||
+      (!nextValueFrom && valueFrom) ||
       (nextValueFrom && valueFrom && nextValueFrom.getTime() !== valueFrom.getTime())
@@ -148,2 +149,3 @@ );
       (nextValueTo && !valueTo) ||
+      (!nextValueTo && valueTo) ||
       (nextValueTo && valueTo && nextValueTo.getTime() !== valueTo.getTime())
@@ -175,3 +177,7 @@ );
     const rangeType = this.getView(props);
-    const valueFrom = this.getValueFrom(props.value) || new Date();
+    const valueFrom = (
+      this.getValueFrom(props.value) ||
+      props.activeStartDate ||
+      new Date()
+    );
     return getBegin(rangeType, valueFrom);
@@ -345,2 +351,3 @@ }
 Calendar.propTypes = {
+  activeStartDate: PropTypes.instanceOf(Date),
   calendarType: isCalendarType,
@@ -367,3 +374,6 @@ className: isClassName,
   showWeekNumbers: PropTypes.bool,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -370,0 +380,0 @@ PropTypes.func,

src/CenturyView/Decade.jsx

@@ -52,3 +52,6 @@ import React from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.func,
@@ -55,0 +58,0 @@ };

src/CenturyView/Decades.jsx

@@ -70,3 +70,6 @@ import React, { Component } from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -73,0 +76,0 @@ PropTypes.func,

src/DecadeView/Year.jsx

@@ -46,3 +46,6 @@ import React from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -49,0 +52,0 @@ PropTypes.func,

src/DecadeView/Years.jsx

@@ -67,3 +67,6 @@ import React, { Component } from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -70,0 +73,0 @@ PropTypes.func,

src/MonthView/Day.jsx

@@ -51,3 +51,6 @@ import React from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -54,0 +57,0 @@ PropTypes.func,

src/MonthView/Days.jsx

@@ -123,3 +123,6 @@ import React, { Component } from 'react';
   showNeighboringMonth: PropTypes.bool,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -126,0 +129,0 @@ PropTypes.func,

src/YearView/Month.jsx

@@ -48,3 +48,6 @@ import React from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -51,0 +54,0 @@ PropTypes.func,

src/YearView/Months.jsx

@@ -66,3 +66,6 @@ import React, { Component } from 'react';
   onClick: PropTypes.func,
-  tileClassName: isClassName,
+  tileClassName: PropTypes.oneOfType([
+    PropTypes.func,
+    isClassName,
+  ]),
   tileContent: PropTypes.oneOfType([
@@ -69,0 +72,0 @@ PropTypes.func,

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

260974

increased by0.52%

Lines of code

6436

increased by0.56%

Number of lines in readme file

146

increased by0.69%

No dependency changes