diff --git a/src/components/datetime/_datetime.scss b/src/components/datetime/_datetime.scss
new file mode 100644
index 0000000..7dec464
--- /dev/null
+++ b/src/components/datetime/_datetime.scss
@@ -0,0 +1,7 @@
+.cmp-adaptiveform-datetime{
+  @include input;
+
+  &__widget {
+    width: 100%;
+  }
+}
diff --git a/src/site/_mixins.scss b/src/site/_mixins.scss
index e930f4e..2c8882c 100644
--- a/src/site/_mixins.scss
+++ b/src/site/_mixins.scss
@@ -500,6 +500,7 @@
 div[data-cmp-is="adaptiveFormTextInput"],
 div[data-cmp-is="adaptiveFormNumberInput"],
 div[data-cmp-is="adaptiveFormDatePicker"],
+div[data-cmp-is="adaptiveFormDatetime"],
 div[data-cmp-is="adaptiveFormDropDown"],
 div[data-cmp-is='adaptiveFormFileInput'],
 div[data-cmp-is="adaptiveFormRadioButton"],
diff --git a/src/theme.scss b/src/theme.scss
index 73ea2f5..198a4f6 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -16,6 +16,7 @@
 @import './components/checkboxgroup/_checkboxgroup.scss';
 @import './components/container/_container.scss';
 @import './components/datepicker/_datepicker.scss';
+@import './components/datetime/_datetime.scss';
 @import './components/dropdown/_dropdown.scss';
 @import './components/fileinput/_fileinput.scss';
 @import './components/footer/_footer.scss';