{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/12032","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/12032/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/12032/comments","events_url":"https://api.github.com/repos/angular/material2/issues/12032/events","html_url":"https://github.com/angular/material2/issues/12032","id":337762079,"node_id":"MDU6SXNzdWUzMzc3NjIwNzk=","number":12032,"title":"Datepicker not working","user":{"login":"tomislavplecko","id":38281396,"node_id":"MDQ6VXNlcjM4MjgxMzk2","avatar_url":"https://avatars3.githubusercontent.com/u/38281396?v=4","gravatar_id":"","url":"https://api.github.com/users/tomislavplecko","html_url":"https://github.com/tomislavplecko","followers_url":"https://api.github.com/users/tomislavplecko/followers","following_url":"https://api.github.com/users/tomislavplecko/following{/other_user}","gists_url":"https://api.github.com/users/tomislavplecko/gists{/gist_id}","starred_url":"https://api.github.com/users/tomislavplecko/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tomislavplecko/subscriptions","organizations_url":"https://api.github.com/users/tomislavplecko/orgs","repos_url":"https://api.github.com/users/tomislavplecko/repos","events_url":"https://api.github.com/users/tomislavplecko/events{/privacy}","received_events_url":"https://api.github.com/users/tomislavplecko/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-03T06:31:21Z","updated_at":"2018-07-03T10:20:34Z","closed_at":null,"author_association":"NONE","body":"#### Bug, feature request, or proposal:\r\nBug\r\n\r\n#### What is the expected behavior?\r\nDatepicker control \r\n\r\n#### What is the current behavior?\r\nConsole log error\r\n\r\n```\r\nUncaught Error: Template parse errors:\r\nCan't bind to 'matDatepicker' since it isn't a known property of 'input'. (\"\r\n\r\n<mat-form-field>\r\n  <input matInput [ERROR ->][matDatepicker]=\"picker\" placeholder=\"Choose a date\">\r\n  <mat-datepicker-toggle matSuffix [for]=\"picke\"): ng:///AdminModule/ClientComponent.html@43:18\r\nCan't bind to 'htmlFor' since it isn't a known property of 'mat-datepicker-toggle'.\r\n1. If 'mat-datepicker-toggle' is an Angular component and it has 'htmlFor' input, then verify that it is part of this module.\r\n2. If 'mat-datepicker-toggle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.\r\n3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (\"t matInput [matDatepicker]=\"picker\" placeholder=\"Choose a date\">\r\n  <mat-datepicker-toggle matSuffix [ERROR ->][for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-datepicker #picker></mat-datepicker>\r\n</mat-form-field>\"): ng:///AdminModule/ClientComponent.html@44:35\r\n'mat-datepicker-toggle' is not a known element:\r\n1. If 'mat-datepicker-toggle' is an Angular component, then verify that it is part of this module.\r\n2. If 'mat-datepicker-toggle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (\"\r\n<mat-form-field>\r\n  <input matInput [matDatepicker]=\"picker\" placeholder=\"Choose a date\">\r\n  [ERROR ->]<mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-datepicker #picker></\"): ng:///AdminModule/ClientComponent.html@44:2\r\n'mat-datepicker' is not a known element:\r\n1. If 'mat-datepicker' is an Angular component, then verify that it is part of this module.\r\n2. If 'mat-datepicker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (\"older=\"Choose a date\">\r\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  [ERROR ->]<mat-datepicker #picker></mat-datepicker>\r\n</mat-form-field>\r\n\r\n\"): ng:///AdminModule/ClientComponent.html@45:2\r\n    at syntaxError (compiler.js:215)\r\n    at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:14702)\r\n    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js:22709)\r\n    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js:22696)\r\n    at compiler.js:22639\r\n    at Set.forEach (<anonymous>)\r\n    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:22639)\r\n    at compiler.js:22549\r\n    at Object.then (compiler.js:206)\r\n    at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:22548)\r\n```\r\n\r\n#### What are the steps to reproduce?\r\nProviding a StackBlitz reproduction is the *best* way to share your issue. <br/>\r\nStackBlitz starter: https://goo.gl/wwnhMV<br/>\r\n1. Standard code from https://material.angular.io/components/datepicker/overview is not working\r\n2. app.module.ts \r\n\r\n```\r\nimport { MatDatepickerModule } from \"@angular/material/datepicker\";\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent,\r\n    DeleteDialogComponent,\r\n  `],`\r\n  imports: [\r\n    AppRoutingModule,\r\n    AuthModule,\r\n    AdminModule,\r\n    HttpClientModule,\r\n    BrowserModule,\r\n    BrowserAnimationsModule,\r\n    MaterialModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatSnackBarModule,\r\n    MatInputModule,\r\n    MatDialogModule,\r\n MatDatepickerModule,\r\n```\r\nhtml\r\n\r\n```\r\n<mat-form-field>\r\n  <input matInput [matDatepicker]=\"picker\" placeholder=\"Choose a date\">\r\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\r\n  <mat-datepicker #picker></mat-datepicker>\r\n</mat-form-field>\r\n```\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 Angular, Material, OS, TypeScript, browsers are affected?\r\n- AngularJS: **6.0.5**\r\n- AngularJS **Material: 6.3**\r\n- OS: **Linux elementary**\r\n- Browsers: **Chrome**\r\n\r\n#### Is there anything else we should know?\r\n"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/402095160","html_url":"https://github.com/angular/material2/issues/12032#issuecomment-402095160","issue_url":"https://api.github.com/repos/angular/material2/issues/12032","id":402095160,"node_id":"MDEyOklzc3VlQ29tbWVudDQwMjA5NTE2MA==","user":{"login":"julianobrasil","id":25405143,"node_id":"MDQ6VXNlcjI1NDA1MTQz","avatar_url":"https://avatars1.githubusercontent.com/u/25405143?v=4","gravatar_id":"","url":"https://api.github.com/users/julianobrasil","html_url":"https://github.com/julianobrasil","followers_url":"https://api.github.com/users/julianobrasil/followers","following_url":"https://api.github.com/users/julianobrasil/following{/other_user}","gists_url":"https://api.github.com/users/julianobrasil/gists{/gist_id}","starred_url":"https://api.github.com/users/julianobrasil/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/julianobrasil/subscriptions","organizations_url":"https://api.github.com/users/julianobrasil/orgs","repos_url":"https://api.github.com/users/julianobrasil/repos","events_url":"https://api.github.com/users/julianobrasil/events{/privacy}","received_events_url":"https://api.github.com/users/julianobrasil/received_events","type":"User","site_admin":false},"created_at":"2018-07-03T10:20:34Z","updated_at":"2018-07-03T10:20:34Z","author_association":"CONTRIBUTOR","body":"@tomislavplecko, it seems that your are asking for some help with your local config. Material is working fine with Angular (AngularJS is a complete different framework, but I think you've just mistyped it). This chanel works exclusively for bugs/feature requests. https://stackoverflow.com is a much better place to get help with setup, doubts and other things.\r\n\r\nBTW, `MaterialModule` shouldn't be imported. Take a look at the [Getting Started Guide](https://material.angular.io/guide/getting-started)."}}
{"actor":{"display_login":"julianobrasil"}}