Fixed placeholder display for Gregorian date field and improved Arabic labels

This commit is contained in:
Mohamed Eltayar 2025-08-28 16:51:48 +03:00
parent edc56219d3
commit 2812cde5cc
1 changed files with 8 additions and 7 deletions

View File

@ -3,6 +3,7 @@
Enhanced Hijri Datepicker Template for Odoo 14
Seamlessly integrates with Odoo's standard datepicker template structure
Maintains all Hijri functionality while following Odoo's UI patterns
Fixed placeholder display for both Gregorian and Hijri fields
-->
<templates id="template" xml:space="preserve">
@ -14,11 +15,11 @@
t-att-id="datepickerID"
data-target-input="nearest">
<!-- Primary Gregorian date input - maintaining Odoo's exact structure -->
<!-- Primary Gregorian date input - with proper placeholder handling -->
<input type="text"
class="o_datepicker_input o_input form-control datetimepicker-input"
t-att-name="widget.name"
t-att-placeholder="widget.options.datepicker.placeholder || 'mm/dd/yyyy'"
placeholder="التاريخ الميلادي (مم/يي/سسسس)"
t-attf-data-target="##{datepickerID}"
autocomplete="off"
t-att-readonly="widget.readonly ? 'readonly' : null"/>
@ -28,7 +29,7 @@
<span class="o_datepicker_button input-group-text"
t-attf-data-target="##{datepickerID}"
data-toggle="datetimepicker">
<i class="fa fa-calendar" aria-hidden="true" title="Open Gregorian Calendar"/>
<i class="fa fa-calendar" aria-hidden="true" title="فتح التقويم الميلادي"/>
</span>
</div>
</div>
@ -41,17 +42,17 @@
<input type="text"
class="o_hijri o_input form-control"
t-att-name="widget.name + '_hijri'"
placeholder="التاريخ الهجري"
placeholder="التاريخ الهجري (الشهر اليوم، السنة)"
readonly="readonly"
style="background-color: rgba(40, 167, 69, 0.1); border-color: rgba(40, 167, 69, 0.2); color: #28a745;"
title="Hijri date equivalent"
aria-label="Hijri date"/>
title="مكافئ التاريخ الهجري"
aria-label="التاريخ الهجري"/>
<!-- Hijri datepicker trigger button -->
<div class="input-group-append">
<span class="o_datepicker_button o_hijri_datepicker_button input-group-text"
style="background-color: rgba(40, 167, 69, 0.1); border-color: rgba(40, 167, 69, 0.2); color: #28a745; cursor: pointer;"
title="Open Hijri Calendar">
title="فتح التقويم الهجري">
<i class="fa fa-calendar-alt" aria-hidden="true"/>
</span>
</div>