@energycap/components 0.39.35 → 0.39.36-ECAP-26840-date-input.20241118-1204

package/lib/components.module.d.ts

@@ -65,12 +65,16 @@ import * as i62 from "./display/tooltip/tooltip.component";
 import * as i63 from "./display/tour/tour.component";
 import * as i64 from "./controls/button/copy-table-button.directive";
 import * as i65 from "./display/tooltip-directive/tooltip.directive";
-import * as i66 from "@angular/common";
-import * as i67 from "@angular/forms";
-import * as i68 from "@angular/router";
-import * as i69 from "@ngx-translate/core";
-import * as i70 from "@angular/cdk/a11y";
-import * as i71 from "@angular/cdk/overlay";
+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";
 export type ComponentsModuleConfig = {
     tracker: Provider;
 };
@@ -82,6 +86,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.CommonModule, typeof i67.FormsModule, typeof i67.ReactiveFormsModule, typeof i68.RouterModule, typeof i69.TranslateModule, typeof i70.A11yModule, typeof i71.OverlayModule], [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]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
 }

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

@@ -0,0 +1,17 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { CalendarItem, CalendarSelection, CalendarView } from './calendar.types';
+import * as i0 from "@angular/core";
+export declare class CalendarItemComponent implements OnChanges {
+    item?: CalendarItem;
+    activeDate?: Date;
+    selection?: CalendarSelection;
+    view: CalendarView;
+    today: boolean;
+    selected: boolean;
+    outsideActiveMonth: boolean;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    private isSelected;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarItemComponent, "button[ec-calendar-item]", never, { "item": "item"; "activeDate": "activeDate"; "selection": "selection"; "view": "view"; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,54 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { CalendarItem, CalendarSelection, CalendarView } 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>;
+    minDate: Date;
+    maxDate: Date;
+    focusOutStart: EventEmitter<void>;
+    focusOutEnd: EventEmitter<void>;
+    /** 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[];
+    /** 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();
+    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;
+    private drawCalendar;
+    private getCalendarItems;
+    private getDayViewItems;
+    private getMonthViewItems;
+    private getYearViewItems;
+    /** Returns true if the date is within the current calendar view */
+    private isDateInView;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ec-calendar", never, { "id": "id"; "selection": "selection"; "minDate": "minDate"; "maxDate": "maxDate"; }, { "selectionChange": "selectionChange"; "focusOutStart": "focusOutStart"; "focusOutEnd": "focusOutEnd"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,7 @@
+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;

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

@@ -0,0 +1,79 @@
+import { CdkConnectedOverlay, Overlay } from '@angular/cdk/overlay';
+import { ElementRef, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+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 { FormControlBase } from '../form-control-base';
+import * as i0 from "@angular/core";
+export type DateInputFormControl = FormControl<Date | null>;
+export declare class DateInputComponent extends FormControlBase implements OnInit {
+    protected validationMessageService: ValidationMessageService;
+    protected formGroupHelper: FormGroupHelper;
+    private userPreferenceService;
+    private dateDisplayPipe;
+    private el;
+    private overlayService;
+    id: string;
+    /** The form control provided by the hosting form. */
+    formModel: DateInputFormControl;
+    minDate: Date;
+    maxDate: Date;
+    /** The internal textbox's form control. */
+    textboxControl: FormControl<string | null>;
+    /**
+     * 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;
+    /** 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;
+    /**
+     * 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. */
+    overlay?: CdkConnectedOverlay;
+    constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper, userPreferenceService: UserPreferenceService, dateDisplayPipe: DateDisplayPipe, el: ElementRef, overlayService: Overlay);
+    openCalendar(): void;
+    closeCalendar(): void;
+    onCalendarClose(): void;
+    /** Close the calendar if the user clicks outside of the calendar and date input. */
+    onOverlayOutsideClick(event: MouseEvent): void;
+    /** Focuses the date input. */
+    focusInput(): 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;
+    onTextboxBlur(): void;
+    ngOnInit(): void;
+    private onFormModelStatusChanges;
+    private onFormModelValueChanges;
+    private onTextboxValueChanges;
+    private syncTextboxControlDisabledStatus;
+    /**
+     * 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
+     * because the only logic that depends on this is the text box date parsing logic and placeholder.
+     * Our forms should always be behind a pending overlay, so the user won't be able to interact with the
+     * 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ec-date-input", never, { "id": "id"; "formModel": "formModel"; "minDate": "minDate"; "maxDate": "maxDate"; }, {}, never, never, false, never>;
+}

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

@@ -1,25 +1,30 @@
-import { ElementRef, EventEmitter, AfterViewInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class FormControlComponent implements AfterViewInit {
+export declare class FormControlComponent implements OnChanges, AfterViewInit {
     private el;
-    formModel?: AbstractControl;
+    formControlDirective?: AbstractControl;
     id: string;
     icon?: string;
     actionIcon?: string;
     showClear: boolean;
+    formModelInput?: AbstractControl;
+    autofocus: boolean;
     pending: boolean;
     required: boolean;
     readonly: boolean;
     get empty(): boolean;
     get invalid(): boolean;
     get disabled(): boolean;
-    actionClicked: EventEmitter<void>;
+    actionClicked: EventEmitter<Event>;
+    actionKeydown: EventEmitter<KeyboardEvent>;
+    private _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": "id"; "icon": "icon"; "actionIcon": "actionIcon"; "showClear": "showClear"; "pending": "pending"; "required": "required"; "readonly": "readonly"; }, { "actionClicked": "actionClicked"; }, ["formModel"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormControlComponent, "ec-form-control", never, { "id": "id"; "icon": "icon"; "actionIcon": "actionIcon"; "showClear": "showClear"; "formModelInput": "formModel"; "autofocus": "autofocus"; "pending": "pending"; "required": "required"; "readonly": "readonly"; }, { "actionClicked": "actionClicked"; "actionKeydown": "actionKeydown"; }, ["formControlDirective"], ["*"], false, never>;
 }

package/lib/core/date-time-helper.d.ts

@@ -32,11 +32,32 @@ export declare class DateTimeHelper {
      * when the users date format preference has month before day
      */
     static monthFirstParseFormats: string[];
+    /**
+     * User input formats that we will parse into a date
+     * when the users date format preference has month before day.
+     * To be used with moment.js. Moment ignores non-alphanumeric characters
+     * so dates like 2020/09/10 will be parsed the same as 2020-09-10
+     */
+    static momentMonthFirstParseFormats: string[];
     /**
      * User input formats that we will parse into a date
      * when the users date format preference has day before month
      */
     static dateFirstParseFormats: string[];
+    /**
+     * User input formats that we will parse into a date
+     * when the users date format preference has day before month.
+     * To be used with moment.js. Moment ignores non-alphanumeric characters
+     * so dates like 2020/09/10 will be parsed the same as 2020-09-10
+     */
+    static momentDateFirstParseFormats: string[];
+    /**
+     * Formats used to parse dates that are in the medium or long format by moment js.
+     * These are shared by date-first and month-first date formats. The date can't be
+     * parsed differently based on the date preference since the month is not numeric.
+     * This is not an exhaustive list of formats, but it should cover most common formats.
+     */
+    static momentMedAndLongDateFormats: string[];
     /**
      * Format to display the time portion of a datetime
      */
@@ -55,6 +76,11 @@ export declare class DateTimeHelper {
      *
      */
     static getParseFormats(dateFormat?: string | null): string[];
+    /**
+     * Get the moment parse formats based on the given date format. If no date format is
+     * given, or we don't recognize the format, return the month first parse formats.
+     */
+    static getMomentParseFormats(dateFormat?: string | null): string[];
     /**
      * Get relationship start date (favoring date in partialFormState if exists)
      * * return default account-meter effective date if no start date found

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@energycap/components",
-  "version": "0.39.35",
+  "version": "0.39.36-ECAP-26840-date-input.20241118-1204",
   "dependencies": {
     "tslib": "^2.0.0"
   },

package/public-api.d.ts

@@ -106,3 +106,6 @@ export * from './lib/display/tour/tour.service';
 export * from './lib/display/tour/tour.component';
 export * from './lib/controls/button/copy-table-button.directive';
 export * from './lib/shared/testing/copy-button-base-test-injector-factory.spec';
+export * from './lib/controls/calendar/calendar.component';
+export * from './lib/controls/calendar/calendar.types';
+export * from './lib/controls/date-input/date-input.component';