Changelog

odoo/odoo#165379

Created by fw-bot

Merged at f627b249f1912e58ab15864a9f06c0a53b053802

Statuses:

legal/cla: Contributor License Agreement check
ci/runbot: Odoo Test Suite
ci/upgrade_enterprise: Test upgrades for enterprise master
ci/template: Contact runbot team on discord for help.
ci/style: Optional style check. Ignore it only if strictly necessary.
ci/security: Required security check. Can only be ignored by security team.

label: odoo-dev:saas-17.2-17.0-fix-datepicker-calender-rde-2X8j-fw
head: c2e02b5419aebfb63977f98c5a7b14ea894a0b98
merged: 2 years ago by Romain Derie (rde)

	odoo/odoo	odoo/enterprise
17.0	#161466
saas-17.1	#165358
saas-17.2	#165379
18.0
saas-18.2
saas-18.3
saas-18.4
19.0
saas-19.1
master	#165409	#62635

[FW][FIX] web, *: make "input group date" calendar icon open the date picker

*: website, survey

Since commit 1 the calendar icon in input group date is not clickable
anymore and does not open the date picker anymore.

This commit simply restore that by auto discovering the calendar icon,
should the input group follow this common pattern:

&lt;div class=&#34;input-group date&#34;&gt;
    &lt;input
        type=&#34;text&#34;
        class=&#34;form-control datetimepicker-input&#34;
    /&gt;
    &lt;div class=&#34;input-group-text&#34;&gt;&lt;i class=&#34;fa fa-calendar&#34;&gt;&lt;/i&gt;&lt;/div&gt;
&lt;/div&gt;

This seems enough to cover all cases detected in the website apps:
- <details><summary>The two datepicker in /my/opportunity when editing the lead to adapt
the "Expected Closing" and "Next Activity Date" fields</summary>

</details>
- <details><summary>The website form date(time) input</summary>

</details>
- <details><summary>The ecommerce renting product rental period inputs ("from" and "to"
dates) </summary>

</details>
- <details><summary>The o_website_sale_daterange_picker snippet</summary>

</details>
- <details><summary>The survey date fields</summary>

</details>
- ..maybe other places..

Should there be cases needing this feature for calendar icons which are
not following the suggested input group layout, they can do it this way:

-        this.call(&#34;datetime_picker&#34;, &#34;create&#34;, {
+        const picker = this.call(&#34;datetime_picker&#34;, &#34;create&#34;, {
            // ...
        }).enable();
+        this.el.parentNode.querySelector(&#34;.input-group-text&#34;).addEventListener(&#34;click&#34;, picker.openPicker(0));

Forward-Port-Of: #161466