Merge branch 'bpenkov/igx-date-range' of https://github.com/IgniteUI/igniteui-angular into iganchev/date-range-aria

Author: IvayloG

projects/igniteui-angular/src/lib/core/i18n/range-date-picker-resources.ts

@@ -0,0 +1,7 @@
+export interface IRangeDatePickerResourceStrings {
+    igx_range_date_picker_to?: string;
+}
+
+export const RangeDatePickerResourceStringsEN: IRangeDatePickerResourceStrings = {
+    igx_range_date_picker_to: 'to'
+};

projects/igniteui-angular/src/lib/core/i18n/resources.ts

@@ -1,3 +1,4 @@
+import { RangeDatePickerResourceStringsEN } from './range-date-picker-resources';
 import { IGridResourceStrings, GridResourceStringsEN } from './grid-resources';
 import { ITimePickerResourceStrings, TimePickerResourceStringsEN } from './time-picker-resources';
 import { PaginatorResourceStringsEN } from './paginator-resources';
@@ -11,8 +12,9 @@ export interface IResourceStrings extends IGridResourceStrings, ITimePickerResou
  */
 export const CurrentResourceStrings = {
     GridResStrings: cloneValue(GridResourceStringsEN),
-    TimePickerResStrings: cloneValue(TimePickerResourceStringsEN),
     PaginatorResStrings: cloneValue(PaginatorResourceStringsEN),
+    TimePickerResStrings: cloneValue(TimePickerResourceStringsEN),
+    RangeDatePickerResStrings: cloneValue(RangeDatePickerResourceStringsEN),
     CarouselResStrings: cloneValue(CarouselResourceStringsEN),
 };
 

projects/igniteui-angular/src/lib/date-range/igx-date-range.component.html

@@ -56,7 +56,7 @@
             <igx-icon>calendar_today</igx-icon>
         </div>
         <ng-content select="igx-date-start"></ng-content>
-        <div>to</div> <!-- TODO: make templatable -->
+        <div>{{ prepTo }}</div>
         <ng-content select="igx-date-end"></ng-content>
     </div>
 </ng-template>

projects/igniteui-angular/src/lib/date-range/igx-date-range.component.ts

@@ -20,6 +20,7 @@ import { IToggleView } from '../core/navigation';
 import { IgxLabelDirective, IgxPrefixDirective } from '../input-group';
 import { IgxInputGroupBase } from '../input-group/input-group.common';
 import { IgxDateTimeEditorEventArgs } from '../directives/date-time-editor';
+import { CurrentResourceStrings } from '../core/i18n/resources';
 
 /**
  * Range Date Picker provides the ability to select a range of dates from the calendar UI.
@@ -259,6 +260,9 @@ export class IgxDateRangeComponent implements IToggleView, AfterViewInit, OnDest
     @ContentChild(IgxLabelDirective)
     public label: IgxLabelDirective;
 
+    /** @hidden */
+    public prepTo = CurrentResourceStrings.RangeDatePickerResStrings.igx_range_date_picker_to;
+
     /** @hidden @internal */
     public get appliedFormat() {
         // TODO: apply formatter if present

projects/igniteui-angular/src/public_api.ts

@@ -105,5 +105,6 @@ export { ICarouselResourceStrings } from './lib/core/i18n/carousel-resources';
 export { IGridResourceStrings } from './lib/core/i18n/grid-resources';
 export { IPaginatorResourceStrings } from './lib/core/i18n/paginator-resources';
 export { ITimePickerResourceStrings } from './lib/core/i18n/time-picker-resources';
+export { IRangeDatePickerResourceStrings } from './lib/core/i18n/range-date-picker-resources';
 export { InteractionMode } from './lib/core/enums';