osm-commerces/templates/public/edit/opening_hours.html.twig

<div id="opening_hours">
                                <h2>
                                <i class="bi bi-clock"></i> 
                                {{ 'display.opening_hours'|trans }}</h2>
                                <p class="description">{{ 'display.opening_hours_description'|trans }}</p>

                                {% if commerce_overpass.tags_converted.opening_hours is defined and commerce_overpass.tags_converted.opening_hours != '' %}
                                    {# {{ dump(commerce_overpass.tags_converted.opening_hours) }}  #}
                                    <input type="text" placeholder="Remplissez" class="form-control" name="custom__opening_hours" value="{{ commerce_overpass.tags_converted.opening_hours }}">
                                {% else %}
                                    <input type="text" placeholder="Lundi de 10h à 12h et de 14h à 18h" class="form-control" name="custom__opening_hours" value="">
                                    <br>  ajoutez les horaires au format OSM
                                {% endif %}

                                <div class="examples d-none">
                                
                                Exemples :
                               
                                <ul>
                                    <li>Écrivez "24/7" pour indiquer que le commerce est ouvert 24 heures sur 24</li>
                                    <li>Écrivez "Mo-Fr 9:00 - 18:00" pour indiquer que le commerce est ouvert du lundi au vendredi de 9h à 18h</li>
                                    <li>Pour des horaires plus complexes, écrivez "Mo-Fr 9:00 - 18:00; Sa 9:00 - 12:00" pour indiquer que le commerce est ouvert du lundi au vendredi de 9h à 18h et le samedi de 9h à 12h</li>
                                </ul>

                                </div>
                                {# <input type="checkbox" name="commerce_tag_value__opening_hours_1" value="yes">
                                Lundi de 

                                <input type="number" name="commerce_tag_value__opening_hours_1_midday_hour" value="">
                                à
                                <input type="number" name="commerce_tag_value__opening_hours_1_midday_minute" value="">.

                                <input type="checkbox" name="commerce_tag_value__opening_hours_1_midday" value="yes">
                                et 

                                <input type="number" name="commerce_tag_value__opening_hours_1_midday_hour" value="">
                                à
                                <input type="number" name="commerce_tag_value__opening_hours_1_midday_minute" value="">.

                                <input type="checkbox" name="commerce_tag_value__opening_hours_1_evening" value="yes"> #}
                                <hr>
                                 <script src="https://cdn.jsdelivr.net/npm/yohours@0.0.14/src/index.min.js"></script>
                                 </script>
                            </div>