prevent warnings and resolve inner modules relatively

Author: mkg0

demo/src/components/Main.js

@@ -1,12 +1,11 @@
 import React, { Component } from 'react';
 import moment from 'moment';
-import { defaultRanges, Calendar, DateRange } from '../../../lib';
-import Section from 'components/Section';
+import { defaultRanges, Calendar, DateRange } from '../../../src';
+import Section from './Section';
 
 import 'normalize.css';
-import 'styles/global'
-import styles from 'styles/main';
-import '../../../src/styles.scss'
+import '../styles/global.css'
+import styles from '../styles/main.css';
 
 export default class Main extends Component {
   constructor(props, context) {
@@ -41,12 +40,12 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ rangePicker['startDate'] && rangePicker['startDate'].format(format).toString() }
+              value={ rangePicker['startDate'] && rangePicker['startDate'].format(format).toString() || ''}
             />
             <input
               type='text'
               readOnly
-              value={ rangePicker['endDate'] && rangePicker['endDate'].format(format).toString() }
+              value={ rangePicker['endDate'] && rangePicker['endDate'].format(format).toString() || ''}
             />
           </div>
 
@@ -65,12 +64,12 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ linked['startDate'] && linked['startDate'].format(format).toString() }
+              value={ linked['startDate'] && linked['startDate'].format(format).toString() || ''}
             />
             <input
               type='text'
               readOnly
-              value={ linked['endDate'] && linked['endDate'].format(format).toString() }
+              value={ linked['endDate'] && linked['endDate'].format(format).toString() || ''}
             />
           </div>
           <DateRange
@@ -91,7 +90,7 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ datePicker && datePicker.format(format).toString() }
+              value={ datePicker && datePicker.format(format).toString() || ''}
             />
           </div>
           <Calendar
@@ -106,7 +105,7 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ datePicker && datePicker.format(format).toString() }
+              value={ datePicker && datePicker.format(format).toString() || '' }
             />
           </div>
           <Calendar
@@ -123,7 +122,7 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ firstDayOfWeek && firstDayOfWeek.format(format).toString() }
+              value={ firstDayOfWeek && firstDayOfWeek.format(format).toString() || '' }
             />
           </div>
           <Calendar
@@ -139,12 +138,12 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ predefined['startDate'] && predefined['startDate'].format(format).toString() }
+              value={ predefined['startDate'] && predefined['startDate'].format(format).toString() || '' }
             />
             <input
               type='text'
               readOnly
-              value={ predefined['endDate'] && predefined['endDate'].format(format).toString() }
+              value={ predefined['endDate'] && predefined['endDate'].format(format).toString() || '' }
             />
           </div>
           <DateRange
@@ -217,12 +216,12 @@ export default class Main extends Component {
             <input
               type='text'
               readOnly
-              value={ rangePicker['startDate'] && rangePicker['startDate'].format(format).toString() }
+              value={ rangePicker['startDate'] && rangePicker['startDate'].format(format).toString() || '' }
             />
             <input
               type='text'
               readOnly
-              value={ rangePicker['endDate'] && rangePicker['endDate'].format(format).toString() }
+              value={ rangePicker['endDate'] && rangePicker['endDate'].format(format).toString() || '' }
             />
           </div>
           <div className={styles['Mobile-Container']}>

demo/src/components/Section.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import styles from 'styles/main';
+import styles from '../styles/main.css';
 
 export default class Section extends Component {
   render() {

demo/src/main.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import ReactDom from 'react-dom';
-import Main from 'components/Main';
+import Main from './components/Main';
 
 ReactDom.render(<Main />, document.getElementById('root'));

src/DateRange.js

@@ -168,7 +168,7 @@ class DateRange extends Component {
 }
 
 DateRange.defaultProps = {
-  linkedCalendars : false,
+  linkedCalendars : true,
   theme           : {},
   format          : 'DD/MM/YYYY',
   calendars       : 2,