date_select helper with_css_classes option also accept a hash

[neumayr]

Hey! It's my first PR to rails. Please, be nice 😉

Research/History

With #7975 the :with_css_classes option was added to the date_select helper.
This option automatically set generic classes 'year', 'month', 'day', 'hour', 'minute' and 'second' for your 'select' tags. For example:

<%= f.date_select :birthday, with_css_classes: true %>

<select id="user_birthday_3i" name="user[birthday(3i)]" class="day">…</select>
<select id="user_birthday_2i" name="user[birthday(2i)]" class="month">…</select>
<select id="user_birthday_1i" name="user[birthday(1i)]" class="year">…</select>

Select groups get their generic class. CSS rules can be specified. Nice, but not perfect.

Improvement

Sometimes select tags get some love and receive nice styling. If only one select element
must contain a custom css classes this was hard to achieve.

Instead of an boolean value pass a hash of strings for :year, :month, :day, :hour,
:minute, :second to with_css_classes. This will extend the select type with the given value.
Similar how :prompt is doing this.

<%= f.date_select :birthday, with_css_classes: { month: "my-month", year: "my-year" } %>

<select id="user_birthday_3i" name="user[birthday(3i)]">…</select>
<select id="user_birthday_2i" name="user[birthday(2i)]" class="my-month">…</select>
<select id="user_birthday_1i" name="user[birthday(1i)]" class="my-year">…</select>

Optional, add global html_options to modify every select tag in the set.

<%= f.date_select :birthday, with_css_classes: { month: "my-month", year: "my-year" }, { class: "my-date optional" } %>

<select id="user_birthday_3i" name="user[birthday(3i)]" class="my-date optional">…</select>
<select id="user_birthday_2i" name="user[birthday(2i)]" class="my-date optional my-month">…</select>
<select id="user_birthday_1i" name="user[birthday(1i)]" class="my-date optional my-year">…</select>

The hash for with_css_classes can applied to DateHelper methods:

• select_day
• select_month
• select_year
• select_hour
• select_minute
• select_second
• select_datetime
• select_time
• date_select
• time_select
• datetime_select

The were missing tests for with_css_classes, I'd tried to cover.

🍀

[neumayr]

r? @rafaelfranca