@atefbena/react-date-range - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

package.json

 {
   "name": "@atefbena/react-date-range",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A React component for choosing dates and date ranges.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -1,6 +0,6 @@
-# react-date-range
-[![npm](https://img.shields.io/npm/v/react-date-range)](https://www.npmjs.com/package/react-date-range)
-[![npm](https://img.shields.io/npm/l/react-date-range)]()
-[![npm](https://img.shields.io/npm/dw/react-date-range)](https://www.npmjs.com/package/react-date-range)
-[![sponsors](https://img.shields.io/github/sponsors/hypeserver)](https://github.com/sponsors/hypeserver)
+# @atefbena/react-date-range 
+### A fork of the great `react-date-range` package 
+[![npm](https://img.shields.io/npm/v/react-date-range)](https://www.npmjs.com/package/@atefbena/react-date-range)
+[![npm](https://img.shields.io/npm/l/@atefbena/react-date-range)]()
+[![npm](https://img.shields.io/npm/dw/react-date-range)](https://www.npmjs.com/package/@atefbena/react-date-range)
 
@@ -10,3 +10,3 @@
 
-### Why should you use `react-date-range`?
+### Why should you use `@atefbena/react-date-range`?
 
@@ -22,5 +22,3 @@ - Stateless date operations
 
-![](https://raw.githubusercontent.com/hypeserver/react-date-range/master/demo/ss.png)
 
-
 ## Getting Started
@@ -30,3 +28,3 @@ ### Installation
 ```
-npm install --save react-date-range
+yarn add @atefbena/react-date-range
 ```
@@ -36,3 +34,3 @@ This plugin expects `react` and `date-fns` as peerDependencies, It means that you need to install them in your project folder.
 ```
-npm install --save react date-fns
+yarn add react date-fns
 ```
@@ -45,4 +43,4 @@
 ```javascript
-import 'react-date-range/dist/styles.css'; // main style file
-import 'react-date-range/dist/theme/default.css'; // theme css file
+import '@atefbena/react-date-range/dist/styles.css'; // main style file
+import '@atefbena/react-date-range/dist/theme/default.css'; // theme css file
 ```
@@ -52,3 +50,3 @@
 ```javascript
-import { Calendar } from 'react-date-range';
+import { Calendar } from '@atefbena/react-date-range';
 
@@ -72,3 +70,3 @@ function MyComponent() {
 ```javascript
-import { DateRangePicker } from 'react-date-range';
+import { DateRangePicker } from '@atefbena/react-date-range';
 
@@ -82,2 +80,3 @@ function MyComponent() {
     //     endDate: [native Date Object],
+    //     label: [string] // selected range label 
     //   }
@@ -97,3 +96,3 @@ // }
       ranges={[selectionRange]}
-      onChange={this.handleSelect}
+      onChange={handleSelect}
     />
@@ -100,0 +99,0 @@ )

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

Worsened metrics

Total package byte prevSize

293885

Number of lines in readme file

208

decreased by-0.48%

No dependency changes