diff --git a/src/material-examples/datepicker-overview/datepicker-overview-example.css b/src/material-examples/datepicker-overview/datepicker-overview-example.css
new file mode 100644
index 00000000000..7432308753e
--- /dev/null
+++ b/src/material-examples/datepicker-overview/datepicker-overview-example.css
@@ -0,0 +1 @@
+/** No CSS for this example */
diff --git a/src/material-examples/datepicker-overview/datepicker-overview-example.html b/src/material-examples/datepicker-overview/datepicker-overview-example.html
new file mode 100644
index 00000000000..3dbb917b041
--- /dev/null
+++ b/src/material-examples/datepicker-overview/datepicker-overview-example.html
@@ -0,0 +1,5 @@
+<md-input-container>
+  <input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
+  <button mdSuffix [mdDatepickerToggle]="picker"></button>
+</md-input-container>
+<md-datepicker #picker></md-datepicker>
diff --git a/src/material-examples/datepicker-overview/datepicker-overview-example.ts b/src/material-examples/datepicker-overview/datepicker-overview-example.ts
new file mode 100644
index 00000000000..51fce60b56e
--- /dev/null
+++ b/src/material-examples/datepicker-overview/datepicker-overview-example.ts
@@ -0,0 +1,9 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+  selector: 'datepicker-overview-example',
+  templateUrl: './datepicker-overview-example.html',
+  styleUrls: ['./datepicker-overview-example.css'],
+})
+export class DatepickerOverviewExample {}
diff --git a/src/material-examples/example-module.ts b/src/material-examples/example-module.ts
index 9c1b974af86..fb53dc4826f 100644
--- a/src/material-examples/example-module.ts
+++ b/src/material-examples/example-module.ts
@@ -70,6 +70,7 @@ import {SelectOverviewExample} from './select-overview/select-overview-example';
 import {ChipsOverviewExample} from './chips-overview/chips-overview-example';
 import {ChipsStackedExample} from './chips-stacked/chips-stacked-example';
 import {SelectFormExample} from './select-form/select-form-example';
+import {DatepickerOverviewExample} from './datepicker-overview/datepicker-overview-example';
 
 
 export interface LiveExample {
@@ -99,6 +100,7 @@ export const EXAMPLE_COMPONENTS = {
   'card-overview': {title: 'Basic cards', component: CardOverviewExample},
   'checkbox-configurable': {title: 'Configurable checkbox', component: CheckboxConfigurableExample},
   'checkbox-overview': {title: 'Basic checkboxes', component: CheckboxOverviewExample},
+  'datepicker-overview': {title: 'Basic datepicker', component: DatepickerOverviewExample},
   'dialog-overview': {
     title: 'Basic dialog',
     component: DialogOverviewExample,
@@ -182,6 +184,7 @@ export const EXAMPLE_LIST = [
   ChipsStackedExample,
   CheckboxConfigurableExample,
   CheckboxOverviewExample,
+  DatepickerOverviewExample,
   DialogOverviewExample,
   DialogOverviewExampleDialog,
   DialogResultExample,