Merge pull request #13438 from colemanw/timeIcon

Use icon for timepicker placeholder
civicrm · Jan 14, 2019 · eb1da99 · eb1da99
2 parents 0365eff + 0dc1b8a
commit eb1da99
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/css/civicrm.css b/css/civicrm.css
@@ -2691,7 +2691,8 @@ div.crm-container form {
 }
 
 .crm-container input.dateplugin::placeholder,
-.crm-container input.crm-form-date::placeholder {
+.crm-container input.crm-form-date::placeholder,
+.crm-container input.crm-form-time::placeholder {
   font-family: "FontAwesome";
   text-align: right;
 }

diff --git a/js/crm.datepicker.js b/js/crm.datepicker.js
@@ -36,7 +36,7 @@
         CRM.utils.copyAttributes($dataField, $timeField, ['class', 'disabled']);
         $timeField
           .addClass('crm-form-text crm-form-time')
-          .attr('placeholder', $dataField.attr('time-placeholder') === undefined ? ts('Time') : $dataField.attr('time-placeholder'))
+          .attr('placeholder', $dataField.attr('time-placeholder') === undefined ? '\uf017' : $dataField.attr('time-placeholder'))
           .attr('aria-label', $dataField.attr('time-placeholder') === undefined ? ts('Time') : $dataField.attr('time-placeholder'))
           .change(updateDataField)
           .timeEntry({