diff --git a/src/components/datetime/datetime.ios.scss b/src/components/datetime/datetime.ios.scss
index eb38a27825..07a145b0a7 100644
--- a/src/components/datetime/datetime.ios.scss
+++ b/src/components/datetime/datetime.ios.scss
@@ -3,9 +3,16 @@
 // iOS DateTime
 // --------------------------------------------------
 
+/// @prop - Padding top of the DateTime component
 $datetime-ios-padding-top:         $item-ios-padding-top !default;
+
+/// @prop - Padding right of the DateTime component
 $datetime-ios-padding-right:       ($item-ios-padding-right / 2) !default;
+
+/// @prop - Padding bottom of the DateTime component
 $datetime-ios-padding-bottom:      $item-ios-padding-bottom !default;
+
+/// @prop - Padding left of the DateTime component
 $datetime-ios-padding-left:        $item-ios-padding-left !default;
 
 
diff --git a/src/components/datetime/datetime.md.scss b/src/components/datetime/datetime.md.scss
index 590599d6e5..24fa4fa994 100644
--- a/src/components/datetime/datetime.md.scss
+++ b/src/components/datetime/datetime.md.scss
@@ -3,9 +3,16 @@
 // Material Design DateTime
 // --------------------------------------------------
 
+/// @prop - Padding top of the DateTime component
 $datetime-md-padding-top:         $item-md-padding-top !default;
+
+/// @prop - Padding right of the DateTime component
 $datetime-md-padding-right:       ($item-md-padding-right / 2) !default;
+
+/// @prop - Padding bottom of the DateTime component
 $datetime-md-padding-bottom:      $item-md-padding-bottom !default;
+
+/// @prop - Padding left of the DateTime component
 $datetime-md-padding-left:        $item-md-padding-left !default;
 
 
diff --git a/src/components/datetime/datetime.wp.scss b/src/components/datetime/datetime.wp.scss
index de7c0ed9d0..4a4fba1c6f 100644
--- a/src/components/datetime/datetime.wp.scss
+++ b/src/components/datetime/datetime.wp.scss
@@ -3,14 +3,25 @@
 // Windows DateTime
 // --------------------------------------------------
 
+/// @prop - Min width of the DateTime component
 $datetime-wp-min-width:           45% !default;
 
+/// @prop - Padding top of the DateTime component
 $datetime-wp-padding-top:         $item-wp-padding-top !default;
+
+/// @prop - Padding right of the DateTime component
 $datetime-wp-padding-right:       ($item-wp-padding-right / 2) !default;
+
+/// @prop - Padding bottom of the DateTime component
 $datetime-wp-padding-bottom:      $item-wp-padding-bottom !default;
+
+/// @prop - Padding left of the DateTime component
 $datetime-wp-padding-left:        $item-wp-padding-left !default;
 
+/// @prop - Border width of the DateTime component
 $datetime-wp-border-width:        2px !default;
+
+/// @prop - Border color of the DateTime component
 $datetime-wp-border-color:        $input-wp-border-color !default;
 
 .datetime-wp {