Ticket #25461: 25461-date-input-labels.8.patch

css/wp-admin.css

@@ -1086 +1086 @@
 .wp-admin select {
         padding: 2px;
         line-height: 28px;
-        height: 28px;
+        height: 25px;
         color: #555;
-        vertical-align: top;
+    font-size: 12px;
+        vertical-align: baseline;
 }
 
 .wp-admin .button-cancel {
@@ -3893 +3894 @@
 .inline-edit-row fieldset input[name=hh],
 .inline-edit-row fieldset input[name=mn] {
         font-size: 12px;
-        width: 2.1em;
+        width: 2.3em;
 }
 
 .inline-edit-row fieldset input[name=aa] {
@@ -4388 +4389 @@
         border-style: solid;
 }
 
+.timestamp-wrap > span,
+.timestamp-wrap > span label {
+        display: inline-block;
+}
+
 .notification-dialog {
         position: fixed;
         top: 30%;

includes/template.php

@@ -652 +652 @@
         $cur_hh = gmdate( 'H', $time_adj );
         $cur_mn = gmdate( 'i', $time_adj );
 
-        $month = "<select " . ( $multi ? '' : 'id="mm" ' ) . "name=\"mm\"$tab_index_attribute>\n";
+        $month = '<span><label for="mm">' . __( 'Month' ) . "</label><br /><select " . ( $multi ? '' : 'id="mm" ' ) . "name=\"mm\"$tab_index_attribute>\n";
         for ( $i = 1; $i < 13; $i = $i +1 ) {
                 $monthnum = zeroise($i, 2);
                 $month .= "\t\t\t" . '<option value="' . $monthnum . '"';
@@ -661 +661 @@
                 /* translators: 1: month number (01, 02, etc.), 2: month abbreviation */
                 $month .= '>' . sprintf( __( '%1$s-%2$s' ), $monthnum, $wp_locale->get_month_abbrev( $wp_locale->get_month( $i ) ) ) . "</option>\n";
         }
-        $month .= '</select>';
+        $month .= '</select></span>';
 
-        $day = '<input type="text" ' . ( $multi ? '' : 'id="jj" ' ) . 'name="jj" value="' . $jj . '" size="2" maxlength="2"' . $tab_index_attribute . ' autocomplete="off" />';
-        $year = '<input type="text" ' . ( $multi ? '' : 'id="aa" ' ) . 'name="aa" value="' . $aa . '" size="4" maxlength="4"' . $tab_index_attribute . ' autocomplete="off" />';
-        $hour = '<input type="text" ' . ( $multi ? '' : 'id="hh" ' ) . 'name="hh" value="' . $hh . '" size="2" maxlength="2"' . $tab_index_attribute . ' autocomplete="off" />';
-        $minute = '<input type="text" ' . ( $multi ? '' : 'id="mn" ' ) . 'name="mn" value="' . $mn . '" size="2" maxlength="2"' . $tab_index_attribute . ' autocomplete="off" />';
+        $day = '<span><label for="jj">' . __( 'Day' ) . '</label><br /><input type="text" ' . ( $multi ? '' : 'id="jj" ' ) . 'name="jj" value="' . $jj . '" size="2" maxlength="2"' . $tab_index_attribute . ' autocomplete="off" /></span>';
+        $year = '<span><label for="aa">' . __( 'Year' ) . '</label><br /><input type="text" ' . ( $multi ? '' : 'id="aa" ' ) . 'name="aa" value="' . $aa . '" size="4" maxlength="4"' . $tab_index_attribute . ' autocomplete="off" /></span>';
+        $hour = '<span><label for="hh"><abbr title="' . __( 'Hour' ) . '">' . __( 'HH' ) . '</abbr></label><br /><input type="text" ' . ( $multi ? '' : 'id="hh" ' ) . 'name="hh" value="' . $hh . '" size="2" maxlength="2"' . $tab_index_attribute . ' autocomplete="off" /></span>';
+        $minute = '<span><label for="mn"><abbr title="' . __( 'Minute' ) . '">' . __( 'MM' ) . '</abbr></label><br /><input type="text" ' . ( $multi ? '' : 'id="mn" ' ) . 'name="mn" value="' . $mn . '" size="2" maxlength="2"' . $tab_index_attribute . ' autocomplete="off" /></span>';
 
         echo '<div class="timestamp-wrap">';
         /* translators: 1: month, 2: day, 3: year, 4: hour, 5: minute */