From 694af9a19a86d15c0a8c23a2d75e4ebe419f780c Mon Sep 17 00:00:00 2001
From: len-odoo <len@odoo.com>
Date: Wed, 28 Nov 2018 12:48:51 +0000
Subject: [PATCH] [FIX] website_form_editor: adapt datepicker snippets to
 BootStrap4

Fairly explicit.
See commits 25e82a5c6837c, 46f48c35a03ef03.

opw 1911788

closes odoo/enterprise#3170
---
 static/src/xml/website_form_editor.xml | 38 ++++++++++++++++++--------
 1 file changed, 26 insertions(+), 12 deletions(-)

diff --git a/static/src/xml/website_form_editor.xml b/static/src/xml/website_form_editor.xml
index 7802425465a..90157883da2 100644
--- a/static/src/xml/website_form_editor.xml
+++ b/static/src/xml/website_form_editor.xml
@@ -102,24 +102,38 @@
     <!-- Date Field -->
     <t t-name="website_form_editor.field_date">
         <t t-call="website_form_editor.field">
-            <input
-                type="text"
-                class="form-control o_website_form_input o_website_form_date"
-                t-att-name="field.name"
-                t-att-required="field.required"
-            />
+            <t t-set="datepickerID" t-value="_.uniqueId('datepicker')"/>
+            <div class="o_website_form_date input-group date" t-att-id="datepickerID" data-target-input="nearest">
+                <input
+                        type="text"
+                        class="form-control datetimepicker-input o_website_form_input"
+                        t-attf-data-target="##{datepickerID}"
+                        t-att-name="field.name"
+                        t-att-required="field.required"
+                />
+                <div class="input-group-append" t-attf-data-target="##{datepickerID}" data-toggle="datetimepicker">
+                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
+                </div>
+            </div>
         </t>
     </t>
 
     <!-- Datetime Field -->
     <t t-name="website_form_editor.field_datetime">
         <t t-call="website_form_editor.field">
-            <input
-                type="text"
-                class="form-control o_website_form_input o_website_form_datetime"
-                t-att-name="field.name"
-                t-att-required="field.required"
-            />
+            <t t-set="datetimepickerID" t-value="_.uniqueId('datetimepicker')"/>
+            <div class="o_website_form_datetime input-group date" t-att-id="datetimepickerID" data-target-input="nearest">
+                <input
+                        type="text"
+                        class="form-control datetimepicker-input o_website_form_input"
+                        t-attf-data-target="##{datetimepickerID}"
+                        t-att-name="field.name"
+                        t-att-required="field.required"
+                />
+                <div class="input-group-append" t-attf-data-target="##{datetimepickerID}" data-toggle="datetimepicker">
+                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
+                </div>
+            </div>
         </t>
     </t>