@energycap/components 0.42.0 → 0.42.1

package/lib/components.module.d.ts

@@ -68,13 +68,14 @@ import * as i65 from "./display/tooltip-directive/tooltip.directive";
 import * as i66 from "./controls/calendar/calendar.component";
 import * as i67 from "./controls/calendar/calendar-item.component";
 import * as i68 from "./controls/date-input/date-input.component";
-import * as i69 from "@angular/common";
-import * as i70 from "@angular/forms";
-import * as i71 from "@angular/router";
-import * as i72 from "@ngx-translate/core";
-import * as i73 from "@angular/cdk/a11y";
-import * as i74 from "@angular/cdk/overlay";
-import * as i75 from "@angular/cdk/scrolling";
+import * as i69 from "./shared/directives/keyboard-nav-container/keyboard-nav-container.directive";
+import * as i70 from "@angular/common";
+import * as i71 from "@angular/forms";
+import * as i72 from "@angular/router";
+import * as i73 from "@ngx-translate/core";
+import * as i74 from "@angular/cdk/a11y";
+import * as i75 from "@angular/cdk/overlay";
+import * as i76 from "@angular/cdk/scrolling";
 export type ComponentsModuleConfig = {
     tracker: Provider;
 };
@@ -86,6 +87,6 @@ export declare class ComponentsModule {
      */
     static forRoot(config: ComponentsModuleConfig): ModuleWithProviders<ComponentsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, [typeof i1.ButtonComponent, typeof i2.TabsComponent, typeof i3.TextboxComponent, typeof i4.NavItemActiveDirective, typeof i5.SpinnerComponent, typeof i6.ViewOverlayComponent, typeof i7.BannerComponent, typeof i8.ResizableTableDirective, typeof i2.TabsComponent, typeof i9.TableComponent, typeof i10.SearchableTableComponent, typeof i11.ComboboxComponent, typeof i12.MenuComponent, typeof i13.PopupContainerDirective, typeof i14.DropdownComponent, typeof i15.ConfirmComponent, typeof i16.DialogComponent, typeof i17.DateDisplayPipe, typeof i18.TimeDisplayPipe, typeof i19.MockDateDisplayPipe, typeof i20.RadioButtonComponent, typeof i21.CheckboxComponent, typeof i22.NumericboxComponent, typeof i23.AvatarComponent, typeof i24.AppBarComponent, typeof i25.SplashComponent, typeof i26.IfViewportWidthDirective, typeof i27.ClickAreaForDirective, typeof i28.CollapsibleToggleComponent, typeof i29.TableMasterRowComponent, typeof i30.TableMasterHeaderRowComponent, typeof i31.TableDetailRowComponent, typeof i32.TableLockedColumnComponent, typeof i33.TableSelectableRowComponent, typeof i34.PopoverComponent, typeof i35.TablePaginationComponent, typeof i36.RowCountPipe, typeof i37.CopyButtonDirective, typeof i35.TablePaginationComponent, typeof i38.TagsComponent, typeof i39.FormControlComponent, typeof i40.SelectComponent, typeof i41.ItemDisplayComponent, typeof i33.TableSelectableRowComponent, typeof i42.ResizableColumnComponent, typeof i43.DialogGroupComponent, typeof i44.FileUploadComponent, typeof i45.FormGroupComponent, typeof i46.JsonDisplayComponent, typeof i47.ToastComponent, typeof i48.ToasterComponent, typeof i49.PageViewComponent, typeof i50.PageTitleComponent, typeof i51.WizardProgressComponent, typeof i52.WizardButtonsComponent, typeof i53.HierarchyTreeComponent, typeof i54.TreeComponent, typeof i55.RelativeDatePipe, typeof i56.ResizableComponent, typeof i57.HighlightTextPipe, typeof i58.FormControlLabelComponent, typeof i59.ItemPickerComponent, typeof i60.HelpPopoverComponent, typeof i61.LinkButtonComponent, typeof i62.TooltipComponent, typeof i63.TourComponent, typeof i64.CopyTableButtonDirective, typeof i65.TooltipDirective, typeof i66.CalendarComponent, typeof i67.CalendarItemComponent, typeof i68.DateInputComponent], [typeof i69.CommonModule, typeof i70.FormsModule, typeof i70.ReactiveFormsModule, typeof i71.RouterModule, typeof i72.TranslateModule, typeof i73.A11yModule, typeof i74.OverlayModule, typeof i75.ScrollingModule], [typeof i1.ButtonComponent, typeof i2.TabsComponent, typeof i3.TextboxComponent, typeof i4.NavItemActiveDirective, typeof i5.SpinnerComponent, typeof i6.ViewOverlayComponent, typeof i7.BannerComponent, typeof i2.TabsComponent, typeof i9.TableComponent, typeof i10.SearchableTableComponent, typeof i11.ComboboxComponent, typeof i12.MenuComponent, typeof i13.PopupContainerDirective, typeof i14.DropdownComponent, typeof i15.ConfirmComponent, typeof i16.DialogComponent, typeof i17.DateDisplayPipe, typeof i18.TimeDisplayPipe, typeof i20.RadioButtonComponent, typeof i21.CheckboxComponent, typeof i22.NumericboxComponent, typeof i23.AvatarComponent, typeof i24.AppBarComponent, typeof i25.SplashComponent, typeof i26.IfViewportWidthDirective, typeof i27.ClickAreaForDirective, typeof i28.CollapsibleToggleComponent, typeof i29.TableMasterRowComponent, typeof i30.TableMasterHeaderRowComponent, typeof i32.TableLockedColumnComponent, typeof i33.TableSelectableRowComponent, typeof i34.PopoverComponent, typeof i37.CopyButtonDirective, typeof i35.TablePaginationComponent, typeof i38.TagsComponent, typeof i39.FormControlComponent, typeof i40.SelectComponent, typeof i41.ItemDisplayComponent, typeof i42.ResizableColumnComponent, typeof i43.DialogGroupComponent, typeof i44.FileUploadComponent, typeof i45.FormGroupComponent, typeof i46.JsonDisplayComponent, typeof i47.ToastComponent, typeof i48.ToasterComponent, typeof i49.PageViewComponent, typeof i50.PageTitleComponent, typeof i51.WizardProgressComponent, typeof i52.WizardButtonsComponent, typeof i53.HierarchyTreeComponent, typeof i54.TreeComponent, typeof i55.RelativeDatePipe, typeof i56.ResizableComponent, typeof i57.HighlightTextPipe, typeof i58.FormControlLabelComponent, typeof i59.ItemPickerComponent, typeof i60.HelpPopoverComponent, typeof i61.LinkButtonComponent, typeof i62.TooltipComponent, typeof i63.TourComponent, typeof i64.CopyTableButtonDirective, typeof i65.TooltipDirective, typeof i66.CalendarComponent, typeof i68.DateInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, [typeof i1.ButtonComponent, typeof i2.TabsComponent, typeof i3.TextboxComponent, typeof i4.NavItemActiveDirective, typeof i5.SpinnerComponent, typeof i6.ViewOverlayComponent, typeof i7.BannerComponent, typeof i8.ResizableTableDirective, typeof i2.TabsComponent, typeof i9.TableComponent, typeof i10.SearchableTableComponent, typeof i11.ComboboxComponent, typeof i12.MenuComponent, typeof i13.PopupContainerDirective, typeof i14.DropdownComponent, typeof i15.ConfirmComponent, typeof i16.DialogComponent, typeof i17.DateDisplayPipe, typeof i18.TimeDisplayPipe, typeof i19.MockDateDisplayPipe, typeof i20.RadioButtonComponent, typeof i21.CheckboxComponent, typeof i22.NumericboxComponent, typeof i23.AvatarComponent, typeof i24.AppBarComponent, typeof i25.SplashComponent, typeof i26.IfViewportWidthDirective, typeof i27.ClickAreaForDirective, typeof i28.CollapsibleToggleComponent, typeof i29.TableMasterRowComponent, typeof i30.TableMasterHeaderRowComponent, typeof i31.TableDetailRowComponent, typeof i32.TableLockedColumnComponent, typeof i33.TableSelectableRowComponent, typeof i34.PopoverComponent, typeof i35.TablePaginationComponent, typeof i36.RowCountPipe, typeof i37.CopyButtonDirective, typeof i35.TablePaginationComponent, typeof i38.TagsComponent, typeof i39.FormControlComponent, typeof i40.SelectComponent, typeof i41.ItemDisplayComponent, typeof i33.TableSelectableRowComponent, typeof i42.ResizableColumnComponent, typeof i43.DialogGroupComponent, typeof i44.FileUploadComponent, typeof i45.FormGroupComponent, typeof i46.JsonDisplayComponent, typeof i47.ToastComponent, typeof i48.ToasterComponent, typeof i49.PageViewComponent, typeof i50.PageTitleComponent, typeof i51.WizardProgressComponent, typeof i52.WizardButtonsComponent, typeof i53.HierarchyTreeComponent, typeof i54.TreeComponent, typeof i55.RelativeDatePipe, typeof i56.ResizableComponent, typeof i57.HighlightTextPipe, typeof i58.FormControlLabelComponent, typeof i59.ItemPickerComponent, typeof i60.HelpPopoverComponent, typeof i61.LinkButtonComponent, typeof i62.TooltipComponent, typeof i63.TourComponent, typeof i64.CopyTableButtonDirective, typeof i65.TooltipDirective, typeof i66.CalendarComponent, typeof i67.CalendarItemComponent, typeof i68.DateInputComponent, typeof i69.KeyboardNavContainerDirective], [typeof i70.CommonModule, typeof i71.FormsModule, typeof i71.ReactiveFormsModule, typeof i72.RouterModule, typeof i73.TranslateModule, typeof i74.A11yModule, typeof i75.OverlayModule, typeof i76.ScrollingModule], [typeof i1.ButtonComponent, typeof i2.TabsComponent, typeof i3.TextboxComponent, typeof i4.NavItemActiveDirective, typeof i5.SpinnerComponent, typeof i6.ViewOverlayComponent, typeof i7.BannerComponent, typeof i2.TabsComponent, typeof i9.TableComponent, typeof i10.SearchableTableComponent, typeof i11.ComboboxComponent, typeof i12.MenuComponent, typeof i13.PopupContainerDirective, typeof i14.DropdownComponent, typeof i15.ConfirmComponent, typeof i16.DialogComponent, typeof i17.DateDisplayPipe, typeof i18.TimeDisplayPipe, typeof i20.RadioButtonComponent, typeof i21.CheckboxComponent, typeof i22.NumericboxComponent, typeof i23.AvatarComponent, typeof i24.AppBarComponent, typeof i25.SplashComponent, typeof i26.IfViewportWidthDirective, typeof i27.ClickAreaForDirective, typeof i28.CollapsibleToggleComponent, typeof i29.TableMasterRowComponent, typeof i30.TableMasterHeaderRowComponent, typeof i32.TableLockedColumnComponent, typeof i33.TableSelectableRowComponent, typeof i34.PopoverComponent, typeof i37.CopyButtonDirective, typeof i35.TablePaginationComponent, typeof i38.TagsComponent, typeof i39.FormControlComponent, typeof i40.SelectComponent, typeof i41.ItemDisplayComponent, typeof i42.ResizableColumnComponent, typeof i43.DialogGroupComponent, typeof i44.FileUploadComponent, typeof i45.FormGroupComponent, typeof i46.JsonDisplayComponent, typeof i47.ToastComponent, typeof i48.ToasterComponent, typeof i49.PageViewComponent, typeof i50.PageTitleComponent, typeof i51.WizardProgressComponent, typeof i52.WizardButtonsComponent, typeof i53.HierarchyTreeComponent, typeof i54.TreeComponent, typeof i55.RelativeDatePipe, typeof i56.ResizableComponent, typeof i57.HighlightTextPipe, typeof i58.FormControlLabelComponent, typeof i59.ItemPickerComponent, typeof i60.HelpPopoverComponent, typeof i61.LinkButtonComponent, typeof i62.TooltipComponent, typeof i63.TourComponent, typeof i64.CopyTableButtonDirective, typeof i65.TooltipDirective, typeof i66.CalendarComponent, typeof i68.DateInputComponent, typeof i69.KeyboardNavContainerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
 }

package/lib/controls/calendar/calendar-item.component.d.ts

@@ -1,17 +1,22 @@
 import { OnChanges } from '@angular/core';
-import { CalendarItem, CalendarSelection, CalendarView } from './calendar.types';
+import { DateInput } from '../date-input/date-input.types';
+import { Calendar } from './calendar.types';
 import * as i0 from "@angular/core";
 export declare class CalendarItemComponent implements OnChanges {
-    item?: CalendarItem;
-    activeDate?: Date;
-    selection?: CalendarSelection;
-    view: CalendarView;
+    item?: Calendar.Item;
+    selection?: DateInput.Selection;
+    view: Calendar.View;
+    minDate: Date;
+    maxDate: Date;
     today: boolean;
     selected: boolean;
     outsideActiveMonth: boolean;
+    hidden: boolean;
+    get disabled(): true | undefined;
     constructor();
     ngOnChanges(): void;
     private isSelected;
+    private isHidden;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarItemComponent, "button[ec-calendar-item]", never, { "item": { "alias": "item"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarItemComponent, "button[ec-calendar-item]", never, { "item": { "alias": "item"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "view": { "alias": "view"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/controls/calendar/calendar.component.d.ts

@@ -1,54 +1,52 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { CalendarItem, CalendarSelection, CalendarView } from './calendar.types';
+import { DateInput } from '../date-input/date-input.types';
+import { Calendar } from './calendar.types';
 import * as i0 from "@angular/core";
 export declare class CalendarComponent implements OnChanges, OnInit {
     id: string;
-    selection: CalendarSelection | null;
-    selectionChange: EventEmitter<CalendarSelection | null>;
+    selection: DateInput.Selection | null;
+    selectionMode: DateInput.SelectionMode;
     minDate: Date;
     maxDate: Date;
-    focusOutStart: EventEmitter<KeyboardEvent>;
-    focusOutEnd: EventEmitter<KeyboardEvent>;
+    dateSelected: EventEmitter<Date>;
+    /** Determines the current view of the calendar. */
+    view: Calendar.View;
+    viewChange: EventEmitter<Calendar.View>;
     /** Month of the active date displayed in the header buttons. */
     month?: string;
     /** Year of the active date displayed in the header buttons. */
     year?: string;
     /** Range of years to display in the year view. */
     yearRange?: string;
-    /** Array of calendar items to display in the calendar grid. */
-    calendarItems: CalendarItem[];
+    /** Array of calendar item rows to display in the calendar. */
+    calendarItems: Calendar.Item[][];
     /** Weekday labels to show at the top of the calendar in day view. */
     weekDays: string[];
-    /** Determines the current view mode of the calendar. */
-    view: CalendarView;
-    /**
-     * Tracks the month and year being viewed in the calendar.
-     * This is separate from the selection, which may be out of view.
-     */
-    activeDate: Date;
-    /** TrackBy function for the calendar items. This avoids re-drawing calendar items if a date is shared between view updates */
-    calendarItemTrackByDate: (index: number, item: CalendarItem) => string;
     disablePreviousButton: boolean;
     disableNextButton: boolean;
-    constructor();
+    trackByDateRow: (index: number, row: Calendar.Item[]) => string;
+    trackByDate: (index: number, item: Calendar.Item) => string;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
-    onItemSelected(item: CalendarItem): void;
     onNextClick(): void;
     onPreviousClick(): void;
     /** Switches the calendar to month view. */
     onMonthClick(): void;
     /** Switches the calendar to year view. */
     onYearClick(): void;
-    onFirstItemKeydown(event: KeyboardEvent): void;
-    onLastItemKeydown(event: KeyboardEvent): void;
+    onItemSelected(item: Calendar.Item): void;
+    private onYearSelected;
+    private onQuarterSelected;
+    private onMonthSelected;
+    private onDaySelected;
     private drawCalendar;
     private getCalendarItems;
     private getDayViewItems;
     private getMonthViewItems;
+    private getQuarterViewItems;
     private getYearViewItems;
-    /** Returns true if the date is within the current calendar view */
-    private isDateInView;
+    private updateNextPreviousStates;
+    private getLastItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ec-calendar", never, { "id": { "alias": "id"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectionChange": "selectionChange"; "focusOutStart": "focusOutStart"; "focusOutEnd": "focusOutEnd"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ec-calendar", never, { "id": { "alias": "id"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, { "dateSelected": "dateSelected"; "viewChange": "viewChange"; }, never, never, false, never>;
 }

package/lib/controls/calendar/calendar.types.d.ts

@@ -1,7 +1,11 @@
-export type CalendarItem = {
-    label: string;
-    date: Date;
-};
-export type CalendarSelection = Date | [Date, Date];
-export type CalendarView = 'day' | 'month' | 'year';
-export declare function isCalendarSelectionSingleDate(selection?: CalendarSelection | null): selection is Date;
+export declare namespace Calendar {
+    type ViewMode = 'day' | 'month' | 'quarter' | 'year';
+    type View = {
+        mode: ViewMode;
+        date: Date;
+    };
+    type Item = {
+        label: string;
+        date: Date;
+    };
+}

package/lib/controls/date-input/date-input-selection-strategies/date-input-selection-strategy-base.d.ts

@@ -0,0 +1,42 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+/**
+ * Contains the logic for selecting, formatting, and parsing date dates for a specific selection mode.
+ */
+export declare abstract class DateInputSelectionStrategyBase {
+    /** The calendar view mode where selections occur for this mode. This is used to zoom the calendar into the selection */
+    abstract readonly selectionViewMode: Calendar.ViewMode;
+    /** The list of view modes that are accessible by this selection mode. Used to determine whether the calendar view needs to be changed or not on selection change. */
+    abstract readonly validViewModes: Calendar.ViewMode[];
+    /** Whether the secondary textbox should be shown for this selection mode */
+    abstract readonly showSecondaryTextbox: boolean;
+    /** Whether the secondary calendar should be shown for this selection mode */
+    abstract readonly showSecondaryCalendar: boolean;
+    /** Parses the string into a date using the provided parse formats. */
+    parseString(value: string | null | undefined, parseFormats: string[], opts?: DateInput.ParsingOptions): Date | null;
+    /** Formats a date input selection into values to be displayed in the date input's textboxes. */
+    abstract formatSelection(selection?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    /**
+     * Parses the date input's values into a date selection to display in the calendars.
+     * `parseFromEnd` controls whether the fixed range modes (last7days, last28days) will key off the end date instead of the start date.
+     * This is used when the user is typing in the end date textbox.
+     */
+    abstract parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    /** Returns a selection given a date and an existing selection (in the case of date ranges). Called when a date is clicked in the calendars. */
+    abstract getSelectionFromDate(date: Date, existingSelection?: DateInput.Selection | null): DateInput.Selection | null;
+    /** Returns a new selection that best matches the given previous selection from a different selection mode */
+    abstract getNewSelectionFromExisting(previousSelection?: DateInput.Selection | null): DateInput.Selection | null;
+    /** Returns a new selection for the provided date. */
+    getSelectionForQuickSelectDate(date: Date, existingSelection?: DateInput.Selection | null): DateInput.Selection | null;
+    /** Returns the next selection. Called by the date input steppers to move the range. */
+    abstract getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    /** Returns the previous selection. Called by the date input steppers to move the range. */
+    abstract getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    /** Returns the view for the primary calendar for the selection and selection mode */
+    getPrimaryCalendarView(selection: DateInput.Selection | null, minDate: Date, maxDate: Date, currentView: Calendar.View): Calendar.View;
+    /**
+     * Returns the view for the secondary calendar for the selection and selection mode.
+     * This is is only used by the range selection strategy. All others just return the current date.
+     */
+    getSecondaryCalendarView(selection: DateInput.Selection | null, minDate: Date, maxDate: Date, currentView: Calendar.View): Calendar.View;
+}

package/lib/controls/date-input/date-input-selection-strategies/day-selection-strategy.d.ts

@@ -0,0 +1,21 @@
+import { DateDisplayPipe } from "../../../shared/display/pipes/date-display.pipe";
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+/**
+ * Selection strategy for the 'day' selection mode.
+ */
+export declare class DaySelectionStrategy extends DateInputSelectionStrategyBase {
+    private dateDisplayPipe;
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = false;
+    readonly showSecondaryCalendar = false;
+    constructor(dateDisplayPipe: DateDisplayPipe);
+    formatSelection(selection?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection | null): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+}

package/lib/controls/date-input/date-input-selection-strategies/last-28-days-selection-strategy.d.ts

@@ -0,0 +1,21 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+import { RangeSelectionStrategy } from "./range-selection-strategy";
+/**
+ * Selection strategy for the 'last 28 days' selection mode.
+ */
+export declare class Last28DaysSelectionStrategy extends DateInputSelectionStrategyBase {
+    private rangeStrategy;
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = true;
+    readonly showSecondaryCalendar = false;
+    constructor(rangeStrategy: RangeSelectionStrategy);
+    formatSelection(value?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+}

package/lib/controls/date-input/date-input-selection-strategies/last-7-days-selection-strategy.d.ts

@@ -0,0 +1,21 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+import { RangeSelectionStrategy } from "./range-selection-strategy";
+/**
+ * Selection strategy for the 'last 7 days' selection mode.
+ */
+export declare class Last7DaysSelectionStrategy extends DateInputSelectionStrategyBase {
+    private rangeStrategy;
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = true;
+    readonly showSecondaryCalendar = false;
+    constructor(rangeStrategy: RangeSelectionStrategy);
+    formatSelection(value?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection | null): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+}

package/lib/controls/date-input/date-input-selection-strategies/month-selection-strategy.d.ts

@@ -0,0 +1,18 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+/**
+ * Selection strategy for the 'month' selection mode.
+ */
+export declare class MonthSelectionStrategy extends DateInputSelectionStrategyBase {
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = false;
+    readonly showSecondaryCalendar = false;
+    formatSelection(selection?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+}

package/lib/controls/date-input/date-input-selection-strategies/quarter-selection-strategy.d.ts

@@ -0,0 +1,18 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+/**
+ * Selection strategy for the 'month' selection mode.
+ */
+export declare class QuarterSelectionStrategy extends DateInputSelectionStrategyBase {
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = false;
+    readonly showSecondaryCalendar = false;
+    formatSelection(selection?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+}

package/lib/controls/date-input/date-input-selection-strategies/range-selection-strategy.d.ts

@@ -0,0 +1,21 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+/**
+ * Selection strategy for the 'range' selection mode.
+ */
+export declare class RangeSelectionStrategy extends DateInputSelectionStrategyBase {
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = true;
+    readonly showSecondaryCalendar = true;
+    formatSelection(selection?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date, existingSelection: DateInput.Selection | null): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection): DateInput.Selection | null;
+    getSelectionForQuickSelectDate(date: Date, existingSelection?: DateInput.Selection | null): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection | null): DateInput.Selection | null;
+    getPrimaryCalendarView(selection: DateInput.Selection | null, minDate: Date, maxDate: Date, currentView: Calendar.View): Calendar.View;
+    getSecondaryCalendarView(selection: DateInput.Selection | null, minDate: Date, maxDate: Date, currentView: Calendar.View): Calendar.View;
+}

package/lib/controls/date-input/date-input-selection-strategies/year-selection-strategy.d.ts

@@ -0,0 +1,20 @@
+import { Calendar } from "../../calendar/calendar.types";
+import { DateInput } from "../date-input.types";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategy-base";
+/**
+ * Selection strategy for the 'year' selection mode.
+ */
+export declare class YearSelectionStrategy extends DateInputSelectionStrategyBase {
+    readonly selectionViewMode: Calendar.ViewMode;
+    readonly validViewModes: Calendar.ViewMode[];
+    readonly showSecondaryTextbox = false;
+    readonly showSecondaryCalendar = false;
+    formatSelection(selection?: DateInput.Selection | null): DateInput.TextboxGroup['value'];
+    parseString(value: string | null | undefined, parseFormats: string[], opts?: DateInput.ParsingOptions): Date | null;
+    parseTextboxValues(value: DateInput.TextboxGroup['value'], parseFormats: string[], opts?: DateInput.ParsingOptions): DateInput.Selection | null;
+    getSelectionFromDate(date: Date): DateInput.Selection | null;
+    getNewSelectionFromExisting(previousSelection?: DateInput.Selection): DateInput.Selection | null;
+    getSelectionForQuickSelectDate(date: Date): DateInput.Selection | null;
+    getNextSelection(selection: DateInput.Selection): DateInput.Selection | null;
+    getPreviousSelection(selection: DateInput.Selection): DateInput.Selection | null;
+}

package/lib/controls/date-input/date-input.component.d.ts

@@ -1,64 +1,93 @@
 import { CdkConnectedOverlay, Overlay } from '@angular/cdk/overlay';
-import { ElementRef, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { KeyboardNavContainerDirective } from '../../../public-api';
 import { ValidationMessageService } from '../../core/validation-message.service';
-import { DateDisplayPipe } from '../../shared/display/pipes/date-display.pipe';
 import { FormGroupHelper } from '../../shared/form-group.helper';
 import { UserPreferenceService } from '../../shared/user-preference.service';
-import { CalendarSelection } from '../calendar/calendar.types';
+import { Calendar } from '../calendar/calendar.types';
 import { FormControlBase } from '../form-control-base';
+import { DateInputSelectionStrategyBase } from './date-input-selection-strategies/date-input-selection-strategy-base';
+import { DateInput } from './date-input.types';
 import * as i0 from "@angular/core";
-export type DateInputFormControl = FormControl<Date | null>;
-export declare class DateInputComponent extends FormControlBase implements OnInit {
+export declare class DateInputComponent extends FormControlBase implements OnInit, OnChanges {
     protected validationMessageService: ValidationMessageService;
     protected formGroupHelper: FormGroupHelper;
     private userPreferenceService;
-    private dateDisplayPipe;
     private el;
     private overlayService;
+    private selectionStrategies;
     id: string;
     /** The form control provided by the hosting form. */
-    formModel: DateInputFormControl;
+    formModel: DateInput.FormModel;
     minDate: Date;
     maxDate: Date;
-    /** The internal textbox's form control. */
-    textboxControl: FormControl<string | null>;
+    /** The initial selection mode for the calendar. Defaults to day if not provided */
+    selectionMode: DateInput.SelectionMode;
+    /** The available selection modes for the calendar. Defaults to only the initial selection mode if not provided.  */
+    selectionModeOptions: DateInput.SelectionMode[];
+    /**
+     * When a date is provided, enables the 'quick select' button.
+     * Clicking the button will shift the selected date range to the provided date.
+     */
+    quickSelectDate?: Date;
+    /** Enables the next/previous selection buttons. */
+    enableSteppers: boolean;
+    /** The form group for the internal textboxes. Textbox2 is only used for ranges. */
+    textboxGroup: DateInput.TextboxGroup;
     /**
      * The current calendar selection.
      * Updated when the user clicks on a calendar item or when the date entered into the textbox is parsed.
      */
-    calendarSelection: CalendarSelection | null;
+    calendarSelection: DateInput.Selection | null;
     /** Controls whether the calendar overlay is open or not. */
     isCalendarOpen: boolean;
     /** Placeholder for the textbox. Updated to reflect the user's date display preference. */
     placeholder: string;
     /** Overlay scroll strategy for the calendar overlay. Closes the calendar on scroll. */
     overlayScrollStrategy: import("@angular/cdk/overlay").CloseScrollStrategy;
+    primaryCalendarView: Calendar.View;
+    secondaryCalendarView: Calendar.View;
+    primaryCalendarMaxDate: Date;
+    secondaryCalendarMinDate: Date;
+    disableSteppers: boolean;
+    selectionStrategy: DateInputSelectionStrategyBase;
     /**
      * Date parsing formats for user-entered dates. Defaults to month-first formats, but is updated in onInit
      * to use the user's preferred date format.
      */
     private parseFormats;
-    /** Reference to the overlay directive (see template). Used to access the overlay's host element to control focus. */
+    calendar?: KeyboardNavContainerDirective;
+    controls?: KeyboardNavContainerDirective;
+    /** Reference to the overlay directive (see template). Used to update the overlay position on validation changes. */
     overlay?: CdkConnectedOverlay;
-    constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper, userPreferenceService: UserPreferenceService, dateDisplayPipe: DateDisplayPipe, el: ElementRef, overlayService: Overlay);
+    constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper, userPreferenceService: UserPreferenceService, el: ElementRef, overlayService: Overlay, selectionStrategies: DateInput.SelectionStrategies);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
     /** Focuses the input whenever the calendar is shift-tabbed out of. */
-    onCalendarFocusOutStart(event: KeyboardEvent): void;
+    onCalendarFocusOutStart(): void;
     /** Closes the calendar and focuses the input whenever the calendar is tabbed out of. */
-    onCalendarFocusOutEnd(event: KeyboardEvent): void;
-    /** Close the calendar if the user clicks outside of the calendar and date input. */
+    onCalendarFocusOutEnd(): void;
+    /** Closes the calendar if the user clicks outside of the calendar and date input. */
     onOverlayOutsideClick(event: MouseEvent): void;
     /** If the user tabs out of the form control's action button and the calendar is open, focus the first item in the calendar overlay */
-    onActionKeydown(event: KeyboardEvent): void;
-    onTextboxKeydown(event: KeyboardEvent): void;
-    /** Whenever the user selects a date from the calendar, update the formModel with the selection */
-    onSelectionChange(selection: CalendarSelection | null): void;
+    onControlsFocusOutEnd(): void;
     onTextboxBlur(): void;
-    ngOnInit(): void;
+    onTextbox2Blur(): void;
+    onSelectionModeChange(mode: DateInput.SelectionMode): void;
+    onCalendarDateSelected(date: Date): void;
+    onPrimaryCalendarViewChange(view: Calendar.View): void;
+    onSecondaryCalendarViewChange(view: Calendar.View): void;
+    /** Shifts the calendar views to display today. Does not update the calendar selection. */
+    goToToday(): void;
+    goToQuickSelectDate(): void;
+    nextSelection(): void;
+    previousSelection(): void;
+    private updateFormModel;
     private onFormModelStatusChanges;
     private onFormModelValueChanges;
     private onTextboxValueChanges;
     private syncTextboxControlDisabledStatus;
+    private syncFormErrors;
     /**
      * Updates the date parsing formats and placeholder based on the user's display preference.
      * NOTE: This is async because we're retrieving the user's preferences. We're not awaiting the result
@@ -67,14 +96,20 @@ export declare class DateInputComponent extends FormControlBase implements OnIni
      * form until the user is loaded anyway.
      */
     private setDateFormats;
-    /**
-     * Validator that checks if the date is within the min and max date range.
-     * If the date is outside of the range, the validator returns an error that
-     * triggers the validation message service to show the error in the label.
-     */
-    private dateValidator;
     /** Focuses the date input. */
     private focusInput;
+    private setSelectionMode;
+    /**
+     * Sets the max date for the primary calendar and the min date for the secondary calendar based
+     * on the current views in each. This prevents the user from moving the calendars out of order.
+     */
+    private updateCalendarMinMaxDates;
+    private updateCalendars;
+    private updatePrimaryCalendar;
+    private updateSecondaryCalendar;
+    private updateSteppers;
+    private validateTextboxes;
+    private validateDateString;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ec-date-input", never, { "id": { "alias": "id"; "required": false; }; "formModel": { "alias": "formModel"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ec-date-input", never, { "id": { "alias": "id"; "required": false; }; "formModel": { "alias": "formModel"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionModeOptions": { "alias": "selectionModeOptions"; "required": false; }; "quickSelectDate": { "alias": "quickSelectDate"; "required": false; }; "enableSteppers": { "alias": "enableSteppers"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/controls/date-input/date-input.types.d.ts

@@ -0,0 +1,62 @@
+import { FormControl, FormGroup } from "@angular/forms";
+import { DateDisplayPipe } from "../../shared/display/pipes/date-display.pipe";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategies/date-input-selection-strategy-base";
+import { DaySelectionStrategy } from "./date-input-selection-strategies/day-selection-strategy";
+import { Last28DaysSelectionStrategy } from "./date-input-selection-strategies/last-28-days-selection-strategy";
+import { Last7DaysSelectionStrategy } from "./date-input-selection-strategies/last-7-days-selection-strategy";
+import { MonthSelectionStrategy } from "./date-input-selection-strategies/month-selection-strategy";
+import { QuarterSelectionStrategy } from "./date-input-selection-strategies/quarter-selection-strategy";
+import { RangeSelectionStrategy } from "./date-input-selection-strategies/range-selection-strategy";
+import { YearSelectionStrategy } from "./date-input-selection-strategies/year-selection-strategy";
+import * as i0 from "@angular/core";
+export declare namespace DateInput {
+    type FormModel = FormControl<Selection | null>;
+    type TextboxGroup = FormGroup<{
+        textbox: FormControl<string | null>;
+        textbox2: FormControl<string | null>;
+    }>;
+    type Range = {
+        start: Date | null;
+        end: Date | null;
+    };
+    type Selection = Date | Range;
+    type SelectionMode = 'day' | 'last7Days' | 'last28Days' | 'month' | 'quarter' | 'year' | 'range';
+    function isSelectionSingleDate(selection?: Selection | null): selection is Date;
+    function isSelectionRange(selection?: Selection | null): selection is Range;
+    type ParsingOptions = {
+        /**
+         * When configured, the parser will shift the parsed date to the current year if the date is below this date.
+         * This is used to prevent the calendars from showing unhelpful dates in the distant past before the user finishes typing in the date.
+         */
+        shiftToCurrentYearIfBelow?: Date;
+        /**
+         * When true, the range selection modes (range, last7Days, last28Days) will key off of the end date string to determine the selection range.
+         */
+        parseFromEnd?: boolean;
+        /**
+         * Stops the parser from automatically completing the date range when there is only a start or an end date.
+         * Only applicable to the fixed length range selection modes (last7Days, last28Days).
+         */
+        preventAutoComplete?: boolean;
+    };
+    class SelectionStrategies implements Record<SelectionMode, DateInputSelectionStrategyBase> {
+        private dateDisplayPipe;
+        constructor(dateDisplayPipe: DateDisplayPipe);
+        private _range;
+        get range(): RangeSelectionStrategy;
+        private _day;
+        get day(): DaySelectionStrategy;
+        private _last7Days;
+        get last7Days(): Last7DaysSelectionStrategy;
+        private _last28Days;
+        get last28Days(): Last28DaysSelectionStrategy;
+        private _month;
+        get month(): MonthSelectionStrategy;
+        private _quarter;
+        get quarter(): QuarterSelectionStrategy;
+        _year: YearSelectionStrategy;
+        get year(): YearSelectionStrategy;
+        static ɵfac: i0.ɵɵFactoryDeclaration<SelectionStrategies, never>;
+        static ɵprov: i0.ɵɵInjectableDeclaration<SelectionStrategies>;
+    }
+}

package/lib/controls/form-control/form-control.component.d.ts

@@ -1,7 +1,7 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class FormControlComponent implements OnChanges, AfterViewInit {
+export declare class FormControlComponent implements AfterViewInit {
     private el;
     formControlDirective?: AbstractControl;
     id: string;
@@ -17,14 +17,12 @@ export declare class FormControlComponent implements OnChanges, AfterViewInit {
     get invalid(): boolean;
     get disabled(): boolean;
     actionClicked: EventEmitter<Event>;
-    actionKeydown: EventEmitter<KeyboardEvent>;
-    private _formModel?;
+    private get _formModel();
     constructor(el: ElementRef);
-    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     onClick(): void;
     focus(): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormControlComponent, "ec-form-control", never, { "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "formModelInput": { "alias": "formModel"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "actionClicked": "actionClicked"; "actionKeydown": "actionKeydown"; }, ["formControlDirective"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormControlComponent, "ec-form-control", never, { "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "formModelInput": { "alias": "formModel"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "actionClicked": "actionClicked"; }, ["formControlDirective"], ["*"], false, never>;
 }