Use caller for date picker to show alert message

styles/sections/_task_order.scss

@@ -98,6 +98,10 @@
       width: 45rem;
     }
 
+    fieldset.date-picker {
+      width: auto;
+    }
+
     .form-row {
       margin: 0;
     }

templates/components/date_picker.html

@@ -8,8 +8,7 @@
   mindate=None,
   maxdate=None,
   watch=False,
-  optional=True,
-  pop_end_alert=False) -%}
+  optional=True) -%}
 
 <date-selector
   {% if maxdate %}maxdate="{{ maxdate.strftime("%Y-%m-%d") }}"{% endif %}
@@ -28,8 +27,8 @@
           {{ label }}
         </div>
 
-        {% if pop_end_alert %}
-          {{ Alert(message="task_orders.form.pop_end_alert" | translate) }}
+        {% if caller %}
+          {{ caller() }}
         {% endif %}
 
         {% if description %}

templates/task_orders/step_3.html

@@ -170,7 +170,9 @@
           </div>
           <div class="form-row">
             <div class="form-col">
-              {{ DatePicker(fields.end_date, watch=True, optional=False, pop_end_alert=True) }}
+              {% call DatePicker(fields.end_date, watch=True, optional=False) %}
+                {{ Alert(message="task_orders.form.pop_end_alert" | translate) }}
+              {% endcall %}
             </div>
           </div>
         {% else %}