Update README

Update JS component

Author: NuclleaR

README.md

@@ -57,20 +57,18 @@ import Calendar from 'react-native-material-calendarview';
         style={{alignSelf: 'center'}}
         topbarVisible={true}
         datesSelection={'single'}
-        arrowColor="#DAFACD"
         firstDayOfWeek="monday"
+        showOtherDates="none"
         currentDate={this.state.today}
-        selectionColor="#FF3430"
         selectedDates={this.state.dates}
-        weekendsDecorator={true}
         eventsDates={["2016/11/20", "2016/11/29"]}
-        onDateChange={
-          (data) => {
-            this.setState({
-              dates: [data.date]
-            })
-          }
-        }
+        eventsColor="#9C27B0"
+        onDateChange={data => {
+            console.log(data);
+        }}
+        onMonthChange={month => {
+            console.log(month);
+        }}
       />
     )
   }
@@ -127,13 +125,23 @@ import Calendar from 'react-native-material-calendarview';
 * Set date
   - *String* **currentDate** (format 'yyyy/mm/dd')
   Set the focus of the calendar.
+
+  - *Array[String]* **selectedDates**
+  Set selected dates to the calendar.
+
+  - *Array[String]* **eventsDates**
+  Set events dates to the calendar.
 
 * Color customizations
   - *String* **selectionColor** (format #RRGGBB of #AARRGGBB)
   Set the color of the selection circle.
+ 
   - *String* **weekendsColor** (format #RRGGBB of #AARRGGBB)
   Set the color of the weekend.
 
+  - *String* **eventsColor** (format #RRGGBB of #AARRGGBB)
+  Set the color of the events.
+
 ## Event
 
 - onDateChange

src/RCTMaterialCalendarView.js

@@ -54,37 +54,76 @@ var FIRST_DAY_OF_WEEK = [
 ];
 
 var SHOWING_DATE = [
-  'default',
-  'none',
   'all',
-  'decoratedDisabled',
+  'none'
 ];
 
 var SELECTION_MODES = [
   'none',
-  'single',
   'range',
-  'multiple',
+  'single',
+  'multiple'
 ];
 
+const colorType = function (props, propName, componentName, ...rest) {
+  var checker = function () {
+    var color = props[propName];
+    var regex = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
+    if (color && !regex.test(color)) {
+      return new Error('Only accept color formats: #RRGGBB and #AARRGGBB');
+    }
+  };
+  return PropTypes.string(props, propName, componentName, ...rest) || checker();
+};
+
+const ColorValidator = function (props, propName, componentName, ...rest) {
+  var checker = function () {
+    var color = props[propName];
+    var regex = /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/;
+    if (color && !regex.test(color)) {
+      return new Error('Color accept formats: #RRGGBB and #AARRGGBB');
+    }
+  };
+  return PropTypes.string(props, propName, componentName, ...rest) || checker();
+};
+
+const DatesValidator = function (props, propName, componentName, ...rest) {
+  console.log('DatesValidator');
+  var checker = function () {
+    var date = props[propName];
+    var regex = /^(19|20)\d\d[/](0[1-9]|1[012])[/](0[1-9]|[12][0-9]|3[01])/;
+    if (date && !regex.test(date)) {
+      return new Error('Date should be: YYYY/MM/DD');
+    }
+  };
+  return PropTypes.string(props, propName, componentName, ...rest) || checker();
+};
 
 ReactMaterialCalendarView.propTypes = {
   ...View.propTypes,
   width: PropTypes.number.isRequired,
   height: PropTypes.number,
+  // Tile size
   tileWidth: PropTypes.number,
   tileHeight: PropTypes.number,
   tileSize: PropTypes.number,
+  // Toolbar options
   topbarVisible: PropTypes.bool,
-  arrowColor: PropTypes.string,
+  arrowColor: ColorValidator,
+  // Calendar config
   firstDayOfWeek: PropTypes.oneOf(FIRST_DAY_OF_WEEK),
-  minimumDate: PropTypes.string,
-  maximumDate: PropTypes.string,
+  minimumDate: DatesValidator,
+  maximumDate: DatesValidator,
   datesSelection: PropTypes.oneOf(SELECTION_MODES),
   showOtherDates: PropTypes.oneOf(SHOWING_DATE),
-  currentDate: PropTypes.string,
-  onDateChange: PropTypes.func,
-  onMonthChange: PropTypes.func,
+  // Set date
+  currentDate: DatesValidator,
+  selectedDates: PropTypes.arrayOf(DatesValidator),
+  eventsDates: PropTypes.arrayOf(DatesValidator),
+  // Color customizations
+  selectionColor: ColorValidator,
+  weekendsColor: ColorValidator,
+  eventsColor: ColorValidator,
 };
 
 ReactMaterialCalendarView.defaultProps = {