diff --git a/package.json b/package.json
index 629a94e9a..b8610af77 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@angular/core": "^4.0.0",
     "@angular/forms": "^4.0.0",
     "@angular/http": "^4.0.0",
-    "@angular/material": "^2.0.0-beta.3",
+    "@angular/material": "^2.0.0-beta.4",
     "@angular/platform-browser": "^4.0.0",
     "@angular/platform-browser-dynamic": "^4.0.0",
     "@angular/router": "~4.0.0",
diff --git a/src/assets/plunker/main.ts b/src/assets/plunker/main.ts
index ddfb6b205..8452aa160 100644
--- a/src/assets/plunker/main.ts
+++ b/src/assets/plunker/main.ts
@@ -3,8 +3,9 @@ import {BrowserModule} from '@angular/platform-browser';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MaterialModule} from '@angular/material';
+import {MaterialModule, MdNativeDateModule} from '@angular/material';
 import {MaterialDocsExample} from './material-docs-example';
+import {HttpModule} from '@angular/http';
 
 @NgModule({
 
@@ -12,8 +13,10 @@ import {MaterialDocsExample} from './material-docs-example';
     BrowserModule,
     BrowserAnimationsModule,
     FormsModule,
-    ReactiveFormsModule,
+    HttpModule,
     MaterialModule,
+    MdNativeDateModule,
+    ReactiveFormsModule,
   ],
 
   declarations: [MaterialDocsExample],