Added some extra options (#52)

* Code cleanup

* Implemented a button for 'Today'

* Implemented `CustomControl`

* Added documentation in `README.md`

* Build `DatePicker`

* Removed `console.log`

* Added some padding for today-button

* Remove `.bind(this)`

* Added a `npm run lint` command

* Added className for today-button

* Added test for new functions

Author: hoest

.eslintrc

@@ -0,0 +1,47 @@
+{
+  "root": true,
+  "ecmaFeatures": {
+    "jsx": true,
+    "modules": true
+  },
+  "parserOptions": {
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true,
+      "modules": true,
+    }
+  },
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true,
+    "jest": true,
+  },
+  "parser": "babel-eslint",
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended"
+  ],
+  "plugins": ["react"],
+  "rules": {
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "jsx-quotes": ["error", "prefer-double"],
+    "keyword-spacing": ["error", { "after": true }],
+    "no-console": "warn",
+    "no-const-assign": "error",
+    "no-duplicate-imports": "error",
+    "no-trailing-spaces": "error",
+    "no-unused-vars": "warn",
+    "no-use-before-define": "error",
+    "no-useless-concat": "error",
+    "no-var": "error",
+    "prefer-const": "error",
+    "prefer-template": "error",
+    "quotes": ["error", "single"],
+    "radix": ["error", "always"],
+    "semi": ["error", "always"],
+    "template-curly-spacing": ["error", "never"],
+    "react/no-find-dom-node": ["off"]
+  }
+}

README.md

@@ -165,6 +165,18 @@ DatePicker component. Renders as a [React-Bootstrap InputGroup](https://react-bo
     * **Optional**
     * **Type:** `boolean`
     * **Example:** `true`
+  * `showTodayButton` - Toggles the visibility of the today-button.
+    * **Optional**
+    * **Type:** `boolean`
+    * **Example:** `false`
+  * `todayButtonLabel` - Label for the today-button
+    * **Optional**
+    * **Type:** `string`
+    * **Example:** `"Today"`
+  * `customControl` - Overwrite the default `FormControl` component with your own component.
+    * **Optional**
+    * **Type:** `React.Component`
+    * **Example:** `<CustomControl />`
 
 * **Methods:**
 

example/app.jsx

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import Grid from "react-bootstrap/lib/Grid";
 import Row from "react-bootstrap/lib/Row";
 import Col from "react-bootstrap/lib/Col";
-import { Navbar } from "react-bootstrap";
+import { Navbar, Button } from "react-bootstrap";
 import Nav from "react-bootstrap/lib/Nav";
 import NavItem from "react-bootstrap/lib/NavItem";
 import DatePicker from "../src/index.jsx";
@@ -310,10 +310,36 @@ const App = React.createClass({
           </FormGroup>
         </Col>
       </Row>
+      <Row>
+        <Col sm={6}>
+          <FormGroup bsSize="large">
+            <ControlLabel>Show today button</ControlLabel>
+            <DatePicker showTodayButton />
+          </FormGroup>
+        </Col>
+        <Col sm={6}>
+          <FormGroup bsSize="large">
+            <ControlLabel>Use custom control</ControlLabel>
+            <DatePicker customControl={<CustomControl />} />
+          </FormGroup>
+        </Col>
+      </Row>
     </Grid>;
   }
 });
 
-ReactDOM.render(<App />, document.getElementById('react'));
+const CustomControl = React.createClass({
+  displayName: 'CustomControl',
+
+  render() {
+    const {
+      value,
+      placeholder,
+      ...rest,
+    } = this.props;
 
+    return <Button {...rest}>{value || placeholder}</Button>;
+  },
+});
 
+ReactDOM.render(<App />, document.getElementById('react'));