From c2c20ee8e3f6304718a3ffb235b14b34fcd21d6c Mon Sep 17 00:00:00 2001 From: Aga Dufrat Date: Fri, 20 Sep 2024 14:22:20 +0100 Subject: [PATCH 1/3] Add missing hint text for date input fields --- app/views/campaign_requests/_request_details.html.erb | 9 +++++++++ .../content_advice_requests/_request_details.html.erb | 3 +++ app/views/support/_time_constraint.html.erb | 8 ++++++++ 3 files changed, 20 insertions(+) diff --git a/app/views/campaign_requests/_request_details.html.erb b/app/views/campaign_requests/_request_details.html.erb index 1fde5eef..edbb6ec7 100644 --- a/app/views/campaign_requests/_request_details.html.erb +++ b/app/views/campaign_requests/_request_details.html.erb @@ -80,6 +80,9 @@
+
+ For example, 27 3 2007 +
<%= r.label :start_day, "Day", class: "govuk-label govuk-date-input__label" %> @@ -108,6 +111,9 @@
+
+ For example, 27 3 2007 +
<%= r.label :end_day, "Day", class: "govuk-label govuk-date-input__label" %> @@ -134,6 +140,9 @@
+
+ For example, 27 3 2007 +
<%= r.label :development_start_day, "Day", class: "govuk-label govuk-date-input__label" %> diff --git a/app/views/content_advice_requests/_request_details.html.erb b/app/views/content_advice_requests/_request_details.html.erb index 3e93575d..2dba7079 100644 --- a/app/views/content_advice_requests/_request_details.html.erb +++ b/app/views/content_advice_requests/_request_details.html.erb @@ -60,6 +60,9 @@

<%= "Is there a date you need to have a response by?" %>

+
+ For example, 27 3 2007 +
<%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> diff --git a/app/views/support/_time_constraint.html.erb b/app/views/support/_time_constraint.html.erb index 7c5981b5..3513ea0c 100644 --- a/app/views/support/_time_constraint.html.erb +++ b/app/views/support/_time_constraint.html.erb @@ -11,6 +11,10 @@
+
+ For example, 27 3 2007 +
+ <%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %>
@@ -42,6 +46,10 @@
+
+ For example, 27 3 2007 +
+ <%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %>
From 3638d851dd25f1ccbe354e17fb1ffc8ba3043046 Mon Sep 17 00:00:00 2001 From: Aga Dufrat Date: Fri, 20 Sep 2024 14:23:31 +0100 Subject: [PATCH 2/3] Add missing HTML tags to date inputs MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds: - fieldset abd label HTML tags - Adds missing
and
- - <%= r.label :start_date do %> - Start date of campaign site* - <% end %> - - -
+
+ + <%= r.label :start_date do %> + Start date of campaign site* + <% end %> + +
For example, 27 3 2007
- - <%= r.label :start_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :start_day, required: false, value: r.object.start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-day" %> - - - - <%= r.label :start_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :start_month, required: false, value: r.object.start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-month" %> - - - - <%= r.label :start_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :start_year, required: false, value: r.object.start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "start-year" %> - -

- Once your site is live, you should allow time for testing before driving traffic to it. We advise leaving 1-2 days for no-cost campaigns, and at least a week for paid advertising campaigns. -

+
+
+
+ <%= r.label :start_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :start_day, required: false, value: r.object.start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-day" %> +
+
+
+
+ <%= r.label :start_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :start_month, required: false, value: r.object.start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-month" %> +
+
+
+
+ <%= r.label :start_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :start_year, required: false, value: r.object.start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "start-year" %> +
+
+
+

+ Once your site is live, you should allow time for testing before driving traffic to it. We advise leaving 1-2 days for no-cost campaigns, and at least a week for paid advertising campaigns. +

+
- - <%= r.label :end_date do %> - Proposed end date of campaign site* - <% end %> - +
+ + <%= r.label :end_date do %> + Proposed end date of campaign site* + <% end %> + -
For example, 27 3 2007
- - <%= r.label :end_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :end_day, required: false, value: r.object.end_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-day" %> - - - - <%= r.label :end_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :end_month, required: false, value: r.object.end_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-month" %> - - - - <%= r.label :end_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :end_year, required: false, value: r.object.end_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "end-year" %> - - +
+
+
+ <%= r.label :end_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :end_day, required: false, value: r.object.end_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-day" %> +
+
+
+
+ <%= r.label :end_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :end_month, required: false, value: r.object.end_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-month" %> +
+
+
+
+ <%= r.label :end_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :end_year, required: false, value: r.object.end_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "end-year" %> +
+
+
+
- - <%= r.label :development_start_date do %> - Site build to commence on* - <% end %> - - -
-
+
+ + <%= r.label :development_start_date do %> + Site build to commence on* + <% end %> + + +
For example, 27 3 2007
- - - <%= r.label :development_start_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :development_start_day, required: false, value: r.object.development_start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-day" %> - - - - <%= r.label :development_start_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :development_start_month, required: false, value: r.object.development_start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-month" %> - - - - <%= r.label :development_start_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :development_start_year, required: false, value: r.object.development_start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "development-start-year" %> - - + +
+
+
+ <%= r.label :development_start_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :development_start_day, required: false, value: r.object.development_start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-day" %> +
+
+
+
+ <%= r.label :development_start_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :development_start_month, required: false, value: r.object.development_start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-month" %> +
+
+
+
+ <%= r.label :development_start_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :development_start_year, required: false, value: r.object.development_start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "development-start-year" %> +
+
+
+

