Merge pull request #16 from almogtavor/dev

npm-publish-ready version

Author: almogtavor

README.md

@@ -49,3 +49,9 @@ pickMethod                        | String    | `date`, `range`, `ranges` | `ran
 defaultColor                        | String    | any color format item | `#2196f3` | default component's color. becomes the first option on colors palette.
 daysAmountTab                        | String    | `enabled`, `disabled` | `disabled` | by enabling, there will be a button on the left that you can open and choose prepared range, or days amount up to today.
 boardsNum                        | int  | 1, 2 | 2 | by specifing you can choose the component's boards number.
+
+### Future Plans:
+  * Add simple and intuitive time picker option (by list\ or visual clock\ both).
+  * Tooltips for buttons explanation (for example on select all button).
+  * On non-component-screen click, close component.
+  * Go back button on non-dates mode (or on all modes for previous). When the user is in month's or year's mode, add an option to return to dates mode without choosing any value.

package.json

@@ -1,7 +1,8 @@
 {
-  "name": "date-range-picker",
-  "version": "0.1.0",
-  "private": true,
+  "name": "dates-picker",
+  "version": "1.0.1",
+  "description": "⚛️📆 Flexible React date range picker calendar with no dependencies.",
+  "private": false,
   "homepage": "https://almogtavor.github.io/date-range-picker/",
   "dependencies": {
     "react": "^16.12.0",

src/App.css

@@ -1,7 +1,7 @@
 .App {
   user-select: none;
   display: flex;
-  margin-bottom: 350px;
+  min-width: 600px;
   justify-content: center;
   position: relative;
 }

src/index.css

@@ -4,11 +4,12 @@ body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-    /* background-size: 600% 100%;
-    animation: gradient 45s linear infinite;
-    animation-direction: alternate; */
+  sans-serif;
+  /* background-size: 600% 100%;
+  animation: gradient 45s linear infinite;
+  animation-direction: alternate; */
 }
+
 @keyframes gradient {
     0% {background-position: 0%}
     100% {background-position: 100%}