Add labels for Gregorian and Hijri date fields to improve user experience
This commit is contained in:
parent
b19fc9e81f
commit
b5e5a9ac0b
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue