diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index efb0680fe2c..c849d290a88 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -892,7 +892,7 @@ label.error {
 .openerp .oe_forms input.field_datetime {
     min-width: 11em;
 }
-.openerp .oe_forms .oe_datepicker {
+.openerp .oe_forms .oe_datepicker_root {
     width: 100%;
 }
 .openerp .oe_forms .button {
@@ -909,11 +909,11 @@ label.error {
     right: 5px;
     top: 3px;
 }
-.openerp .oe_datepicker {
+.openerp .oe_datepicker_root {
     position: relative;
     display: inline-block;
 }
-.openerp .oe_datepicker input[type="text"] {
+.openerp .oe_datepicker_root input[type="text"] {
     min-width: 160px;
 }
 .openerp .oe_input_icon_disabled {
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 3e75628b12b..a451912dcb8 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -801,7 +801,7 @@
     <img class="oe_field_translate" t-if="widget.field.translate" src="/web/static/src/img/icons/terp-translate.png" width="16" height="16" border="0"/>
 </t>
 <t t-name="web.datetimepicker">
-    <div class="oe_datepicker">
+    <div class="oe_datepicker_root">
         <input type="text" size="1" style="width: 100%"/>
         <img class="oe_input_icon oe_datepicker_trigger" src="/web/static/src/img/ui/field_calendar.png"
              title="Select date" width="16" height="16" border="0"/>