From 229102adf3d418440d4ba64ef4011b08e0f1d819 Mon Sep 17 00:00:00 2001
From: Dylan Simowitz <dsimowitz@gmail.com>
Date: Thu, 12 May 2016 13:21:59 -0700
Subject: [PATCH] Added className prop to DatePicker

---
 src/DatePicker/DatePicker.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/DatePicker/DatePicker.js b/src/DatePicker/DatePicker.js
index 81f8b6a37133f6..46fc0a202458dc 100644
--- a/src/DatePicker/DatePicker.js
+++ b/src/DatePicker/DatePicker.js
@@ -23,6 +23,10 @@ class DatePicker extends Component {
      * Override the default text of the 'Cancel' button.
      */
     cancelLabel: PropTypes.node,
+    /**
+     * The css class name of the root element.
+     */
+    className: PropTypes.string,
     /**
      * Used to control how the Date Picker will be displayed when the input field is focused.
      * `dialog` (default) displays the DatePicker as a dialog with a modal.
@@ -251,6 +255,7 @@ class DatePicker extends Component {
       DateTimeFormat,
       autoOk,
       cancelLabel,
+      className,
       container,
       defaultDate, // eslint-disable-line no-unused-vars
       disableYearSelection,
@@ -275,7 +280,7 @@ class DatePicker extends Component {
     const formatDate = this.props.formatDate || this.formatDate;
 
     return (
-      <div style={prepareStyles(Object.assign({}, style))}>
+      <div className={className} style={prepareStyles(Object.assign({}, style))}>
         <TextField
           {...other}
           onFocus={this.handleFocus}