Update DefinedRange examples

Author: onurkerimov

src/components/DefinedRange/README.md

@@ -1,4 +1,22 @@
-#### Example: Defined Date Ranges
+#### Example: Default Labels
+
+```jsx inside Markdown
+import { useState } from 'react';
+
+const [state, setState] = useState([
+  {
+    startDate: new Date(),
+    endDate: null,
+    key: 'selection'
+  }
+]);
+
+<DefinedRange
+  onChange={item => setState([item.selection])}
+  ranges={state}
+/>;
+```
+#### Example: Custom range labels
 
 ```jsx inside Markdown
 import { useState } from 'react';

src/components/DefinedRange/index.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mount, shallow } from 'enzyme';
 
-import DefinedRange from'../DefinedRange';
+import DefinedRange from '../DefinedRange';
 import { isSameDay } from 'date-fns';
 
 describe('DefinedRange tests', () => {