Add examples with disabled prop and readOnly to storybook

Author: b0gok

stories/DateRangePicker_input.js

@@ -48,6 +48,20 @@ storiesOf('DRP - Input Props', module)
       initialEndDate={moment().add(3, 'months').add(10, 'days')}
     />
   ))
+  .addWithInfo('disabled', () => (
+    <DateRangePickerWrapper
+      initialStartDate={moment().add(3, 'months')}
+      initialEndDate={moment().add(3, 'months').add(10, 'days')}
+      disabled
+    />
+  ))
+  .addWithInfo('readOnly', () => (
+    <DateRangePickerWrapper
+      initialStartDate={moment().add(3, 'months')}
+      initialEndDate={moment().add(3, 'months').add(10, 'days')}
+      readOnly
+    />
+  ))
   .addWithInfo('with clear dates button', () => (
     <DateRangePickerWrapper
       initialStartDate={moment().add(3, 'days')}

stories/SingleDatePicker_input.js

@@ -10,6 +10,18 @@ storiesOf('SDP - Input Props', module)
       initialDate={moment().add(3, 'days')}
     />
   ))
+  .addWithInfo('disabled', () => (
+    <SingleDatePickerWrapper
+      initialDate={moment().add(3, 'days')}
+      disabled
+    />
+  ))
+  .addWithInfo('readOnly', () => (
+    <SingleDatePickerWrapper
+      initialDate={moment().add(3, 'days')}
+      readOnly
+    />
+  ))
   .addWithInfo('with clear dates button', () => (
     <SingleDatePickerWrapper
       initialDate={moment().add(3, 'days')}