react-calendar - npm Package Compare versions

Comparing version 2.15.2 to 2.16.0

dist/shared/utils.js

@@ -76,2 +76,6 @@ 'use strict';
 
+var isEqual = function isEqual(date1, date2) {
+  return new Date(date1).getTime() === new Date(date2).getTime();
+};
+
 var getTileClasses = exports.getTileClasses = function getTileClasses() {
@@ -111,2 +115,17 @@ var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
 
+  var isRangeStart = isEqual(dateRange[0], valueRange[0]);
+  var isRangeEnd = isEqual(dateRange[1], valueRange[1]);
+
+  if (isRangeStart) {
+    classes.push(className + '--rangeStart');
+  }
+
+  if (isRangeEnd) {
+    classes.push(className + '--rangeEnd');
+  }
+
+  if (isRangeStart && isRangeEnd) {
+    classes.push(className + '--rangeBothEnds');
+  }
+
   if (isValueWithinRange(now, dateRange)) {
@@ -113,0 +132,0 @@ classes.push(className + '--now');

index.d.ts

@@ -21,3 +21,3 @@ declare module "react-calendar" {
     minDetail?: Detail;
-    next2Label?: string | JSX.Element;
+    next2Label?: string | JSX.Element | null;
     nextLabel?: string | JSX.Element;
@@ -33,3 +33,3 @@ onActiveDateChange?: ViewCallback;
     onDrillUp?: ViewCallback;
-    prev2Label?: string | JSX.Element;
+    prev2Label?: string | JSX.Element | null;
     prevLabel?: string | JSX.Element;
@@ -36,0 +36,0 @@ renderChildren?: (props: CalendarTileProperties) => JSX.Element | null; // For backwards compatibility

package.json

 {
   "name": "react-calendar",
-  "version": "2.15.2",
+  "version": "2.16.0",
   "description": "Ultimate calendar for your React app.",
@@ -57,2 +57,6 @@ "main": "dist/entry.js",
       "email": "[e-mail]"
+    },
+    {
+      "name": "Ritesh Kumar",
+      "email": "[e-mail]"
     }
@@ -89,4 +93,4 @@ ],
     "less": "^2.7.3",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0"
+    "react": "^16.4.1",
+    "react-dom": "^16.4.1"
   },
@@ -93,0 +97,0 @@ "peerDependencies": {

README.md

@@ -33,2 +33,4 @@ ![downloads](https://img.shields.io/npm/dt/react-calendar.svg) ![build](https://img.shields.io/travis/wojtekmaj/react-calendar/master.svg) ![dependencies](https://img.shields.io/david/wojtekmaj/react-calendar.svg
 
+Your project needs to use React 15.5 or later.
+
 React-Calendar uses modern web technologies. That's why it's so fast, lightweight and easy to style. This, however, comes at a cost of [supporting only modern browsers](https://caniuse.com/#feat=internationalization).
@@ -35,0 +37,0 @@

src/shared/utils.js

@@ -55,2 +55,4 @@ import { getRange } from './dates';
 
+const isEqual = (date1, date2) => new Date(date1).getTime() === new Date(date2).getTime();
+
 export const getTileClasses = ({
@@ -98,2 +100,17 @@ value, valueType, date, dateType, hover,
 
+  const isRangeStart = isEqual(dateRange[0], valueRange[0]);
+  const isRangeEnd = isEqual(dateRange[1], valueRange[1]);
+
+  if (isRangeStart) {
+    classes.push(`${className}--rangeStart`);
+  }
+
+  if (isRangeEnd) {
+    classes.push(`${className}--rangeEnd`);
+  }
+
+  if (isRangeStart && isRangeEnd) {
+    classes.push(`${className}--rangeBothEnds`);
+  }
+
   if (isValueWithinRange(now, dateRange)) {
@@ -100,0 +117,0 @@ classes.push(`${className}--now`);

No alert changes

Improved metrics

Total package byte prevSize

322517

increased by0.33%

Lines of code

8011

increased by0.33%

Number of lines in readme file

158

increased by1.28%

No dependency changes