You need to integrate the Browser Animations module for the material components to work correctly. Follow these steps to do so:

1. Switch to the src/app/app.module.ts file.
2. Import BrowserAnimationsModule:

      import { BrowserAnimationsModule } from '@angular/platform-browser
        /animations';

      @NgModule({
        declarations: [AppComponent],
        imports: [BrowserModule, BrowserAnimationsModule, 
                 AppRoutingModule],
        providers: [],
        bootstrap: [AppComponent]
      })
      export class AppModule {}

The next step is configuring the default theme settings.