diff --git a/docs/app/pages/Components/Datepicker/Datepicker.vue b/docs/app/pages/Components/Datepicker/Datepicker.vue
index b24886029..828b7c00e 100644
--- a/docs/app/pages/Components/Datepicker/Datepicker.vue
+++ b/docs/app/pages/Components/Datepicker/Datepicker.vue
@@ -103,7 +103,13 @@
             type: 'Number',
             description: 'Debounces the conversion of plaintext into a date object. Set to a longer time if your users type slowly, or shorter if your users type really fast.',
             defaults: 1000
-          }
+          },
+          {
+            name: 'md-disabled',
+            type: 'Boolean',
+            description: 'Disables the entire datepicker',
+            defaults: 'false'
+          },
         ]
       },
       events: {
diff --git a/src/components/MdDatepicker/MdDatepicker.vue b/src/components/MdDatepicker/MdDatepicker.vue
index 1213f7bde..a16c8fedc 100644
--- a/src/components/MdDatepicker/MdDatepicker.vue
+++ b/src/components/MdDatepicker/MdDatepicker.vue
@@ -1,7 +1,7 @@
 <template>
   <md-field :class="['md-datepicker', { 'md-native': !this.mdOverrideNative }]" md-clearable>
     <md-date-icon class="md-date-icon" @click.native="toggleDialog" />
-    <md-input :type="type" ref="input" v-model="inputDate" @focus.native="onFocus" :pattern="pattern" />
+    <md-input :disabled="mdDisabled" :type="type" ref="input" v-model="inputDate" @focus.native="onFocus" :pattern="pattern" />
 
     <slot />
 
@@ -45,6 +45,10 @@
     props: {
       value: [String, Number, Date],
       mdDisabledDates: [Array, Function],
+      mdDisabled: {
+        type: Boolean,
+        default: false,
+      },
       mdOpenOnFocus: {
         type: Boolean,
         default: true
@@ -178,6 +182,9 @@
     },
     methods: {
       toggleDialog () {
+        if (this.mdDisabled) {
+          return;
+        }
         if (!isFirefox || this.mdOverrideNative) {
           this.showDialog = !this.showDialog
           if (this.showDialog) {