From c4f9b9435806415e776481965ffd209d87b3fe69 Mon Sep 17 00:00:00 2001
From: "Dardenne Florent (dafl)" <dafl@odoo.com>
Date: Fri, 2 Sep 2022 13:16:42 +0000
Subject: [PATCH] [FIX] web: daterange field: fix the input display

Before, the input of the daterange field exceeded the size of its
parent, which caused an overflow and thus a visual bug in the form
and kanban view.
Now the daterange field is displayed as expected.

Step to reproduce the bug:
- Event > Quick create : the daterange is overflowing the parent
- Event > Create : the daterange is not displayed as expected

task-2967165

closes odoo/odoo#99495

Signed-off-by: Simon Genin (ges@odoo) <ges@odoo.com>
---
 .../web/static/src/views/fields/daterange/daterange_field.xml   | 2 +-
 addons/web/static/src/views/form/form_controller.scss           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/views/fields/daterange/daterange_field.xml b/addons/web/static/src/views/fields/daterange/daterange_field.xml
index bd56ca488ba..4632b869f16 100644
--- a/addons/web/static/src/views/fields/daterange/daterange_field.xml
+++ b/addons/web/static/src/views/fields/daterange/daterange_field.xml
@@ -6,7 +6,7 @@
             <t t-esc="formattedValue" />
         </t>
         <t t-else="">
-            <input t-ref="root" type="text" t-att-value="formattedValue" t-att-placeholder="props.placeholder" t-on-change="onChangeInput" />
+            <input class="o_input" style="width:100% !important"  t-ref="root" type="text" t-att-value="formattedValue" t-att-placeholder="props.placeholder" t-on-change="onChangeInput" />
         </t>
     </t>
 
diff --git a/addons/web/static/src/views/form/form_controller.scss b/addons/web/static/src/views/form/form_controller.scss
index 7a8a34dfd28..a433b10bf13 100644
--- a/addons/web/static/src/views/form/form_controller.scss
+++ b/addons/web/static/src/views/form/form_controller.scss
@@ -84,7 +84,7 @@ $o-form-label-margin-right: 0px;
         margin: 0 (-$o-form-spacing-unit/2);
 
         > div, > span, > button, > label, > a, > input, > select { // > * did not add a level of priority to the rule
-            flex: 0 0 auto;
+            flex: 0 1 auto;
             width: auto!important;
             margin-right: $o-form-spacing-unit/2;
             margin-left: $o-form-spacing-unit/2;