+ We expect the website to go live within 1 month of approval +

+
-

- We expect the website to go live within 1 month of approval -

diff --git a/app/views/content_advice_requests/_request_details.html.erb b/app/views/content_advice_requests/_request_details.html.erb index 2dba7079..e4ff70e4 100644 --- a/app/views/content_advice_requests/_request_details.html.erb +++ b/app/views/content_advice_requests/_request_details.html.erb @@ -51,33 +51,42 @@ <%= f.fields_for :time_constraint do |r| %> -
- - Time constraints - - +
-

- <%= "Is there a date you need to have a response by?" %> -

+
+ + Time constraints + + + <%= r.label :needed_by_date do %> + Is there a date you need to have a response by? + <% end %> + +
For example, 27 3 2007
- - <%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %> - - - - <%= r.label :needed_by_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month" %> - - - - <%= r.label :needed_by_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year" %> - +
+
+
+ <%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %> +
+
+
+
+ <%= r.label :needed_by_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month" %> +
+
+
+
+ <%= r.label :needed_by_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year" %> +
+
+
diff --git a/app/views/remove_user_requests/_request_details.html.erb b/app/views/remove_user_requests/_request_details.html.erb index 55578afc..741d38a0 100644 --- a/app/views/remove_user_requests/_request_details.html.erb +++ b/app/views/remove_user_requests/_request_details.html.erb @@ -31,44 +31,39 @@
<%= f.fields_for :time_constraint do |r| %> - -

- <%= "MUST NOT be removed BEFORE" %> -

