{"action":"created","issue":{"url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/issues/369","labels_url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/issues/369/labels{/name}","comments_url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/issues/369/comments","events_url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/issues/369/events","html_url":"https://github.com/department-of-veterans-affairs/caseflow/pull/369","id":121584809,"number":369,"title":"Use date input type for dates. Closes #292","user":{"login":"webinista","id":354277,"avatar_url":"https://avatars.githubusercontent.com/u/354277?v=3","gravatar_id":"","url":"https://api.github.com/users/webinista","html_url":"https://github.com/webinista","followers_url":"https://api.github.com/users/webinista/followers","following_url":"https://api.github.com/users/webinista/following{/other_user}","gists_url":"https://api.github.com/users/webinista/gists{/gist_id}","starred_url":"https://api.github.com/users/webinista/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/webinista/subscriptions","organizations_url":"https://api.github.com/users/webinista/orgs","repos_url":"https://api.github.com/users/webinista/repos","events_url":"https://api.github.com/users/webinista/events{/privacy}","received_events_url":"https://api.github.com/users/webinista/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/labels/in%20progress","name":"in progress","color":"ededed"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":8,"created_at":"2015-12-10T21:48:25Z","updated_at":"2015-12-14T23:03:15Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/pulls/369","html_url":"https://github.com/department-of-veterans-affairs/caseflow/pull/369","diff_url":"https://github.com/department-of-veterans-affairs/caseflow/pull/369.diff","patch_url":"https://github.com/department-of-veterans-affairs/caseflow/pull/369.patch"},"body":"- Also changes the way date format is printed to HTML and sent back to the controller."},"comment":{"url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/issues/comments/164588283","html_url":"https://github.com/department-of-veterans-affairs/caseflow/pull/369#issuecomment-164588283","issue_url":"https://api.github.com/repos/department-of-veterans-affairs/caseflow/issues/369","id":164588283,"user":{"login":"webinista","id":354277,"avatar_url":"https://avatars.githubusercontent.com/u/354277?v=3","gravatar_id":"","url":"https://api.github.com/users/webinista","html_url":"https://github.com/webinista","followers_url":"https://api.github.com/users/webinista/followers","following_url":"https://api.github.com/users/webinista/following{/other_user}","gists_url":"https://api.github.com/users/webinista/gists{/gist_id}","starred_url":"https://api.github.com/users/webinista/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/webinista/subscriptions","organizations_url":"https://api.github.com/users/webinista/orgs","repos_url":"https://api.github.com/users/webinista/repos","events_url":"https://api.github.com/users/webinista/events{/privacy}","received_events_url":"https://api.github.com/users/webinista/received_events","type":"User","site_admin":false},"created_at":"2015-12-14T23:03:15Z","updated_at":"2015-12-14T23:03:15Z","body":"As suggested, I added jquery.datepicker which solves the _date picker_ part of the problem, for IE11, but not the _date format_ part of the problem. Setting the `dateFormat` option OF `jquery.datepicker()` to `yy-mm-dd` still means the user will see a _yyyy-mm-dd_ formatted date. _YYYY-mm-dd_ was identified as a problem, but it only affects IE11.\r\n\r\nTo solve the date format problem _in browsers that do not support `input type=date`_, I also added:\r\n\r\n- A method to reformat dates from _YYYY-MM-DD_ to MM/DD/YYYY\r\n- Methods that update a `hidden` form field with a _YYYY-MM-DD_ formatted date whenever the original date input is changed.\r\n- That method also moves the `name` attribute of each date form field to the `hidden` field so that it's the only value sent to the controller.\r\n\r\n@KHarshawat Since there wasn't a design for this, I just added some CSS styling that's inline with the USA Style Guide. Please review.\r\n\r\n<img width=\"1280\" alt=\"screen shot 2015-12-14 at 4 26 42 pm\" src=\"https://cloud.githubusercontent.com/assets/354277/11794645/6da1d8d6-a280-11e5-8023-841c1e4caee0.png\">\r\n"}}