@progressive-development/pd-calendar/dist/pd-datepicker/PdDatepicker.d.ts

Webcomponent for calendar

import { PropertyValues, CSSResultGroup } from 'lit';
import { PdBaseInputElement } from '@progressive-development/pd-forms';
/**
 * @tagname pd-datepicker
 *
 * Datepicker Komponente zur Auswahl einzelner oder von Zeiträumen, inkl. optionaler Uhrzeitangabe.
 * Unterstützt Darstellung über eingebetteten Kalender mit konfigurierbarem Jahr-Popup.
 */
export declare class PdDatepicker extends PdBaseInputElement {
    locale?: string;
    initialDate?: Date;
    /**
     * Format für Datum. Default ist "yyyy-MM-dd".
     */
    dateFormat?: string;
    dateRange: boolean;
    hideToday: boolean;
    withYearPopup: string[];
    placeHolderTime?: string;
    withTime: boolean;
    min?: string;
    max?: string;
    private _showCalendar;
    private _startDateValue?;
    private _endDateValue?;
    private _rangeSelection?;
    private _timeSelection;
    private _calendarPosition;
    static styles: CSSResultGroup;
    constructor();
    private _requiredDateTimeValidator;
    update(changedProps: PropertyValues<this>): void;
    render(): import('lit').TemplateResult<1>;
    /**
     * Getter for outside call.
     *
     * @returns obj: { start?: Date; end?: Date } - the prepared date values.
     */
    get dateValues(): {
        start?: Date;
        end?: Date;
    };
    reset(): void;
    clear(): void;
    /**
     * @returns formated value from current field selections.
     */
    _getInitialValue(): string;
    /**
     * @returns parsed date
     */
    _getParsedValue(): any;
    /**
     * Init _startDateValue and _timeSelection from initial date.
     */
    private _prepareFieldsFromInitDate;
    /**
     * Clear _startDateValue and _timeSelection.
     */
    private _clearFields;
    /**
     * Update element value from input fields.
     */
    private _updateInputField;
    /**
     * Toogle view calendar on click into pd-input field.
     */
    private _inputClick;
    /**
     * Triggered by date selection in small calendar.
     * Set internal values depending on daterange configuration.
     *
     * @param e Event from small calendar.
     */
    private _triggerCalendarDateSelected;
    /**
     * Triggered by Today button in small calendar view.
     * Set calendar date to today.
     */
    private _triggerSetTodayButton;
    /**
     * Triggered by Reset button in small calendar view.
     * Reset selected values to origin state (initaldate or empty).
     */
    private _triggerResetButton;
    /**
     * Triggered by ok button in small calendar view.
     * Set selected value and close calendar.
     */
    private _triggerSetValueButton;
    /**
     * Calculate range of dates between two dates on mouse over.
     * Only needed for date range visuell selection in small calendar.
     *
     * @param e
     */
    private _triggerHoverCalculateRange;
    /**
     * Format date value from _startDateValue and _startDateValue and _timeSelection.
     * Depending on daterange and withtime configuration.
     *
     * @returns string with date value
     */
    private _formatDateValue;
    private _innerEnter;
    private _innerRegister;
    private _innerUnRegister;
    private _innerFocus;
    private _innerBlur;
    private _innerFormChange;
}
//# sourceMappingURL=PdDatepicker.d.ts.map