fix: #59 prevent selecting disabled values

src/pickers/MonthPicker.tsx

@@ -101,6 +101,11 @@ class MonthPicker
   }
 
   protected getInitialDatePosition(): number {
+    const selectable = this.getSelectableCellPositions();
+    if (selectable.indexOf(this.state.date.month()) < 0) {
+      return selectable[0];
+    }
+
     return this.state.date.month();
   }
 

src/pickers/YearPicker.tsx

@@ -90,7 +90,14 @@ class YearPicker extends SingleSelectionPicker<YearPickerProps> {
   }
 
   protected getInitialDatePosition(): number {
-    return this.buildCalendarValues().indexOf(this.state.date.year().toString());
+    const selectable = this.getSelectableCellPositions();
+    const values = this.buildCalendarValues();
+    const currentYearIndex = values.indexOf(this.state.date.year().toString());
+    if (selectable.indexOf(currentYearIndex) < 0) {
+      return selectable[0];
+    }
+
+    return currentYearIndex;
   }
 
   protected getActiveCellPosition(): number {

src/pickers/dayPicker/DatesRangePicker.tsx

@@ -17,6 +17,7 @@ import {
   buildDays,
   getDefaultEnabledDayPositions,
   getDisabledDays,
+  getInitialDatePosition,
   isNextPageAvailable,
   isPrevPageAvailable,
 } from './sharedFunctions';
@@ -102,7 +103,9 @@ class DatesRangePicker
   }
 
   protected getInitialDatePosition(): number {
-    return this.buildCalendarValues().indexOf(this.state.date.date().toString());
+    return getInitialDatePosition(this.state.date.date().toString(),
+                                  this.buildCalendarValues(),
+                                  this.getSelectableCellPositions());
   }
 
   // TODO: too complicated method

src/pickers/dayPicker/DayPicker.tsx

@@ -15,6 +15,7 @@ import {
 import {
   buildDays,
   getDisabledDays,
+  getInitialDatePosition,
   isNextPageAvailable,
   isPrevPageAvailable,
 } from './sharedFunctions';
@@ -101,7 +102,9 @@ class DayPicker
   }
 
   protected getInitialDatePosition(): number {
-    return this.buildCalendarValues().indexOf(this.state.date.date().toString());
+    return getInitialDatePosition(this.state.date.date().toString(),
+                                  this.buildCalendarValues(),
+                                  this.getSelectableCellPositions());
   }
 
   protected getActiveCellPosition(): number {

src/pickers/dayPicker/sharedFunctions.ts

@@ -149,3 +149,19 @@ export const testExport = {
   getDaysArray,
   getDefaultEnabledDayPositions,
 };
+
+export function getInitialDatePosition(initDate: string,
+                                       values: string[],
+                                       selectablePositions: number[]): number {
+const selectable = selectablePositions.reduce((acc, pos) => {
+acc.push({ value: values[pos], position: pos });
+
+return acc;
+}, []);
+const res = _.find(selectable, (item) => item.value === initDate);
+if (res) {
+return res.position;
+}
+
+return selectable[0].position;
+}

src/pickers/timePicker/HourPicker.tsx

@@ -110,7 +110,12 @@ class HourPicker
   }
 
   protected getInitialDatePosition(): number {
-    return 0;
+    const selectable = this.getSelectableCellPositions();
+    if (selectable.indexOf(this.state.date.hour()) < 0) {
+      return selectable[0];
+    }
+
+    return this.state.date.hour();
   }
 
   protected getActiveCellPosition(): number {

src/pickers/timePicker/MinutePicker.tsx

@@ -113,7 +113,10 @@ class MinutePicker
   }
 
   protected getInitialDatePosition(): number {
-    return 0;
+    const selectable = this.getSelectableCellPositions();
+    if (selectable.indexOf(this.state.date.hour()) < 0) {
+      return selectable[0];
+    }
   }
 
   protected getDisabledPositions(): number[] {