Improve labels of auto-reply date settings

Fixes #4791

NEWS

@@ -12,6 +12,7 @@ Enhancements
  - [web] prohibit duplicate contact categories in Preferences module
  - [web] improve constrat of text in toolbar with input fields
  - [web] updated Angular Material to version 1.1.20
+ - [web] improve labels of auto-reply date settings (#4791)
  - [core] now dynamically detect and use the IMAP separator (#1490)
  - [core] default Sieve port is now 4190 (#4826)
 

UI/PreferencesUI/English.lproj/Localizable.strings

@@ -45,7 +45,10 @@
 "Days between responses" = "Days between responses";
 "Do not send responses to mailing lists" = "Do not send responses to mailing lists";
 "Enable auto reply on" = "Enable auto reply on";
+"First day of vacation" = "First day of vacation";
 "Disable auto reply on" = "Disable auto reply on";
+"Last day of vacation" = "Last day of vacation";
+"Enter date" = "Enter date";
 "Always send vacation message response" = "Always send vacation message response";
 "The vacation message is sent prior to apply your filters." = "The vacation message is sent prior to apply your filters.";
 "Discard incoming mails during vacation" = "Discard incoming mails during vacation";

UI/Templates/PreferencesUI/UIxPreferences.wox

@@ -983,8 +983,10 @@
                     <var:string label:value="Enable auto reply on" />
                   </md-checkbox>
                   <md-input-container>
+                    <label class="md-no-truncate"><var:string label:value="First day of vacation"/></label>
                     <md-datepicker
                         name="vacationStartDate"
+                        label:md-placeholder="Enter date"
                         ng-disabled="!app.preferences.defaults.Vacation.startDateEnabled"
                         ng-model="app.preferences.defaults.Vacation.startDate"
                         md-date-filter="app.validateVacationStartDate"
@@ -1001,8 +1003,10 @@
                     <var:string label:value="Disable auto reply on" />
                   </md-checkbox>
                   <md-input-container>
+                    <label class="md-no-truncate"><var:string label:value="Last day of vacation"/></label>
                     <md-datepicker
                         name="vacationEndDate"
+                        label:md-placeholder="Enter date"
                         ng-disabled="!app.preferences.defaults.Vacation.endDateEnabled"
                         ng-model="app.preferences.defaults.Vacation.endDate"
                         md-date-filter="app.validateVacationEndDate"

UI/WebServerResources/scss/components/truncate/_extends.scss

@@ -1,2 +1,6 @@
 /*! toast/_extends.scss - */
 @import '../../../angular-material/src/components/truncate/truncate.scss';
+
+.md-no-truncate {
+  overflow: visible !important;
+}