mis-crystal-design-system 17.0.0 → 17.0.2-test

package/phone-input/phone-input.component.d.ts

@@ -1,34 +1,25 @@
 import { EventEmitter, OnInit } from "@angular/core";
-import { UntypedFormControl } from "@angular/forms";
-import { CountryCode } from 'libphonenumber-js';
+import { FormControl } from "@angular/forms";
 import { DropdownItem } from "mis-crystal-design-system/dropdown";
 import * as i0 from "@angular/core";
 export declare class PhoneInputComponent implements OnInit {
     dropdownHeight?: string;
     dropdownWidth?: string;
-    inputHeight?: any;
+    inputHeight?: string;
     dropdownData: DropdownItem[];
     dropdownSelectedItem: DropdownItem;
-    defaultCountryCode?: string;
     label: string;
     inputPlaceholder: string;
-    inputFormControl: UntypedFormControl;
+    inputFormControl: FormControl;
     onDropdownSelection: EventEmitter<any>;
-    onInvalidPhoneNumber: EventEmitter<string>;
-    dropdownListWidth: string;
-    dropdownListHeight: string;
+    dropdownListWidth: any;
+    dropdownListHeight: any;
     searchEnabled: boolean;
     inputType: string;
     searchLabel: string;
-    phoneValidator?: boolean;
-    countryCodes: DropdownItem[];
-    countryCode: CountryCode | undefined;
-    selectedCountryName: string;
     constructor();
     ngOnInit(): void;
     handleDropdownSelection(item: DropdownItem): void;
-    loadCountryCodes(): void;
-    validatePhoneNumber(phoneNumber: string, countryCode: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "mis-phone-input", never, { "dropdownHeight": { "alias": "dropdownHeight"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "inputHeight": { "alias": "inputHeight"; "required": false; }; "dropdownData": { "alias": "dropdownData"; "required": false; }; "dropdownSelectedItem": { "alias": "dropdownSelectedItem"; "required": false; }; "defaultCountryCode": { "alias": "defaultCountryCode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; }; "inputFormControl": { "alias": "inputFormControl"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "phoneValidator": { "alias": "phoneValidator"; "required": false; }; }, { "onDropdownSelection": "onDropdownSelection"; "onInvalidPhoneNumber": "onInvalidPhoneNumber"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "mis-phone-input", never, { "dropdownHeight": { "alias": "dropdownHeight"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "inputHeight": { "alias": "inputHeight"; "required": false; }; "dropdownData": { "alias": "dropdownData"; "required": false; }; "dropdownSelectedItem": { "alias": "dropdownSelectedItem"; "required": false; }; "label": { "alias": "label"; "required": false; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; }; "inputFormControl": { "alias": "inputFormControl"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; }, { "onDropdownSelection": "onDropdownSelection"; }, never, never, false, never>;
 }

package/specificdatepicker/public_api.d.ts

@@ -1,5 +1,4 @@
-import { TzDrpContainerComponent } from "./tz-sdp-container/tz-sdp-container.component";
-export { TzDrpContainerComponent };
+export { TzDrpContainerComponent } from "./tz-sdp-container/tz-sdp-container.component";
 export { SpecificDatepickerModule } from "./specificdatepicker.module";
 export { TzSpecificDatepickerDirective } from "./tz-specificdatepicker.directive";
-export { ISDatePickerConfig, ISDatePickerToastText } from "./models/sdp-config.model";
+export * from "./models/sdp-config.model";

package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts

@@ -8,7 +8,7 @@ export declare class TzDrpContainerComponent implements OnInit {
     private toast;
     private cdr;
     data: IDatePickerData;
-    private parseZoneInstance;
+    private dayjsInstance;
     private rawWeekDays;
     weekDays: IWeekDay[];
     currentMonthNumber: number;
@@ -47,6 +47,7 @@ export declare class TzDrpContainerComponent implements OnInit {
     onSingleDateChange($event: any): void;
     cancelDatePicker(): void;
     changePicker(event: any): void;
+    calculateDateRangeLength(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TzDrpContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TzDrpContainerComponent, "mis-tz-sdp", never, {}, {}, never, never, false, never>;

package/styles/mis-mixins.scss

@@ -0,0 +1,46 @@
+
+@mixin text-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+@mixin flexStyle(
+    $align_items: center, 
+    $justify_content: center, 
+    $flex-direction: row
+) {
+    display: flex;
+    flex-direction: $flex-direction;
+    align-items: $align_items;
+    justify-content: $justify_content;
+}
+
+@mixin grid-container(
+  $columns: auto, 
+  $rows: auto, 
+  $gap: 0,
+  $justify-items: start,
+  $align-items: start
+) {
+  display: grid;
+  grid-template-columns: $columns;
+  grid-template-rows: $rows;
+  gap: $gap;
+  justify-items: $justify-items;
+  align-items: $align-items;
+}
+  
+// Usage Example for mixins
+
+// .container {
+//     @include grid-container(
+//       1fr 1fr 1fr,    // 3 columns of equal width
+//       auto,            // Rows will adjust based on content
+//       16px,            // Gap between grid items
+//       center,          // Center items horizontally
+//       center           // Center items vertically
+//     );
+// }
+  
+  

package/styles/mis-old-icon-styles.scss

@@ -0,0 +1,498 @@
+@font-face {
+    font-family: 'mis-icons';
+    src: url('fonts/mis-icons.eot?nvmskr');
+    src: url('fonts/mis-icons.eot?nvmskr#iefix') format('embedded-opentype'),
+        url('fonts/mis-icons.ttf?nvmskr') format('truetype'),
+        url('fonts/mis-icons.woff?nvmskr') format('woff'),
+        url('fonts/mis-icons.svg?nvmskr#mis-icons') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+}
+
+[class^="ic-"],
+[class*=" ic-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'mis-icons' !important;
+    speak: never;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.ic-navigation-arrow-left-24:before {
+    content: "\e900";
+}
+
+.ic-navigation-arrow-right-24:before {
+    content: "\e901";
+}
+
+.ic-action-filter-16:before {
+    content: "\e902";
+}
+
+.ic-selection-Checkboxes-Active-selected .path1:before {
+    content: "\e903";
+    color: rgb(9, 55, 178);
+}
+
+.ic-selection-Checkboxes-Active-selected .path2:before {
+    content: "\e904";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-Off-Enabled-24 .path1:before {
+    content: "\e905";
+    color: rgb(245, 245, 245);
+}
+
+.ic-selection-switch-Off-Enabled-24 .path2:before {
+    content: "\e906";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-Off-Disabled-24 .path1:before {
+    content: "\e907";
+    color: rgb(224, 224, 224);
+}
+
+.ic-selection-switch-Off-Disabled-24 .path2:before {
+    content: "\e908";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-On-Disabled-24 .path1:before {
+    content: "\e909";
+    color: rgb(224, 224, 224);
+}
+
+.ic-selection-switch-On-Disabled-24 .path2:before {
+    content: "\e90a";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-On-Disabled-24 .path3:before {
+    content: "\e90b";
+    margin-left: -1em;
+    color: rgb(146, 157, 171);
+}
+
+.ic-selection-switch-On-Enabled-24 .path1:before {
+    content: "\e90c";
+    color: rgb(224, 224, 224);
+}
+
+.ic-selection-switch-On-Enabled-24 .path2:before {
+    content: "\e90d";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-switch-On-Enabled-24 .path3:before {
+    content: "\e90e";
+    margin-left: -1em;
+    color: rgb(9, 55, 178);
+}
+
+.ic-selection-radio-Disabled-Unselected-24:before {
+    content: "\e90f";
+    color: #929dab;
+}
+
+.ic-selection-radio-Active-Unselected-24:before {
+    content: "\e910";
+    color: #6a737d;
+}
+
+.ic-selection-radio-Disabled-Selected-24:before {
+    content: "\e911";
+    color: #929dab;
+}
+
+.ic-selection-radio-Active-Selected-24:before {
+    content: "\e912";
+    color: #0937b2;
+}
+
+.ic-selection-checkbox-Disabled-Neutral-24:before {
+    content: "\e913";
+    color: #929dab;
+}
+
+.ic-selection-checkbox-Active-Neutral-24 .path1:before {
+    content: "\e914";
+    color: rgb(9, 55, 178);
+}
+
+.ic-selection-checkbox-Active-Neutral-24 .path2:before {
+    content: "\e915";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-selection-checkbox-disabled-selected-24 .path1:before {
+    content: "\e918";
+    color: rgb(200, 205, 211);
+}
+
+.ic-selection-checkbox-disabled-selected-24 .path2:before {
+    content: "\e919";
+    margin-left: -1em;
+    color: rgb(255, 255, 255);
+}
+
+.ic-navigation-cancel-24:before {
+    content: "\e91a";
+}
+
+.ic-navigation-chevron-right-24:before {
+    content: "\e91b";
+}
+
+.ic-navigation-chevron-left-24:before {
+    content: "\e91c";
+}
+
+.ic-navigation-drop-down-24:before {
+    content: "\e91d";
+}
+
+.ic-navigation-expand-less-24:before {
+    content: "\e91e";
+}
+
+.ic-action-cached-24:before {
+    content: "\e91f";
+}
+
+.ic-ui-download-24:before {
+    content: "\e920";
+    color: #0937b2;
+}
+
+.ic-ui-location-24:before {
+    content: "\e921";
+}
+
+.ic-ui-location-searching-24:before {
+    content: "\e922";
+}
+
+.ic-ui-contact-support-24:before {
+    content: "\e923";
+}
+
+.ic-ui-trend-up-24:before {
+    content: "\e924";
+    color: #4caf50;
+}
+
+.ic-ui-error-24:before {
+    content: "\e925";
+    color: #b00020;
+}
+
+.ic-ui-trend-down-24:before {
+    content: "\e926";
+    color: #b00020;
+}
+
+.ic-ui-success-24:before {
+    content: "\e927";
+    color: #4caf50;
+}
+
+.ic-ui-check-24:before {
+    content: "\e928";
+}
+
+.ic-ui-warning-24:before {
+    content: "\e929";
+    color: #ff9d00;
+}
+
+.ic-rep-stay_primary_portrait-24:before {
+    content: "\e92a";
+}
+
+.ic-rep-email-24:before {
+    content: "\e92b";
+}
+
+.ic-rep-night-24:before {
+    content: "\e92c";
+    color: #929dab;
+}
+
+.ic-rep-cab-24:before {
+    content: "\e92e";
+}
+
+.ic-rep-local_parking-24:before {
+    content: "\e92f";
+}
+
+.ic-rep-restaurant-24:before {
+    content: "\e930";
+}
+
+.ic-rep-calendar2-24:before {
+    content: "\e931";
+}
+
+.ic-rep-home-24:before {
+    content: "\e932";
+}
+
+.ic-rep-qr-24:before {
+    content: "\e933";
+}
+
+.ic-rep-calender-24:before {
+    content: "\e934";
+}
+
+.ic-rep-bus-24:before {
+    content: "\e935";
+}
+
+.ic-rep-team-24:before {
+    content: "\e936";
+}
+
+.ic-rep-office-24:before {
+    content: "\e937";
+}
+
+.ic-sidebar-home-24:before {
+    content: "\e938";
+}
+
+.ic-side-bar-work-planner-24:before {
+    content: "\e93a";
+}
+
+.ic-side-bar-office-24:before {
+    content: "\e93b";
+}
+
+.ic-side-bar-seat-mgmt-24:before {
+    content: "\e93c";
+}
+
+.ic-sidebar-floor-plan-24:before {
+    content: "\e93d";
+}
+
+.ic-side-bar-team-24:before {
+    content: "\e93e";
+}
+
+.ic-side-bar-user-24:before {
+    content: "\e93f";
+}
+
+.ic-side-bar-qr-mgmt-24:before {
+    content: "\e940";
+}
+
+.ic-side-bar-utilisation-24:before {
+    content: "\e941";
+}
+
+.ic-side-bar-settings-24:before {
+    content: "\e942";
+}
+
+.ic-side-bar-report-24:before {
+    content: "\e943";
+}
+
+.ic-side-bar-upload-24:before {
+    content: "\e944";
+}
+
+.ic-side-bar-cancelled-24:before {
+    content: "\e945";
+}
+
+.ic-side-bar-unplanned-24:before {
+    content: "\e946";
+}
+
+.ic-side-bar-meetingroom-24:before {
+    content: "\e947";
+}
+
+.ic-mouse-cursor:before {
+    content: "\e948";
+}
+
+.ic-mouse-cursor-2 .path1:before {
+    content: "\e949";
+    color: rgb(255, 255, 255);
+}
+
+.ic-mouse-cursor-2 .path2:before {
+    content: "\e94a";
+    margin-left: -1em;
+    color: rgb(24, 31, 51);
+}
+
+.ic-action-favorite-24:before {
+    content: "\e94b";
+}
+
+.ic-action-see-more-24 .path1:before {
+    content: "\e94c";
+    color: rgb(224, 224, 224);
+}
+
+.ic-action-see-more-24 .path2:before {
+    content: "\e94d";
+    margin-left: -1em;
+    color: rgb(24, 31, 51);
+}
+
+.ic-action-more-vert-24:before {
+    content: "\e94e";
+}
+
+.ic-action-search-24:before {
+    content: "\e94f";
+    color: #6a737d;
+}
+
+.ic-action-edit-24:before {
+    content: "\e950";
+}
+
+.ic-action-filter-24:before {
+    content: "\e951";
+}
+
+.ic-action-visibility-24:before {
+    content: "\e952";
+    color: #6a737d;
+}
+
+.ic-action-visibility-off-24:before {
+    content: "\e953";
+    color: #6a737d;
+}
+
+.ic-action-qr-24:before {
+    content: "\e954";
+}
+
+.ic-action-delete-24:before {
+    content: "\e955";
+}
+
+.ic-action-history-24:before {
+    content: "\e956";
+}
+
+.ic-action-share-24:before {
+    content: "\e957";
+}
+
+.ic-action-add-24:before {
+    content: "\e958";
+}
+
+.ic-action-remove-24:before {
+    content: "\e959";
+}
+
+.ic-action-download-24:before {
+    content: "\e95a";
+}
+
+.ic-action-upload-24:before {
+    content: "\e95b";
+}
+
+.ic-action-logout-24:before {
+    content: "\e95c";
+}
+
+.ic-action-menu-24:before {
+    content: "\e95d";
+}
+
+.ic-action-notifications-24:before {
+    content: "\e95e";
+}
+
+.ic-action-more-horiz-24 .path1:before {
+    content: "\e95f";
+    color: rgb(224, 224, 224);
+}
+
+.ic-action-more-horiz-24 .path2:before {
+    content: "\e960";
+    margin-left: -1em;
+    color: rgb(24, 31, 51);
+}
+
+.ic-action-print-24:before {
+    content: "\e961";
+}
+
+.ic-action-shift-time-24:before {
+    content: "\e962";
+}
+
+.ic-action-refresh-24:before {
+    content: "\e963";
+}
+
+.ic-action-invite-24:before {
+    content: "\e964";
+}
+
+.ic-action-sort-24:before {
+    content: "\e965";
+}
+
+.ic-plus-5:before {
+    content: "\e966";
+    color: #0937b2;
+}
+
+.ic-plus-4:before {
+    content: "\e967";
+    color: #0937b2;
+}
+
+.ic-plus-3:before {
+    content: "\e968";
+    color: #fff;
+}
+
+.ic-plus-2:before {
+    content: "\e969";
+    color: #fff;
+}
+
+.ic-plus-1:before {
+    content: "\e96a";
+    color: #fff;
+}
+
+.ic-plus:before {
+    content: "\e96b";
+    color: #929dab;
+}

package/table/filter/filter.component.d.ts

@@ -15,7 +15,7 @@ export declare class TableFilterComponent implements OnInit {
     updateFilter(data: any): void;
     getFiltersBasedOnSearchValue(): Filter[] | any;
     getCheckedFilters(): Filter[] | any;
-    mySort: (a: Filter | any, b: Filter | any) => 1 | -1 | 0;
+    mySort: (a: Filter | any, b: Filter | any) => 1 | 0 | -1;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableFilterComponent, "mis-table-filter", never, { "filtersData": { "alias": "filtersData"; "required": false; }; "containerStyles": { "alias": "containerStyles"; "required": false; }; }, { "filtersApplied": "filtersApplied"; }, never, never, false, never>;
 }

package/table/public_api.d.ts

@@ -1,6 +1,5 @@
-import { SubTableComponent } from "./sub-table/sub-table.component";
-export { SubTableComponent };
 export { TableComponent } from "./table.component";
+export { SubTableComponent } from "./sub-table/sub-table.component";
 export { CustomTableCellDirective } from "./custom-table-cell.directive";
 export { TableModule } from "./table.module";
 export { TableConfig, PaginationConfig, RowConfig, ColHeaderConfig, ColConfig } from "./table.component";

package/timepicker/timepicker.component.d.ts

@@ -1,8 +1,8 @@
 import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from "@angular/core";
-import * as moment from "moment-timezone";
 import { ITime } from "./time.namespace";
 import { TimepickerDirective } from "./timepicker.directive";
 import { ToolTipDirective } from "mis-crystal-design-system/tooltip";
+import dayjs from 'dayjs';
 import * as i0 from "@angular/core";
 export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy {
     currTime: string;
@@ -29,6 +29,7 @@ export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy
     givenTime: number;
     minTime?: number;
     triggerChange: boolean;
+    disable: boolean;
     timeEmitter: EventEmitter<ITime>;
     input: ElementRef;
     timepickerDirective: TimepickerDirective;
@@ -38,7 +39,7 @@ export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy
     ngOnInit(): void;
     ngOnChanges(): void;
     emitTime(data: ITime): void;
-    getMoment(time: string): moment.Moment;
+    getdayjs(time?: string): dayjs.Dayjs;
     closeDropdown(): void;
     openDropdown(): void;
     checkTimeValidity(time: string): boolean;
@@ -48,5 +49,5 @@ export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy
     populateDropdown(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "height": { "alias": "height"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; }; "firstInterval": { "alias": "firstInterval"; "required": false; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "givenTime": { "alias": "givenTime"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "triggerChange": { "alias": "triggerChange"; "required": false; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "height": { "alias": "height"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; }; "firstInterval": { "alias": "firstInterval"; "required": false; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "givenTime": { "alias": "givenTime"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "triggerChange": { "alias": "triggerChange"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
 }

package/timerangepicker/public_api.d.ts

@@ -1,2 +1,3 @@
 export { TimeRangePickerComponent } from "./timerangepicker.component";
 export { TimeRangePickerModule } from "./timerangepicker.module";
+export { TDirection, ITimeRange, ITime } from "./timerange.namespace";

package/timerangepicker/timerangepicker.component.d.ts

@@ -16,6 +16,8 @@ export declare class TimeRangePickerComponent {
     showTooltip: boolean;
     direction: TDirection;
     gap: string;
+    disableStartTime: boolean;
+    disableEndTime: boolean;
     timeRangeEmitter: EventEmitter<ITimeRange>;
     startDate: string;
     endDate: string;
@@ -37,5 +39,5 @@ export declare class TimeRangePickerComponent {
     checkTimeValidity(time: string, date: number): boolean;
     rangeValidation(validity: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimeRangePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; }; "clockFormat": { "alias": "clockFormat"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; }; "clockFormat": { "alias": "clockFormat"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "disableStartTime": { "alias": "disableStartTime"; "required": false; }; "disableEndTime": { "alias": "disableEndTime"; "required": false; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
 }