- -
- For example, 27 3 2007 -
-
+
+ + <%= r.label :not_before_date do %> + MUST NOT be removed BEFORE + <% end %> + -
- -
-
- <%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %> -
+
+ For example, 27 3 2007
+
+
+
+ <%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %> +
+
- <%= r.label :not_before_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month" %> + <%= r.label :not_before_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month" %>
-
- <%= r.label :not_before_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year" %> + <%= r.label :not_before_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year" %>
- -
- +
- <% end %>
diff --git a/app/views/support/_time_constraint.html.erb b/app/views/support/_time_constraint.html.erb index 3513ea0c..88d755ff 100644 --- a/app/views/support/_time_constraint.html.erb +++ b/app/views/support/_time_constraint.html.erb @@ -5,29 +5,35 @@
- - <%= r.label :needed_by_date, "Deadline" %> - -
+
+ + <%= r.label :needed_by_date, "Deadline" %> + -
For example, 27 3 2007
- <%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %> -
- - - <%= r.label :needed_by_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month" %> - - - - <%= r.label :needed_by_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year" %> - +
+
+
+ <%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %> +
+
+
+
+ <%= r.label :needed_by_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month" %> +
+
+
+
+ <%= r.label :needed_by_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year" %> +
+
+
@@ -40,29 +46,35 @@
- - <%= r.label :not_before_date, "Must not be published before" %> - -
+
+ + <%= r.label :not_before_date, "Must not be published before" %> + -
For example, 27 3 2007
- <%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %> -
- - - <%= r.label :not_before_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month" %> - - - - <%= r.label :not_before_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year" %> - +
+
+
+ <%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %> +
+
+
+
+ <%= r.label :not_before_month, "Month", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month" %> +
+
+
+
+ <%= r.label :not_before_year, "Year", class: "govuk-label govuk-date-input__label" %> + <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year" %> +
+
+
From 58b64d5b04f91d727ef4bd67cd41bb10be9aaa8e Mon Sep 17 00:00:00 2001 From: Aga Dufrat Date: Fri, 20 Sep 2024 14:27:26 +0100 Subject: [PATCH 3/3] Specify numeric input mode for date fields MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit inputmode="numeric" is an HTML attribute that provides a hint to devices (mainly mobile phones and tablets) to display a numeric keyboard instead of a standard keyboard. Even though the input type is text (allowing any text characters), inputmode="numeric" tells the browser that the field is expected to receive numeric input. type="text" is the default value for the element, so it’s not explicitly defined --- .../_request_details.html.erb | 18 +++++++++--------- .../_request_details.html.erb | 6 +++--- .../_request_details.html.erb | 6 +++--- app/views/support/_time_constraint.html.erb | 12 ++++++------ 4 files changed, 21 insertions(+), 21 deletions(-) diff --git a/app/views/campaign_requests/_request_details.html.erb b/app/views/campaign_requests/_request_details.html.erb index 33cb1c02..9cb6fa7c 100644 --- a/app/views/campaign_requests/_request_details.html.erb +++ b/app/views/campaign_requests/_request_details.html.erb @@ -88,19 +88,19 @@
<%= r.label :start_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :start_day, required: false, value: r.object.start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-day" %> + <%= r.text_field :start_day, required: false, value: r.object.start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-day", inputmode: "numeric" %>
<%= r.label :start_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :start_month, required: false, value: r.object.start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-month" %> + <%= r.text_field :start_month, required: false, value: r.object.start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "start-month", inputmode: "numeric" %>
<%= r.label :start_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :start_year, required: false, value: r.object.start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "start-year" %> + <%= r.text_field :start_year, required: false, value: r.object.start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "start-year", inputmode: "numeric" %>
@@ -126,19 +126,19 @@
<%= r.label :end_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :end_day, required: false, value: r.object.end_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-day" %> + <%= r.text_field :end_day, required: false, value: r.object.end_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-day", inputmode: "numeric" %>
<%= r.label :end_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :end_month, required: false, value: r.object.end_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-month" %> + <%= r.text_field :end_month, required: false, value: r.object.end_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "end-month", inputmode: "numeric" %>
<%= r.label :end_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :end_year, required: false, value: r.object.end_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "end-year" %> + <%= r.text_field :end_year, required: false, value: r.object.end_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "end-year", inputmode: "numeric" %>
@@ -161,19 +161,19 @@
<%= r.label :development_start_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :development_start_day, required: false, value: r.object.development_start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-day" %> + <%= r.text_field :development_start_day, required: false, value: r.object.development_start_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-day", inputmode: "numeric" %>
<%= r.label :development_start_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :development_start_month, required: false, value: r.object.development_start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-month" %> + <%= r.text_field :development_start_month, required: false, value: r.object.development_start_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "development-start-month", inputmode: "numeric" %>
<%= r.label :development_start_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :development_start_year, required: false, value: r.object.development_start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "development-start-year" %> + <%= r.text_field :development_start_year, required: false, value: r.object.development_start_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "development-start-year", inputmode: "numeric" %>
diff --git a/app/views/content_advice_requests/_request_details.html.erb b/app/views/content_advice_requests/_request_details.html.erb index e4ff70e4..707a687c 100644 --- a/app/views/content_advice_requests/_request_details.html.erb +++ b/app/views/content_advice_requests/_request_details.html.erb @@ -71,19 +71,19 @@
<%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %> + <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day", inputmode: "numeric" %>
<%= r.label :needed_by_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month" %> + <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month", inputmode: "numeric" %>
<%= r.label :needed_by_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year" %> + <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year", inputmode: "numeric" %>
diff --git a/app/views/remove_user_requests/_request_details.html.erb b/app/views/remove_user_requests/_request_details.html.erb index 741d38a0..7b9b3898 100644 --- a/app/views/remove_user_requests/_request_details.html.erb +++ b/app/views/remove_user_requests/_request_details.html.erb @@ -47,19 +47,19 @@
<%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %> + <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day", inputmode: "numeric" %>
<%= r.label :not_before_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month" %> + <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month", inputmode: "numeric" %>
<%= r.label :not_before_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year" %> + <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year", inputmode: "numeric" %>
diff --git a/app/views/support/_time_constraint.html.erb b/app/views/support/_time_constraint.html.erb index 88d755ff..f6a5a7da 100644 --- a/app/views/support/_time_constraint.html.erb +++ b/app/views/support/_time_constraint.html.erb @@ -18,19 +18,19 @@
<%= r.label :needed_by_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day" %> + <%= r.text_field :needed_by_day, required: false, value: r.object.needed_by_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-day", inputmode: "numeric" %>
<%= r.label :needed_by_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month" %> + <%= r.text_field :needed_by_month, required: false, value: r.object.needed_by_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "needed-by-month", inputmode: "numeric" %>
<%= r.label :needed_by_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year" %> + <%= r.text_field :needed_by_year, required: false, value: r.object.needed_by_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "needed-by-year", inputmode: "numeric" %>
@@ -59,19 +59,19 @@
<%= r.label :not_before_day, "Day", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day" %> + <%= r.text_field :not_before_day, required: false, value: r.object.not_before_day, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-day", inputmode: "numeric" %>
<%= r.label :not_before_month, "Month", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month" %> + <%= r.text_field :not_before_month, required: false, value: r.object.not_before_month, class: "govuk-input govuk-date-input__input govuk-input--width-2", id: "not-before-month", inputmode: "numeric" %>
<%= r.label :not_before_year, "Year", class: "govuk-label govuk-date-input__label" %> - <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year" %> + <%= r.text_field :not_before_year, required: false, value: r.object.not_before_year, class: "govuk-input govuk-date-input__input govuk-input--width-4", id: "not-before-year", inputmode: "numeric" %>