ITOM-100858

. eslintignore

@@ -1,3 +1,4 @@
 /node_modules/*
 /lib/*
 /dist/*
+**/*.snap

.vscode/settings.json

@@ -1,6 +1,8 @@
 {
   "prettier.eslintIntegration": true,
   "eslint.enable": true,
-  "eslint.autoFixOnSave": true,
-  "editor.tabSize": 2
-}
+  "editor.tabSize": 2,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  }
+}

CHANGELOG.md

@@ -114,6 +114,7 @@ Momentjs: `moment(dateString).toDate()`
 - `specialDays` prop removed.
 
 ### Added
+- `disabledDates` prop: It's a set of disabled dates.
 - `DefinedRanges` component: It's a set of date presets. Receives `inputRanges`, `staticRanges` for setting date ranges.
 - `DateRangePicker` component. It's combined version of `DateRange` with `DefinedRanges` component.
 - Date range selection by drag.

CONTRIBUTING.md

@@ -10,13 +10,13 @@ Make sure your issue or feature doesn't have any related issue at [react-date-ra
 
 3. Run `yarn` to install the dependencies.
 
-4. Run `yarn dev` to start development server.
+4. Run `yarn run dev` to start development server.
 
 ## Building
 
-. Run `run test` and `run lint` for make sure tests passes and linter doesn't throw any error.
+. Run `yarn run test` and `yarn run lint` for make sure tests passes and linter doesn't throw any error.
 
-. Run `yarn build` compile the library and demo source.
+. Run `yarn run build` compile the library and demo source.
 
 . Push your changes and create a PR and apply code review decisions.
 

README.md

@@ -109,6 +109,7 @@ shownDate                            | Date      |                  | initial fo
 minDate                              | Date      |                  | defines minimum date. Disabled earlier dates
 maxDate                              | Date      |                  | defines maximum date. Disabled later dates
 direction                            | String    | 'vertical'       | direction of calendar months. can be `vertical` or `horizontal`
+disabledDates                        | Date[]    | []               | dates that are disabled
 scroll                       				 | Object    | { enabled: false }| infinite scroll behaviour configuration. Check out [Infinite Scroll](#infinite-scrolled-mode) section
 showMonthArrow                       | Boolean   | true             | show/hide month arrow button
 navigatorRenderer                    | Func      |                  | renderer for focused date navigation area. fn(currentFocusedDate: Date, changeShownDate: func, props: object)
@@ -128,6 +129,7 @@ showPreview(DateRange)               | bool      | true             | visibility
 dragSelectionEnabled(Calendar)       | bool      | true             | whether dates can be selected via drag n drop
 onPreviewChange(DateRange)           | Object    |                  | Callback function for preview changes
 dateDisplayFormat(DateRange)         | String    | `MMM D, YYYY`    | selected range preview formatter. Check out [date-fns's format option](https://date-fns.org/v2.0.0-alpha.7/docs/format)
+renderStaticRangeLabel(`DefinedRange`)| Function  |                  | Callback function to be triggered for the static range configurations that have `hasCustomRendering: true` on them. Instead of rendering `staticRange.label`, return value of this callback will be rendered.
 staticRanges(`DefinedRange`, `DateRangePicker`) | Array   | [default preDefined ranges](https://github.com/Adphorus/react-date-range/blob/master/src/defaultRanges.js)             | -
 inputRanges(`DefinedRange`, `DateRangePicker`) | Array   | [default input ranges](https://github.com/Adphorus/react-date-range/blob/master/src/defaultRanges.js)             | -