Add labels for Gregorian and Hijri date fields to improve user experience

This commit is contained in:
Mohamed Eltayar 2025-08-28 15:13:26 +03:00
parent b19fc9e81f
commit b5e5a9ac0b
1 changed files with 26 additions and 13 deletions

View File

@ -3,19 +3,32 @@
<t t-name="web.datepicker" t-extend="web.datepicker">
<t t-jquery=".o_datepicker" t-operation="replace">
<div class="o_datepicker" aria-atomic="true" t-att-id="datepickerID" data-target-input="nearest">
<input type="text"
class="o_datepicker_input o_input datetimepicker-input"
t-att-name="widget.name"
t-att-placeholder="placeholder"
t-attf-data-target="##{datepickerID}"
autocomplete="off"/>
<span class="o_datepicker_button"/>
<span class="o_datepicker_button"/>
<input type="text"
class="o_hijri o_input mt4"
t-att-name="widget.name"
t-att-placeholder="placeholder"/>
<span class="o_datepicker_button o_hijri_datepicker_button"/>
<!-- Gregorian Date Section -->
<div class="o_date_section">
<label class="o_date_label o_gregorian_label">التاريخ الميلادي</label>
<div class="o_date_input_container">
<input type="text"
class="o_datepicker_input o_input datetimepicker-input"
t-att-name="widget.name"
t-att-placeholder="placeholder"
t-attf-data-target="##{datepickerID}"
autocomplete="off"/>
<span class="o_datepicker_button"/>
</div>
</div>
<!-- Hijri Date Section -->
<div class="o_date_section mt-2">
<label class="o_date_label o_hijri_label">التاريخ الهجري</label>
<div class="o_date_input_container">
<input type="text"
class="o_hijri o_input"
t-att-name="widget.name"
t-att-placeholder="'التاريخ الهجري'"
readonly="readonly"/>
<span class="o_datepicker_button o_hijri_datepicker_button"/>
</div>
</div>
</div>
</t>
</t>