ng-devui
Version:
DevUI components based on Angular
83 lines (82 loc) • 4.44 kB
TypeScript
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { I18nService } from 'ng-devui/i18n';
import { DefaultDateConverter, DevConfigService } from 'ng-devui/utils';
import { Subject } from 'rxjs';
import { DatepickerProService } from './datepicker-pro.service';
import { DateConfig } from './lib/datepicker-pro.type';
import * as i0 from "@angular/core";
export declare class RangeDatepickerProComponent implements OnInit, OnDestroy, AfterViewInit, ControlValueAccessor {
private i18n;
private pickerSrv;
private cdr;
private devConfigService;
mode: 'year' | 'month' | 'date' | 'week';
showTime: boolean;
disabled: boolean;
autoOpen: boolean;
format: string;
locale: string;
cssClass: string;
splitter: string;
width: string;
startIndexOfWeek: number;
appendToBody: boolean;
placeholder: string[];
allowClear: boolean;
set calenderRange(value: any);
set minDate(value: Date);
set maxDate(value: Date);
set markedRangeDateList(value: Date[][]);
set markedDateList(value: Date[]);
showGlowStyle: boolean;
get hasGlowStyle(): boolean;
dropdownToggle: EventEmitter<boolean>;
confirmEvent: EventEmitter<Date[]>;
customTemplate: TemplateRef<any>;
footerTemplate: TemplateRef<any>;
hostTemplate: TemplateRef<any>;
set markDateInfoTemplate(tmp: TemplateRef<any>);
datepickerInputStart: ElementRef;
datepickerInputEnd: ElementRef;
private i18nLocale;
i18nText: any;
i18nFormat: any;
_dateValue: any[];
datepickerConvert: DefaultDateConverter;
unsubscribe$: Subject<void>;
isOpen: boolean;
strWidth: number;
get dateValue(): string[];
set dateValue(value: string[]);
set currentActiveInput(value: 'start' | 'end');
get currentActiveInput(): 'start' | 'end';
get dateConfig(): DateConfig;
get curFormat(): string;
get curActiveDate(): Date;
private onChange;
private onTouched;
constructor(i18n: I18nService, pickerSrv: DatepickerProService, cdr: ChangeDetectorRef, devConfigService: DevConfigService);
ngOnInit(): void;
ngAfterViewInit(): void;
private initSrvStatus;
private initObservable;
isSameDateAndTimeWrong(): boolean;
getStrWidth(): void;
private formatDateToString;
private setI18nText;
private setI18nTextDetail;
inputChangeCallback: (type: any) => void;
inputBlurCallback: (type: any) => void;
focusChange(type: 'start' | 'end'): void;
validateDate(value: string): boolean;
onToggle(isOpen: any): void;
openDropdown(event: Event): void;
clear(event?: MouseEvent, isHandle?: boolean): void;
writeValue(value: Date[]): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<RangeDatepickerProComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<RangeDatepickerProComponent, "d-range-datepicker-pro", never, { "mode": { "alias": "mode"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "autoOpen": { "alias": "autoOpen"; "required": false; }; "format": { "alias": "format"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "splitter": { "alias": "splitter"; "required": false; }; "width": { "alias": "width"; "required": false; }; "startIndexOfWeek": { "alias": "startIndexOfWeek"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "calenderRange": { "alias": "calenderRange"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "markedRangeDateList": { "alias": "markedRangeDateList"; "required": false; }; "markedDateList": { "alias": "markedDateList"; "required": false; }; "showGlowStyle": { "alias": "showGlowStyle"; "required": false; }; }, { "dropdownToggle": "dropdownToggle"; "confirmEvent": "confirmEvent"; }, ["customTemplate", "footerTemplate", "hostTemplate", "markDateInfoTemplate"], never, false, never>;
}