igniteui-webcomponents/components/calendar/years-view/years-view.d.ts

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

import { LitElement } from 'lit';
import type { Constructor } from '../../common/mixins/constructor.js';
import { CalendarDay } from '../model.js';
import type { IgcCalendarComponentEventMap } from '../types.js';
declare const IgcYearsViewComponent_base: Constructor<import("../../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarComponentEventMap>> & Constructor<LitElement>;
/**
 * Instantiate a years view as a separate component in the calendar.
 *
 * @element igc-years-view
 *
 * @csspart years-row - The years row container.
 * @csspart year - The year container.
 * @csspart year-inner - The inner year container.
 */
export default class IgcYearsViewComponent extends IgcYearsViewComponent_base {
    static readonly tagName = "igc-years-view";
    static styles: import("lit").CSSResult;
    static register(): void;
    private _value;
    private activeYear;
    /** Тhe current value of the calendar. */
    set value(value: Date);
    get value(): Date;
    /**
     * Sets how many years are displayed on a single page.
     * @attr years-per-page
     */
    yearsPerPage: number;
    constructor();
    connectedCallback(): void;
    focusActiveDate(): void;
    protected handleInteraction(event: Event): void;
    protected renderYear(year: number, now: CalendarDay): import("lit-html").TemplateResult<1>;
    protected render(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
}
declare global {
    interface HTMLElementTagNameMap {
        'igc-years-view': IgcYearsViewComponent;
    }
}
export {};