@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
101 lines (100 loc) • 3.15 kB
TypeScript
import { VNode, EventEmitter } from "../../stencil-public-runtime";
import { Scale } from "../interfaces";
import { Meridiem, Time, TimeFocusId, HourDisplayFormat } from "../../utils/time";
export declare class CalciteTimePicker {
el: HTMLCalciteTimePickerElement;
/** The hour value (24-hour format) */
hour?: string;
/** Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually) */
hourDisplayFormat: HourDisplayFormat;
/** aria-label for the hour input */
intlHour: string;
/** aria-label for the hour down button */
intlHourDown: string;
/** aria-label for the hour up button */
intlHourUp: string;
/** aria-label for the meridiem (am/pm) input */
intlMeridiem: string;
/** aria-label for the meridiem (am/pm) down button */
intlMeridiemDown: string;
/** aria-label for the meridiem (am/pm) up button */
intlMeridiemUp: string;
/** aria-label for the minute input */
intlMinute: string;
/** aria-label for the minute down button */
intlMinuteDown: string;
/** aria-label for the minute up button */
intlMinuteUp: string;
/** aria-label for the second input */
intlSecond: string;
/** aria-label for the second down button */
intlSecondDown: string;
/** aria-label for the second up button */
intlSecondUp: string;
/** The minute value */
minute?: string;
/** The second value */
second?: string;
/** The scale (size) of the time picker */
scale: Scale;
/** number that specifies the granularity that the value must adhere to */
step: number;
hourChanged(newHour: string): void;
timeChangeHandler(): void;
private activeEl;
private meridiemEl;
private hourEl;
private minuteEl;
private secondEl;
private timeChanged;
/** The am/pm value */
meridiem: Meridiem;
displayHour: string;
editingHourWhileFocused: boolean;
/**
* @internal
*/
calciteTimePickerBlur: EventEmitter<Time>;
/**
* @internal
*/
calciteTimePickerChange: EventEmitter<Time>;
/**
* @internal
*/
calciteTimePickerFocus: EventEmitter<Time>;
hostBlurHandler(): void;
hostFocusHandler(): void;
keyDownHandler(event: KeyboardEvent): void;
setFocus(target: TimeFocusId): Promise<void>;
private decrementHour;
private decrementMeridiem;
private decrementMinuteOrSecond;
private decrementMinute;
private decrementSecond;
private buttonActivated;
private focusHandler;
private getDisplayHour;
private getTime;
private hourBlurHandler;
private hourDownButtonKeyDownHandler;
private hourKeyDownHandler;
private hourUpButtonKeyDownHandler;
private incrementMeridiem;
private incrementHour;
private incrementMinuteOrSecond;
private incrementMinute;
private incrementSecond;
private meridiemDownButtonKeyDownHandler;
private meridiemKeyDownHandler;
private meridiemUpButtonKeyDownHandler;
private minuteDownButtonKeyDownHandler;
private minuteKeyDownHandler;
private minuteUpButtonKeyDownHandler;
private secondDownButtonKeyDownHandler;
private secondKeyDownHandler;
private secondUpButtonKeyDownHandler;
private setTime;
connectedCallback(): void;
render(): VNode;
}