{"action":"opened","issue":{"url":"https://api.github.com/repos/LevInteractive/react-serial-forms/issues/28","repository_url":"https://api.github.com/repos/LevInteractive/react-serial-forms","labels_url":"https://api.github.com/repos/LevInteractive/react-serial-forms/issues/28/labels{/name}","comments_url":"https://api.github.com/repos/LevInteractive/react-serial-forms/issues/28/comments","events_url":"https://api.github.com/repos/LevInteractive/react-serial-forms/issues/28/events","html_url":"https://github.com/LevInteractive/react-serial-forms/issues/28","id":151066406,"number":28,"title":"Wrapping react components","user":{"login":"enyachoke","id":1908926,"avatar_url":"https://avatars.githubusercontent.com/u/1908926?v=3","gravatar_id":"","url":"https://api.github.com/users/enyachoke","html_url":"https://github.com/enyachoke","followers_url":"https://api.github.com/users/enyachoke/followers","following_url":"https://api.github.com/users/enyachoke/following{/other_user}","gists_url":"https://api.github.com/users/enyachoke/gists{/gist_id}","starred_url":"https://api.github.com/users/enyachoke/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/enyachoke/subscriptions","organizations_url":"https://api.github.com/users/enyachoke/orgs","repos_url":"https://api.github.com/users/enyachoke/repos","events_url":"https://api.github.com/users/enyachoke/events{/privacy}","received_events_url":"https://api.github.com/users/enyachoke/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-26T07:46:32Z","updated_at":"2016-04-26T07:46:32Z","closed_at":null,"body":"Am currently trying out react-serial-forms for a json-based form rendering component to replace an angular implementation (https://github.com/AMPATH/openmrs-angularFormentry.git) used in https://github.com/AMPATH/ng-amrs which has run into crippling performance issues components https://github.com/enyachoke/React-FormEntry. So far the rendering is super fast but I have run into a small issue extending the datetimepicker from https://jquense.github.io/react-widgets/docs/#/datetime-picker. It seems to work okay and the value in serialized object gets updated as expected but the required validation fails for some reason. Any ideas will really be appreciated am sure am missing something.All the other widgets work great. Keep up the good work.\r\n```Javascript\r\nimport React from 'react';\r\nimport {InputBase} from 'react-serial-forms';\r\nimport 'react-widgets/lib/less/react-widgets.less'\r\nimport DateTimePicker from 'react-widgets/lib/DateTimePicker'\r\nimport Moment from 'moment'\r\nimport momentLocalizer from 'react-widgets/lib/localizers/moment'\r\nmomentLocalizer(Moment)\r\n\r\nexport default class DateField extends InputBase {\r\n  constructor(props) {\r\n    super(props);\r\n  }\r\n  onChange(event) {\r\n      this.updateValue(new Date(event));\r\n      if (typeof this.props.onChange === 'function') {\r\n        this.props.onChange(new Date(event));\r\n      }\r\n  }\r\n  render() {\r\n    let errMessage = <span />;\r\n    const attrs = this.attrs();\r\n\r\n    if (attrs.className) {\r\n      attrs.className += ` ${this.getClassName()}`;\r\n    } else {\r\n      attrs.className = this.getClassName();\r\n    }\r\n\r\n    if (this.state.error) {\r\n      console.log(this.state.error);\r\n      errMessage = (\r\n        <span className='err-msg'>\r\n          {this.state.error.message}\r\n        </span>\r\n      );}\r\n    return (\r\n      <div>\r\n        <DateTimePicker {...attrs}/>\r\n        {errMessage}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n```"}}