{"action":"created","issue":{"url":"https://api.github.com/repos/Hacker0x01/react-datepicker/issues/484","repository_url":"https://api.github.com/repos/Hacker0x01/react-datepicker","labels_url":"https://api.github.com/repos/Hacker0x01/react-datepicker/issues/484/labels{/name}","comments_url":"https://api.github.com/repos/Hacker0x01/react-datepicker/issues/484/comments","events_url":"https://api.github.com/repos/Hacker0x01/react-datepicker/issues/484/events","html_url":"https://github.com/Hacker0x01/react-datepicker/issues/484","id":154598057,"number":484,"title":"Bootstrap input-group CSS alignment","user":{"login":"adamellsworth","id":7034617,"avatar_url":"https://avatars.githubusercontent.com/u/7034617?v=3","gravatar_id":"","url":"https://api.github.com/users/adamellsworth","html_url":"https://github.com/adamellsworth","followers_url":"https://api.github.com/users/adamellsworth/followers","following_url":"https://api.github.com/users/adamellsworth/following{/other_user}","gists_url":"https://api.github.com/users/adamellsworth/gists{/gist_id}","starred_url":"https://api.github.com/users/adamellsworth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adamellsworth/subscriptions","organizations_url":"https://api.github.com/users/adamellsworth/orgs","repos_url":"https://api.github.com/users/adamellsworth/repos","events_url":"https://api.github.com/users/adamellsworth/events{/privacy}","received_events_url":"https://api.github.com/users/adamellsworth/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-05-12T22:45:38Z","updated_at":"2016-05-16T18:23:10Z","closed_at":null,"body":"v.0.27.0\r\nReact v.15.0.1\r\n\r\n---\r\n\r\nI'm including the styles as noted in the docs (`require('react-datepicker/dist/react-datepicker.css');`)\r\n\r\nThere is a considerable disparity between the addon and the input style/alignment:\r\n\r\n![screen shot 2016-05-12 at 3 42 50 pm](https://cloud.githubusercontent.com/assets/7034617/15232782/6b0b8286-1858-11e6-9e94-7ba466b76323.png)\r\n\r\n__markup:__\r\n```javascript\r\n<div className=\"input-group\">\r\n    <span className=\"input-group-addon\">\r\n        <i className=\"fa fa-calendar\"></i>\r\n    </span>\r\n    <DatePicker\r\n        selected={this.state.startDate}\r\n        onChange={this.handleDateChange.bind(null, 'startDate')}\r\n        placeholderText=\"Start Date &hellip;\"\r\n        className=\"form-control\"/>\r\n</div>\r\n```"},"comment":{"url":"https://api.github.com/repos/Hacker0x01/react-datepicker/issues/comments/219503946","html_url":"https://github.com/Hacker0x01/react-datepicker/issues/484#issuecomment-219503946","issue_url":"https://api.github.com/repos/Hacker0x01/react-datepicker/issues/484","id":219503946,"user":{"login":"rafeememon","id":1829450,"avatar_url":"https://avatars.githubusercontent.com/u/1829450?v=3","gravatar_id":"","url":"https://api.github.com/users/rafeememon","html_url":"https://github.com/rafeememon","followers_url":"https://api.github.com/users/rafeememon/followers","following_url":"https://api.github.com/users/rafeememon/following{/other_user}","gists_url":"https://api.github.com/users/rafeememon/gists{/gist_id}","starred_url":"https://api.github.com/users/rafeememon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rafeememon/subscriptions","organizations_url":"https://api.github.com/users/rafeememon/orgs","repos_url":"https://api.github.com/users/rafeememon/repos","events_url":"https://api.github.com/users/rafeememon/events{/privacy}","received_events_url":"https://api.github.com/users/rafeememon/received_events","type":"User","site_admin":false},"created_at":"2016-05-16T18:23:10Z","updated_at":"2016-05-16T18:23:10Z","body":"I believe this is because the top-level element of the `DatePicker` [isn't an `<input>`, it's a `<div>`](https://github.com/Hacker0x01/react-datepicker/blob/v0.27.0/src/datepicker.jsx#L198).  The only thing preventing us from changing it to an input right now is support for the clear button; however, supporting it in its current form is pretty restricting (because of cases like this issue), and it's not too difficult to implement outside of this library.  @martijnrusschen do you have any thoughts here?"}}