{"action":"closed","issue":{"url":"https://api.github.com/repos/angular/material/issues/11213","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/11213/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/11213/comments","events_url":"https://api.github.com/repos/angular/material/issues/11213/events","html_url":"https://github.com/angular/material/issues/11213","id":311924835,"number":11213,"title":"Angular Material Datepicker not working! Other material components working fine.","user":{"login":"sriharigr","id":37204574,"avatar_url":"https://avatars3.githubusercontent.com/u/37204574?v=4","gravatar_id":"","url":"https://api.github.com/users/sriharigr","html_url":"https://github.com/sriharigr","followers_url":"https://api.github.com/users/sriharigr/followers","following_url":"https://api.github.com/users/sriharigr/following{/other_user}","gists_url":"https://api.github.com/users/sriharigr/gists{/gist_id}","starred_url":"https://api.github.com/users/sriharigr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sriharigr/subscriptions","organizations_url":"https://api.github.com/users/sriharigr/orgs","repos_url":"https://api.github.com/users/sriharigr/repos","events_url":"https://api.github.com/users/sriharigr/events{/privacy}","received_events_url":"https://api.github.com/users/sriharigr/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-04-06T10:25:01Z","updated_at":"2018-04-06T13:56:44Z","closed_at":"2018-04-06T13:56:44Z","author_association":"NONE","body":"### Bug, feature request, or proposal:\r\nI have tried all that I know, I don't know if its a bug. I am new to JS, Angular..\r\n\r\n### What is the expected behavior?\r\n\r\nNormal functioning of mat-datepicker. All other components of Material library is working as expected. Even the ones with animations.\r\n\r\n### What is the current behavior?\r\n\r\nOnly a input box. nothing else.\r\n\r\n## CodePen and steps to reproduce the issue:\r\n##### [CodePen Demo](http://codepen.io/team/AngularMaterial/pen/bEGJdd) which shows your issue: \r\n##### Detailed Reproduction Steps: \r\n\r\n### What is the use-case or motivation for changing an existing behavior?\r\n\r\n\r\n### Which versions of AngularJS, Material, OS, and browsers are affected?\r\nAngular CLI: 1.7.2\r\nNode: 9.4.0\r\nOS: linux x64\r\nLatest versions of Chrome and Firefox\r\n\r\n**package.json**\r\n\r\n\"dependencies\": {\r\n    \"@angular/animations\": \"^5.2.9\",\r\n    \"@angular/cdk\": \"^5.2.4\",\r\n    \"@angular/common\": \"^5.2.0\",\r\n    \"@angular/compiler\": \"^5.2.0\",\r\n    \"@angular/core\": \"^5.2.0\",\r\n    \"@angular/forms\": \"^5.2.0\",\r\n    \"@angular/http\": \"^5.2.0\",\r\n    \"@angular/material\": \"^5.2.4\",\r\n    \"@angular/platform-browser\": \"^5.2.0\",\r\n    \"@angular/platform-browser-dynamic\": \"^5.2.0\",\r\n    \"@angular/router\": \"^5.2.0\",\r\n    \"bootstrap\": \"^3.3.7\",\r\n    \"core-js\": \"^2.4.1\",\r\n    \"hammerjs\": \"^2.0.8\",\r\n    \"material-design-icons\": \"^3.0.1\",\r\n    \"ngx-tooltip\": \"0.0.9\",\r\n    \"rxjs\": \"^5.5.6\",\r\n    \"zone.js\": \"^0.8.19\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular/cli\": \"~1.7.2\",\r\n    \"@angular/compiler-cli\": \"^5.2.0\",\r\n    \"@angular/language-service\": \"^5.2.0\",\r\n    \"@types/jasmine\": \"~2.8.3\",\r\n    \"@types/jasminewd2\": \"~2.0.2\",\r\n    \"@types/node\": \"~6.0.60\",\r\n    \"codelyzer\": \"^4.0.1\",\r\n    \"font-awesome\": \"^4.7.0\",\r\n    \"jasmine-core\": \"~2.8.0\",\r\n    \"jasmine-spec-reporter\": \"~4.2.1\",\r\n    \"karma\": \"~2.0.0\",\r\n    \"karma-chrome-launcher\": \"~2.2.0\",\r\n    \"karma-coverage-istanbul-reporter\": \"^1.2.1\",\r\n    \"karma-jasmine\": \"~1.1.0\",\r\n    \"karma-jasmine-html-reporter\": \"^0.2.2\",\r\n    \"protractor\": \"~5.1.2\",\r\n    \"ts-node\": \"~4.1.0\",\r\n    \"tslint\": \"~5.9.1\",\r\n    \"typescript\": \"~2.5.3\"\r\n  }\r\n}\r\n**app.module.ts**\r\n\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { BrowserModule } from \t'@angular/platform-browser';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { MatNativeDateModule} from '@angular/material';\r\nimport {MatFormFieldModule} from '@angular/material/form-field';\r\nimport {MatDatepickerModule} from '@angular/material/datepicker';\r\nimport {MatProgressSpinnerModule} from '@angular/material/progress-spinner';\r\nimport {MatSelectModule} from '@angular/material/select';\r\n\r\nimport { HttpModule } from '@angular/http';\r\nimport {TooltipModule} from \"ngx-tooltip\";\r\nimport { AppRoutingModule } from './app-routing.module';\r\nimport { HttpClientModule } from '@angular/common/http';\r\n\r\n\r\n\r\nimport { AppComponent } from './app.component';\r\n\r\n\r\nimport 'hammerjs';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent,\r\n\r\n  ],\r\n  imports: [\r\n    FormsModule,\r\n    HttpModule,\r\n    TooltipModule,\r\n    BrowserModule,\r\n    AppRoutingModule,\r\n    BrowserAnimationsModule,\r\n    MatNativeDateModule,\r\n    MatDatepickerModule,\r\n    MatProgressSpinnerModule,\r\n    MatSelectModule,\r\n    MatFormFieldModule\r\n\r\n\r\n  ],\r\n  providers: [],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n\r\n**app.component.html**\r\n <input  [matDatepicker]=\"picker\" placeholder=\"Choose a date\">\r\n   <mat-datepicker #picker>\r\n</mat-datepicker>\r\n\r\n### Is there anything else we should know? Stack Traces, Screenshots, etc.\r\n \r\n\r\n<!-- Filling out this template is required. Without this information, your issue may be auto-closed. -->\r\n\r\n![matdatepicker](https://user-images.githubusercontent.com/37204574/38416685-2a560ec2-39b3-11e8-985f-dc180b5e319a.png)\r\n"}}
{"actor":{"display_login":"sriharigr"}}