Add default date-input items

src/components/date-input/date-input.yaml

@@ -101,3 +101,12 @@ examples:
       -
         name: year
         classes: govuk-input--width-4 govuk-input--error
+- name: with default items
+  data:
+    id: dob
+    name: dob
+    fieldset:
+      legend:
+        text: What is your date of birth?
+    hint:
+      text: For example, 31 3 1980

src/components/date-input/template.njk

@@ -7,6 +7,25 @@
    aria-describedby – for example hints or error messages -#}
 {% set describedBy = "" %}
 
+{% if params.items %}
+  {% set dateInputItems = params.items %}
+{% else %}
+  {% set dateInputItems = [
+    {
+      name: "day",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "month",
+      classes: "govuk-input--width-2"
+    },
+    {
+      name: "year",
+      classes: "govuk-input--width-4"
+    }
+  ] %}
+{% endif %}
+
 {#- Capture the HTML so we can optionally nest it in a fieldset -#}
 {% set innerHtml %}
 {% if params.hint %}
@@ -33,7 +52,7 @@
   <div class="govuk-date-input {%- if params.classes %} {{ params.classes }}{% endif %}"
     {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}
     {%- if params.id %} id="{{ params.id }}"{% endif %}>
-    {% for item in params.items %}
+    {% for item in dateInputItems %}
     <div class="govuk-date-input__item">
       {{ govukInput({
         label: {