@progress/kendo-vue-dateinputs 8.0.3-develop.1 → 8.0.3-develop.3

package/PopupSettings.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export interface DateInputsPopupSettings {
+    /**
+     * Controls the popup animation. By default, the open and close animations are enabled.
+     */
+    animate?: boolean;
+    /**
+     * Controls the popup container. By default, the popup is appended to the [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body) element.
+     */
+    appendTo?: HTMLElement;
+    /**
+     * Specifies a list of CSS classes that are used for styling the popup.
+     */
+    popupClass?: string;
+}

package/calendar/components/Calendar.d.ts

@@ -0,0 +1,206 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ViewListEventArguments } from './ViewList';
+import { CalendarViewEnum, SelectionRange, CalendarMode } from '../models/main';
+import { CalendarComputed } from './interfaces/CalendarComputed';
+import { NavigationEventArguments, CalendarChangeEvent } from './interfaces/CalendarEventArguments';
+import { ViewWeekCellEventArguments, ViewWeekNameEventArguments } from './View';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const Calendar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeRangeEnd: {
+        type: PropType<import('../models/SelectionRangeEnd').SelectionRangeEnd>;
+        default: any;
+    };
+    allowReverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    cell: PropType<any>;
+    className: PropType<string>;
+    defaultActiveView: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<Date | SelectionRange | Date[]>;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<Date | SelectionRange | Date[]>;
+        default: any;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    focusedDate: PropType<Date>;
+    id: {
+        type: PropType<string>;
+        default: () => any;
+    };
+    headerTitle: PropType<any>;
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    mode: () => CalendarMode;
+    navigation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tabIndex: PropType<number>;
+    value: PropType<Date | SelectionRange | Date[]>;
+    views: {
+        type: PropType<number>;
+        default: number;
+    };
+    weekNumber: PropType<boolean>;
+    weekCell: PropType<any>;
+    topView: {
+        type: PropType<string>;
+        default: string;
+    };
+    bottomView: {
+        type: PropType<string>;
+        default: string;
+    };
+    onFocus: PropType<(event: any) => void>;
+    onBlur: PropType<(event: any) => void>;
+    onChange: PropType<(event: CalendarChangeEvent) => void>;
+    onKeydown: PropType<(event: any) => void>;
+}>, {
+    kendoIntlService: {};
+}, {
+    valueDuringOnChange: any;
+    currentFocusedDate: any;
+    currentActiveView: any;
+    currentValue: any;
+    cellUID: any;
+    isActive: boolean;
+    oldValue: any;
+    didNavigationChange: boolean;
+    currentActiveRangeEnd: any;
+}, {
+    activeRange(): CalendarComputed['activeRange'];
+    currentMin(): CalendarComputed['currentMin'];
+    currentMax(): CalendarComputed['currentMax'];
+}, {
+    element(): any;
+    computedValue(): Date | null;
+    focus(): void;
+    handleBlur(): void;
+    handleFocus(): void;
+    emitBlur(event: any): void;
+    emitFocus(event: any): void;
+    handleTodayClick(event: NavigationEventArguments): void;
+    handleViewChange({ view }: {
+        view: CalendarViewEnum;
+    }): void;
+    handlePrevClick(event: ViewListEventArguments): void;
+    handleTitleClick(): void;
+    handleNextClick(event: ViewListEventArguments): void;
+    handleCellEnter(value: Date): void;
+    generateRange(candidate: Date, value: SelectionRange): SelectionRange;
+    clampRange(value: Date): SelectionRange;
+    handleWeekCellClick(event: ViewWeekCellEventArguments): void;
+    handleWeekNameClick(event: ViewWeekNameEventArguments): void;
+    handleDateChange(event: ViewListEventArguments): void;
+    triggerChange(value: Date, event: ViewListEventArguments): void;
+    handleMouseDown(event: ViewListEventArguments): void;
+    tableKeyDown(event: any): void;
+    isValueEqual(newValue: Date | Date[] | SelectionRange | null, oldValue: Date | Date[] | SelectionRange | null): boolean;
+    rangeWithFocused(range: SelectionRange, focusedDate: SelectionRange): SelectionRange;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeRangeEnd: {
+        type: PropType<import('../models/SelectionRangeEnd').SelectionRangeEnd>;
+        default: any;
+    };
+    allowReverse: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    cell: PropType<any>;
+    className: PropType<string>;
+    defaultActiveView: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<Date | SelectionRange | Date[]>;
+        default: any;
+    };
+    defaultValue: {
+        type: PropType<Date | SelectionRange | Date[]>;
+        default: any;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    focusedDate: PropType<Date>;
+    id: {
+        type: PropType<string>;
+        default: () => any;
+    };
+    headerTitle: PropType<any>;
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    mode: () => CalendarMode;
+    navigation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tabIndex: PropType<number>;
+    value: PropType<Date | SelectionRange | Date[]>;
+    views: {
+        type: PropType<number>;
+        default: number;
+    };
+    weekNumber: PropType<boolean>;
+    weekCell: PropType<any>;
+    topView: {
+        type: PropType<string>;
+        default: string;
+    };
+    bottomView: {
+        type: PropType<string>;
+        default: string;
+    };
+    onFocus: PropType<(event: any) => void>;
+    onBlur: PropType<(event: any) => void>;
+    onChange: PropType<(event: CalendarChangeEvent) => void>;
+    onKeydown: PropType<(event: any) => void>;
+}>> & Readonly<{}>, {
+    id: string;
+    disabled: boolean;
+    navigation: boolean;
+    max: Date;
+    min: Date;
+    activeRangeEnd: import('../models/SelectionRangeEnd').SelectionRangeEnd;
+    defaultValue: Date | SelectionRange | Date[];
+    allowReverse: boolean;
+    views: number;
+    modelValue: Date | SelectionRange | Date[];
+    defaultActiveView: string;
+    topView: string;
+    bottomView: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Calendar };

