From f84f3de503857632d8ca139bd6dba587370a6edc Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Fri, 28 Jul 2017 16:07:11 +0100
Subject: [PATCH] Update elements example - date of birth

Fixes #412. Uses date example from GOV.UK elements.
---
 docs/views/examples/elements/forms.html | 26 ++++++++++++-------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/docs/views/examples/elements/forms.html b/docs/views/examples/elements/forms.html
index 17f39fd3cc..f4f70dc4a7 100644
--- a/docs/views/examples/elements/forms.html
+++ b/docs/views/examples/elements/forms.html
@@ -38,28 +38,26 @@ <h1 class="form-title heading-large">
     <!-- Date of birth -->
     <div class="form-group">
       <fieldset>
-        <legend class="form-label-bold">Date of birth</legend>
-
+        <legend>
+          <span class="form-label-bold">
+            What is your date of birth?
+          </span>
+          <span class="form-hint">For example, 31 3 1980</span>
+        </legend>
         <div class="form-date">
-
-          <p class="form-hint">For example, 31 3 1980</p>
-
           <div class="form-group form-group-day">
-            <label for="dob-day">Day</label>
-            <input class="form-control" id="dob-day" type="number" pattern="[0-9]*" min="0" max="31">
+            <label class="form-label" for="dob-day">Day</label>
+            <input class="form-control" id="dob-day" name="dob-day" type="number" pattern="[0-9]*" min="0" max="31">
           </div>
-
           <div class="form-group form-group-month">
-            <label for="dob-month">Month</label>
-            <input class="form-control" id="dob-month" type="number" pattern="[0-9]*" min="0" max="12">
+            <label class="form-label" for="dob-month">Month</label>
+            <input class="form-control" id="dob-month" name="dob-month" type="number" pattern="[0-9]*" min="0" max="12">
           </div>
-
           <div class="form-group form-group-year">
-            <label for="dob-year">Year</label>
-            <input class="form-control" id="dob-year" type="number" pattern="[0-9]*" min="0" max="2014">
+            <label class="form-label" for="dob-year">Year</label>
+            <input class="form-control" id="dob-year" name="dob-year" type="number" pattern="[0-9]*" min="0" max="2016">
           </div>
         </div>
-
       </fieldset>
     </div>