Use op-single-date-picker for announcement form

2 years ago · e434ef5b0a
parent 3c853958d2
commit e434ef5b0a
1 changed files with 13 additions and 1 deletions
--- a/app/views/announcements/edit.html.erb
+++ b/app/views/announcements/edit.html.erb
@ -16,7 +16,19 @@
                    with_text_formatting: true %>
  </div>
  <div class="form--field">
-    <%= f.text_field :show_until, label: t('announcements.show_until'), container_class: '-xslim', class: '-augmented-datepicker' %>
+    <label
+      class="form--label"
+      title="<%= t('announcements.show_until') %>"
+      for="announcements_show_until"
+      ><%= t('announcements.show_until') %></label>
+    <div class="form--field-container -visible-overflow">
+      <%= angular_component_tag 'op-single-date-picker',
+                                inputs: {
+                                  id: "announcement_show_until",
+                                  name: "announcement[show_until]"
+                                }
+      %>
+    </div>
  </div>
  <div class="form--field">
    <%= f.check_box :active, label: t(:label_active) %>