{"action":"created","issue":{"url":"https://api.github.com/repos/mxenabled/mx-react-components/issues/122","labels_url":"https://api.github.com/repos/mxenabled/mx-react-components/issues/122/labels{/name}","comments_url":"https://api.github.com/repos/mxenabled/mx-react-components/issues/122/comments","events_url":"https://api.github.com/repos/mxenabled/mx-react-components/issues/122/events","html_url":"https://github.com/mxenabled/mx-react-components/pull/122","id":119601972,"number":122,"title":"New Component DatePickerFullScreen","user":{"login":"cerinman","id":6463914,"avatar_url":"https://avatars.githubusercontent.com/u/6463914?v=3","gravatar_id":"","url":"https://api.github.com/users/cerinman","html_url":"https://github.com/cerinman","followers_url":"https://api.github.com/users/cerinman/followers","following_url":"https://api.github.com/users/cerinman/following{/other_user}","gists_url":"https://api.github.com/users/cerinman/gists{/gist_id}","starred_url":"https://api.github.com/users/cerinman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cerinman/subscriptions","organizations_url":"https://api.github.com/users/cerinman/orgs","repos_url":"https://api.github.com/users/cerinman/repos","events_url":"https://api.github.com/users/cerinman/events{/privacy}","received_events_url":"https://api.github.com/users/cerinman/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-30T23:06:28Z","updated_at":"2015-12-01T16:14:11Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/mxenabled/mx-react-components/pulls/122","html_url":"https://github.com/mxenabled/mx-react-components/pull/122","diff_url":"https://github.com/mxenabled/mx-react-components/pull/122.diff","patch_url":"https://github.com/mxenabled/mx-react-components/pull/122.patch"},"body":"@mxenabled/frontend-engineers \r\n\r\nThis PR adds a new component.  DatePickerFullScreen.\r\n\r\nThis component is a copy of the DatePicker component but the calendar is now a full screen scrim that covers it's parent element.\r\n\r\n![screen shot 2015-11-30 at 3 41 59 pm](https://cloud.githubusercontent.com/assets/6463914/11486966/882e54c0-9779-11e5-97e3-a2c0f4180074.png)\r\n![screen shot 2015-11-30 at 3 42 16 pm](https://cloud.githubusercontent.com/assets/6463914/11486965/882c02a6-9779-11e5-96f9-53f000118644.png)\r\n\r\n\r\nProps:\r\n\r\n- isFixed Type(boolean) - Default(False): Used to determine if the calendar scrim is positioned fixed or absolute.\r\n- caretWrapperStyle Type(object): Used to style the caret icon on the selected date.\r\n- closeOnDateSelect Type(boolean) - Default(False): Determines if the calendar scrim is closed on date select or not.\r\n- defaultDate Type(number): Unix time stamp. The default date for the calendar and selected date.\r\n- format Type(string) - Default('MMM D, YYYY'): The format for the selected date.\r\n- inputStyle Type(object): Used to style the selected date input.\r\n- locale Type(string) - Default('en'): Used for time zone offset when formatting dates.\r\n- minimumDate Type(number): Unix time stamp. Sets the earliest date which a user can select.\r\n- onDateSelect Type(function): A supplied call back function that fires on date select and returns the selected date.\r\n- placeholderText Type(string): The place holder text for the selected date input field.\r\n- placeholderTextStyle Type(object): Used to style the place holder text.\r\n- selectedDateWrapperStyle Type(object): Used to style the selected date div wrapping element.\r\n- showCaret Type(boolean) - Default(true): Determines if the caret icon is shown on the selected date.\r\n- showDayBorders Type(boolean) - Default(false): Determines if the calendar dates have borders or not.\r\n- style Type(object): Used to style component.\r\n- title Type(string) - Default('Select A Date'): The title placed above the calendar.\r\n- useInputForSelectedDate Type(boolean) - Default(true): Determines if the selected date is rendered as plain text or placed in an input field.\r\n\r\nClasses:\r\n\r\n- mx-date-picker-full-screen: Used to style component.\r\n- mx-date-picker-full-screen-selected-date: Used to style the selected date.\r\n- mx-date-picker-full-screen-calendar-scrim: Used to style the calendar scrim.\r\n- mx-date-picker-full-screen-calendar-wrapper: Used to style the div wrapping the calendar.\r\n- mx-date-picker-full-screen-calendar-header: Used to style the calendar header.\r\n"},"comment":{"url":"https://api.github.com/repos/mxenabled/mx-react-components/issues/comments/161016801","html_url":"https://github.com/mxenabled/mx-react-components/pull/122#issuecomment-161016801","issue_url":"https://api.github.com/repos/mxenabled/mx-react-components/issues/122","id":161016801,"user":{"login":"bsbeeks","id":714084,"avatar_url":"https://avatars.githubusercontent.com/u/714084?v=3","gravatar_id":"","url":"https://api.github.com/users/bsbeeks","html_url":"https://github.com/bsbeeks","followers_url":"https://api.github.com/users/bsbeeks/followers","following_url":"https://api.github.com/users/bsbeeks/following{/other_user}","gists_url":"https://api.github.com/users/bsbeeks/gists{/gist_id}","starred_url":"https://api.github.com/users/bsbeeks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bsbeeks/subscriptions","organizations_url":"https://api.github.com/users/bsbeeks/orgs","repos_url":"https://api.github.com/users/bsbeeks/repos","events_url":"https://api.github.com/users/bsbeeks/events{/privacy}","received_events_url":"https://api.github.com/users/bsbeeks/received_events","type":"User","site_admin":false},"created_at":"2015-12-01T16:14:11Z","updated_at":"2015-12-01T16:14:11Z","body":"One last change, we need to be able to change the close icon through a prop."}}