reablocks/dist/form/Calendar/CalendarTheme.d.ts

Component library for React

export interface CalendarTheme {
    /** CSS class applied to the root calendar container. */
    base: string;
    /** Class names for the calendar header (navigation and title). */
    header: {
        base: string;
        prev: string;
        mid: string;
        next: string;
    };
    /** CSS class applied to the calendar title. */
    title: string;
    /** CSS class applied to the main calendar content area. */
    content: string;
    /** Class names for day cells and related elements (header, week rows, range styling). */
    days: {
        header: string;
        dayOfWeek: string;
        week: string;
        day: string;
        outside: string;
        startRangeDate: string;
        cornerStartDateBottom: string;
        endRangeDate: string;
        cornerEndDateTop: string;
        range: string;
        selected: string;
        hover: string;
        today: string;
    };
    /** Class names for the months view. */
    months: {
        root: string;
        month: string;
        selected: string;
    };
    /** Class names for the years view. */
    years: {
        root: string;
        year: string;
        selected: string;
    };
    /** Class names for the time picker section. */
    time?: {
        base: string;
        wrapper: string;
        dividerTop: string;
        dividerLeft: string;
        header: string;
        column: {
            base: string;
            wrapper: string;
            label: string;
            list: string;
            scrollbar: string;
        };
        items: {
            wrapper: string;
            container: string;
            list: string;
            divider: string;
            item: {
                base: string;
                selected: string;
                disabled: string;
            };
        };
    };
    /** Class names for the preset options section. */
    presets?: {
        wrapper: string;
        divider: string;
        base: string;
        group: string;
        item: {
            base: string;
            active: string;
        };
    };
}
export declare const calendarTheme: CalendarTheme;