@kelvininc/ui-components
Version:
Kelvin UI Components
52 lines (51 loc) • 2.05 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { EAbsoluteTimePickerMode, EInputSource, ITimePickerTimezone } from '../../types';
import dayjs from 'dayjs';
import { IAbsoluteTimePickerDropdownInput, IAbsoluteTimePickerDropdownInputEvents, SelectedTime, SelectedTimeState, TimeRange } from './absolute-time-picker-dropdown-input.types';
export declare class KvAbsoluteTimePickerDropdownInput implements IAbsoluteTimePickerDropdownInput, IAbsoluteTimePickerDropdownInputEvents {
/** @inheritdoc */
selectedTime?: SelectedTime | SelectedTimeState;
/** @inheritdoc */
timezone?: ITimePickerTimezone;
/** @inheritdoc */
mode?: EAbsoluteTimePickerMode;
/** @inheritdoc */
isDropdownOpen?: boolean;
/** @inheritdoc */
disabled?: boolean;
/** @inheritdoc */
initialDate?: number;
/** @inheritdoc */
minimumFromInputDate?: number;
/** @inheritdoc */
minimumToInputDate?: number;
/** @inheritdoc */
minimumSingleInputDate?: number;
/** @inheritdoc */
selectedTimeChange: EventEmitter<SelectedTime>;
/** @inheritdoc */
dropdownStateChange: EventEmitter<boolean>;
rangeInputValues: TimeRange;
singleTimeInputValue: string;
displayedMonth: dayjs.Dayjs;
focusedInput: EInputSource;
/** Shared hovered date between calendars for range mode */
hoveredDate: string;
componentWillLoad(): void;
handleSelectedTimeChange(newValue: SelectedTime | SelectedTimeState): void;
syncSelectedTimeState(newValue: SelectedTime | SelectedTimeState): void;
private handleInputFocus;
private getValidSelectedRangeFromUserClick;
private onClickDate;
private handleEmptyTextChange;
private hanleOnTextChange;
private handleClickBackMonth;
private handleClickForwardMonth;
private handleHoveredDateChange;
private handleCloseDropdown;
private handleDropdownArrowClick;
private isHoveringStylingActive;
private getMinimumCalendarDate;
private getSelectedCalendarDates;
render(): any;
}