Changelog

odoo/odoo#161466

Created by Romain Derie (rde)

Merged at 5c2db8e7fd921d6d32c55b99cae1a9a5fafdb117

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:17.0-fix-datepicker-calender-rde
head: 27d888384da70fcd93fadcb354b2d7b4ae76d9e9
merged: 2 years ago by Quentin Smetz (qsm)

	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

[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));