jb-time-picker/dist/jb-time-picker.d.ts

time picker web component

import { JBTimeInputElements, JBTimePickerValueObject, TimeUnitsObject, TimeUnitsString, TimeUnits } from "./types";
export * from "./types.js";
declare const TimeUnits: TimeUnitsObject;
export declare class JBTimePickerWebComponent extends HTMLElement {
    #private;
    elements: JBTimeInputElements;
    focusedTimeUnit: TimeUnits | null;
    get frontalZero(): boolean;
    set frontalZero(value: boolean);
    /**
     * @description user want to grey out some unit because they are optional
    */
    set optionalUnits(value: TimeUnitsString[]);
    get optionalUnits(): TimeUnitsString[];
    get value(): JBTimePickerValueObject;
    set value(value: JBTimePickerValueObject);
    get secondEnabled(): boolean;
    set secondEnabled(value: boolean);
    get showPersianNumber(): boolean;
    set showPersianNumber(value: boolean);
    /**
     * @public
     * @description if you are too obsessed with the svg text width to be equal and aligned you can set it base on your font width (between 150,300) base on your font
     */
    textWidth: number | null;
    constructor();
    connectedCallback(): void;
    get timeTextXPositions(): {
        hourX: number;
        minuteX: number;
        secondX: number;
    };
    static get observedAttributes(): string[];
    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
    /**
     * @public
     * @description let user change focused time unit from outside
     */
    setTimeUnitFocus(timeUnit: TimeUnits): void;
}
//# sourceMappingURL=jb-time-picker.d.ts.map