improvement

app/models/communication/block/component/time_slot.rb

@@ -18,8 +18,8 @@ class Communication::Block::Component::TimeSlot < Communication::Block::Componen
 
   def default_data
     {
-      'from' => '0',
-      'to' => '0'
+      'from' => '',
+      'to' => ''
     }
   end
 

app/views/admin/communication/blocks/components/add_element/_edit.html.erb

 <a  class="<%= button_classes('mb-4') %>"
-    v-on:click="data.elements.push(Object.assign({}, defaultElement))">
+    v-on:click="data.elements.push(JSON.parse(JSON.stringify(defaultElement)))">
     <%= label %>
 </a>

app/views/admin/communication/blocks/components/time_slot/_edit.html.erb

@@ -13,7 +13,8 @@ to = t 'admin.communication.blocks.components.time_slot.to'
     <span class="me-2 pt-1">
       <%= from %> 
     </span>
-    <input  class="form-control me-1"
+    <input  :id="'element-' + index + '-<%= property %>%-from'"
+            class="form-control me-1"
             v-model="<%= model %>.<%= property %>.from"
             type="time" />
   </label>
@@ -21,7 +22,8 @@ to = t 'admin.communication.blocks.components.time_slot.to'
     <span class="me-2 pt-1">
       <%= to %>
     </span>
-    <input  class="form-control"
+    <input  :id="'element-' + index + '-<%= property %>%-to'"
+            class="form-control"
             v-model="<%= model %>.<%= property %>.to"
             type="time" />
   </label>

app/views/admin/communication/blocks/components/time_slot/_preview.html.erb

-<% if component.present? %>
-  <%= component.from %> → <%= component.to %>
-<% end %>
+<%= component.from %> → <%= component.to %>

app/views/admin/communication/blocks/components/time_slot/_static.html.erb

 <%= indentation %><%= property %>:
-<%= indentation %>  from: "<%= value['from'] %>"
-<%= indentation %>  to: "<%= value['to'] %>"
+<%= indentation %>  from: "<%= component.from %>"
+<%= indentation %>  to: "<%= component.to %>"

app/views/admin/communication/blocks/templates/contact/_edit.html.erb

 <div class="row mb-4">
   <div class="col-md-6 col-xl-4">
-    <h3 class="h4"><%= t '.contacts' %></h3>
-    <%= block_component_edit :name %>
-    <%= block_component_edit :address, rows: 1 %>
-    <div class="row">
-      <div class="col-md-4">
-        <%= block_component_edit :zipcode %>
+    <div class="card">
+      <div class="card-header d-flex">
+        <h3 class="h4"><%= t '.contacts' %></h3>
       </div>
-      <div class="col-md-8">
-        <%= block_component_edit :city %>
+      <div class="card-body">
+        <%= block_component_edit :name %>
+        <%= block_component_edit :address, rows: 1 %>
+        <div class="row">
+          <div class="col-md-4">
+            <%= block_component_edit :zipcode %>
+          </div>
+          <div class="col-md-8">
+            <%= block_component_edit :city %>
+          </div>
+        </div>
+        <%= block_component_edit :country %>
       </div>
     </div>
-    <%= block_component_edit :country %>
   </div>
   <div class="col-md-6 col-xl-8">
     <div class="row">

config/locales/communication/en.yml

@@ -205,7 +205,7 @@ en:
               city:
                 label: City
                 placeholder: Enter the city
-              contacts: Contacts
+              contacts: Mailing address
               country:
                 label: Country
                 placeholder: Enter the country

config/locales/communication/fr.yml

@@ -205,7 +205,7 @@ fr:
               city:
                 label: Ville
                 placeholder: Entrer le nom de la ville
-              contacts: Contacts
+              contacts: Adresse postale
               country:
                 label: Pays
                 placeholder: Entrer le nom du pays