152 <?php |
152 <?php |
153 /* translators: Hidden accessibility text. */ |
153 /* translators: Hidden accessibility text. */ |
154 esc_html_e( 'Day' ); |
154 esc_html_e( 'Day' ); |
155 ?> |
155 ?> |
156 </label> |
156 </label> |
157 <input id="{{ idPrefix }}date-time-day" type="number" size="2" autocomplete="off" class="date-input day" data-component="day" min="1" max="31" /> |
157 <input id="{{ idPrefix }}date-time-day" type="number" size="2" autocomplete="off" class="date-input day tiny-text" data-component="day" min="1" max="31" /> |
158 <?php $day_field = trim( ob_get_clean() ); ?> |
158 <?php $day_field = trim( ob_get_clean() ); ?> |
159 |
159 |
160 <?php ob_start(); ?> |
160 <?php ob_start(); ?> |
161 <label for="{{ idPrefix }}date-time-year" class="screen-reader-text"> |
161 <label for="{{ idPrefix }}date-time-year" class="screen-reader-text"> |
162 <?php |
162 <?php |
163 /* translators: Hidden accessibility text. */ |
163 /* translators: Hidden accessibility text. */ |
164 esc_html_e( 'Year' ); |
164 esc_html_e( 'Year' ); |
165 ?> |
165 ?> |
166 </label> |
166 </label> |
167 <input id="{{ idPrefix }}date-time-year" type="number" size="4" autocomplete="off" class="date-input year" data-component="year" min="{{ data.minYear }}" max="{{ data.maxYear }}"> |
167 <input id="{{ idPrefix }}date-time-year" type="number" size="4" autocomplete="off" class="date-input year tiny-text" data-component="year" min="{{ data.minYear }}" max="{{ data.maxYear }}"> |
168 <?php $year_field = trim( ob_get_clean() ); ?> |
168 <?php $year_field = trim( ob_get_clean() ); ?> |
169 |
169 |
170 <?php printf( $date_format, $year_field, $month_field, $day_field ); ?> |
170 <?php printf( $date_format, $year_field, $month_field, $day_field ); ?> |
171 </div> |
171 </div> |
172 </fieldset> |
172 </fieldset> |
180 esc_html_e( 'Hour' ); |
180 esc_html_e( 'Hour' ); |
181 ?> |
181 ?> |
182 </label> |
182 </label> |
183 <# var maxHour = data.twelveHourFormat ? 12 : 23; #> |
183 <# var maxHour = data.twelveHourFormat ? 12 : 23; #> |
184 <# var minHour = data.twelveHourFormat ? 1 : 0; #> |
184 <# var minHour = data.twelveHourFormat ? 1 : 0; #> |
185 <input id="{{ idPrefix }}date-time-hour" type="number" size="2" autocomplete="off" class="date-input hour" data-component="hour" min="{{ minHour }}" max="{{ maxHour }}"> |
185 <input id="{{ idPrefix }}date-time-hour" type="number" size="2" autocomplete="off" class="date-input hour tiny-text" data-component="hour" min="{{ minHour }}" max="{{ maxHour }}"> |
186 : |
186 : |
187 <label for="{{ idPrefix }}date-time-minute" class="screen-reader-text"> |
187 <label for="{{ idPrefix }}date-time-minute" class="screen-reader-text"> |
188 <?php |
188 <?php |
189 /* translators: Hidden accessibility text. */ |
189 /* translators: Hidden accessibility text. */ |
190 esc_html_e( 'Minute' ); |
190 esc_html_e( 'Minute' ); |
191 ?> |
191 ?> |
192 </label> |
192 </label> |
193 <input id="{{ idPrefix }}date-time-minute" type="number" size="2" autocomplete="off" class="date-input minute" data-component="minute" min="0" max="59"> |
193 <input id="{{ idPrefix }}date-time-minute" type="number" size="2" autocomplete="off" class="date-input minute tiny-text" data-component="minute" min="0" max="59"> |
194 <# if ( data.twelveHourFormat ) { #> |
194 <# if ( data.twelveHourFormat ) { #> |
195 <label for="{{ idPrefix }}date-time-meridian" class="screen-reader-text"> |
195 <label for="{{ idPrefix }}date-time-meridian" class="screen-reader-text"> |
196 <?php |
196 <?php |
197 /* translators: Hidden accessibility text. */ |
197 /* translators: Hidden accessibility text. */ |
198 esc_html_e( 'Meridian' ); |
198 esc_html_e( 'Meridian' ); |