Use icon for timepicker placeholder

diff --git a/css/civicrm.css b/css/civicrm.css
index 324b44c43140e5d02963b35a64a386b7bd0bc587..73e5e72fd82cfc6155123e35a5e23aca0688b54b 100644 (file)
--- 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
index 0ae8f0b743ef901f98cb8d2c4c88e27cf71a7499..ccb64c6aee28250a350a81765e628f03fb4eddb7 100644 (file)
--- 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({