package/calendar/components/CalendarCell.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { CellContext } from '../models/main';
+/**
+ * The props which will be received by the custom cell of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-cell).
+ */
+export interface CalendarCellProps extends CellContext {
+    isDisabled?: boolean;
+    view?: number;
+}
+/**
+ * @hidden
+ */
+declare const CalendarCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isDisabled: PropType<boolean>;
+    view: PropType<number>;
+    formattedValue: PropType<string>;
+    id: PropType<string>;
+    isWeekend: PropType<boolean>;
+    isFocused: PropType<boolean>;
+    isSelected: PropType<boolean>;
+    isInRange: PropType<boolean>;
+    isRangeStart: PropType<boolean>;
+    isRangeEnd: PropType<boolean>;
+    isRangeMid: PropType<boolean>;
+    isRangeSplitEnd: PropType<boolean>;
+    isRangeSplitStart: PropType<boolean>;
+    isToday: PropType<boolean>;
+    title: PropType<string>;
+    value: PropType<Date>;
+}>, {}, {}, {}, {
+    handleClick(event: any): void;
+    handleMouseDown(event: any): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => true;
+    mousedown: (event: MouseEvent) => true;
+    mouseenter: (event: MouseEvent) => true;
+    mouseleave: (event: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isDisabled: PropType<boolean>;
+    view: PropType<number>;
+    formattedValue: PropType<string>;
+    id: PropType<string>;
+    isWeekend: PropType<boolean>;
+    isFocused: PropType<boolean>;
+    isSelected: PropType<boolean>;
+    isInRange: PropType<boolean>;
+    isRangeStart: PropType<boolean>;
+    isRangeEnd: PropType<boolean>;
+    isRangeMid: PropType<boolean>;
+    isRangeSplitEnd: PropType<boolean>;
+    isRangeSplitStart: PropType<boolean>;
+    isToday: PropType<boolean>;
+    title: PropType<string>;
+    value: PropType<Date>;
+}>> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+    onMousedown?: (event: MouseEvent) => any;
+    onMouseenter?: (event: MouseEvent) => any;
+    onMouseleave?: (event: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { CalendarCell };

package/calendar/components/CalendarHeaderTitle.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * The props which will be received by the custom header title of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-headertitle).
+ */
+export interface CalendarHeaderTitleProps {
+    value?: string;
+    id?: string;
+    view?: number;
+}
+/**
+ * @hidden
+ */
+declare const CalendarHeaderTitle: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    value: PropType<string>;
+    view: PropType<number>;
+}>, {}, {}, {}, {
+    handleClick(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    value: PropType<string>;
+    view: PropType<number>;
+}>> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { CalendarHeaderTitle };

package/calendar/components/CalendarWeekCell.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * The props which will be received by the custom week cell of the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-weekcell).
+ */
+export interface CalendarWeekCellProps {
+    id?: string;
+    value?: number | null;
+    className?: string;
+}
+/**
+ * @hidden
+ */
+declare const CalendarWeekCell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    value: PropType<number>;
+    className: PropType<string>;
+}>, {}, {}, {}, {
+    handleClick(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: PropType<string>;
+    value: PropType<number>;
+    className: PropType<string>;
+}>> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { CalendarWeekCell };

package/calendar/components/Header.d.ts

@@ -0,0 +1,175 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { LocalizationService } from '@progress/kendo-vue-intl';
+import { CalendarHeaderTitleProps } from './CalendarHeaderTitle';
+import { BusViewService } from '../services/main';
+import { ViewService, Action } from '../models/main';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface HeaderEventArguments {
+    event?: any;
+    value: Date;
+    target: any;
+}
+/**
+ * @hidden
+ */
+export interface HeaderProps {
+    activeView: number;
+    bus: BusViewService;
+    currentDate: Date;
+    focusedDate: Date;
+    max: Date;
+    min: Date;
+    rangeLength: number;
+    service: ViewService;
+    headerTitle?: CalendarHeaderTitleProps;
+    tabIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface HeaderMethods {
+    [key: string]: any;
+    getTitle: () => string;
+    handleTitleClick: (event: any) => void;
+    handleTodayClick: (event: any) => void;
+    todayKeyDown: (event: any) => void;
+    handleNextClick: (event: any) => void;
+    handlePrevClick: (event: any) => void;
+    clampDate: (value: Date) => Date;
+    move: (action: Action) => Date;
+    canNavigate: (action: Action) => boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderComputed {
+    [key: string]: any;
+    navigate?: () => void;
+    todayIsInRange?: () => boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderState {
+    _localization: LocalizationService;
+}
+/**
+ * @hidden
+ */
+declare const Header: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeView: {
+        type: PropType<number>;
+        required: true;
+    };
+    currentDate: {
+        type: PropType<Date>;
+        required: true;
+    };
+    focusedDate: {
+        type: PropType<Date>;
+        required: true;
+    };
+    headerTitle: {
+        type: PropType<CalendarHeaderTitleProps>;
+        default: () => any;
+    };
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    bus: PropType<BusViewService>;
+    service: PropType<ViewService>;
+    rangeLength: {
+        type: PropType<number>;
+        default: number;
+    };
+    tabIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    onTodayClick: PropType<(event: any) => void>;
+    onNextClick: PropType<(event: any) => void>;
+    onPrevClick: PropType<(event: any) => void>;
+    onTitleClick: PropType<(event: any) => void>;
+}>, {
+    kendoLocalizationService: {};
+}, {
+    currentRtl: boolean;
+}, {
+    navigate(): HeaderComputed['navigate'];
+    todayIsInRange(): boolean;
+}, {
+    getTitle(): string;
+    handleTitleClick(event: any): void;
+    canNavigate(action: Action): boolean;
+    move(action: Action): Date;
+    clampDate(value: Date): Date;
+    handleNextClick(event: any): void;
+    handlePrevClick(event: any): void;
+    handleTodayClick(event: any): void;
+    todayKeyDown(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("titleclick" | "todayclick" | "nextclick" | "prevclick")[], "titleclick" | "todayclick" | "nextclick" | "prevclick", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeView: {
+        type: PropType<number>;
+        required: true;
+    };
+    currentDate: {
+        type: PropType<Date>;
+        required: true;
+    };
+    focusedDate: {
+        type: PropType<Date>;
+        required: true;
+    };
+    headerTitle: {
+        type: PropType<CalendarHeaderTitleProps>;
+        default: () => any;
+    };
+    max: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    min: {
+        type: PropType<Date>;
+        default: () => Date;
+    };
+    bus: PropType<BusViewService>;
+    service: PropType<ViewService>;
+    rangeLength: {
+        type: PropType<number>;
+        default: number;
+    };
+    tabIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    onTodayClick: PropType<(event: any) => void>;
+    onNextClick: PropType<(event: any) => void>;
+    onPrevClick: PropType<(event: any) => void>;
+    onTitleClick: PropType<(event: any) => void>;
+}>> & Readonly<{
+    onTitleclick?: (...args: any[]) => any;
+    onTodayclick?: (...args: any[]) => any;
+    onNextclick?: (...args: any[]) => any;
+    onPrevclick?: (...args: any[]) => any;
+}>, {
+    tabIndex: number;
+    max: Date;
+    min: Date;
+    headerTitle: CalendarHeaderTitleProps;
+    rangeLength: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Header };