@progress/kendo-vue-dateinputs 3.5.0-dev.202208020811 → 3.5.1-dev.202208110751

package/dist/esm/datepicker/interfaces/DatePickerEventArguments.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/datepicker/interfaces/DatePickerMethods.d.ts

@@ -0,0 +1,27 @@
+import { FormComponentValidity } from '@progress/kendo-vue-common';
+import { DatePickerProps, DateInputChangeEvent, CalendarChangeEvent } from '../../main';
+import { DatePickerState } from './DatePickerState';
+/**
+ * @hidden
+ */
+export interface DatePickerMethods {
+    [key: string]: any;
+    emitBlur?: (_: any) => void;
+    validity: () => FormComponentValidity;
+    nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => any;
+    nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => any;
+    setShow: (show: boolean) => void;
+    mergeTime: (value: Date | null) => Date | null;
+    handleInputValueChange: (event: DateInputChangeEvent) => void;
+    handleCalendarValueChange: (event: CalendarChangeEvent) => void;
+    handleValueChange: (value: Date | null, event: DateInputChangeEvent | CalendarChangeEvent) => void;
+    handleFocus: (event: any) => void;
+    handleBlur: (event: any) => void;
+    calendarFocus: (event: any) => void;
+    calendarBlur: (event: any) => void;
+    getDateInputText: () => string;
+    createBlurTimeout: () => void;
+    handleIconClick: () => void;
+    handleIconMouseDown: (event: any) => void;
+    handleKeyDown: (event: any) => void;
+}

package/dist/esm/datepicker/interfaces/DatePickerMethods.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/datepicker/interfaces/DatePickerProps.d.ts

@@ -0,0 +1,42 @@
+import { DatePickerChangeEvent } from './DatePickerEventArguments';
+import { DatePickerSettings } from '../models';
+import { FormComponentProps } from '@progress/kendo-vue-common';
+/**
+ * Represents the props of the [Kendo UI for Vue DatePicker component]({% slug overview_datepicker %}).
+ */
+export interface DatePickerProps extends DatePickerSettings, FormComponentProps {
+    /**
+     * @hidden
+     */
+    modelValue?: Date;
+    /**
+     * Sets the default value of the DatePicker ([see example]({% slug default_value_datepicker %})).
+     */
+    defaultValue?: Date;
+    /**
+     * Fires each time the user selects a new value ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
+     */
+    onChange?: (event: DatePickerChangeEvent) => void;
+    /**
+     * Fires when the icon element is clicked.
+     */
+    onIconclick?: (event: any) => void;
+    /**
+     * Renders a floating label for the DatePicker.
+     */
+    label?: string;
+    /**
+     * Specifies the value of the placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specifies the value of the DatePicker ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
+     *
+     * > The `value` has to be a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance.
+     */
+    value?: Date | null;
+    /**
+     * Specifies the validate of the DatePicker.
+     */
+    validate?: boolean;
+}

package/dist/esm/datepicker/interfaces/DatePickerProps.js

@@ -0,0 +1,3 @@
+// tslint:disable:max-line-length
+export {};
+// tslint:enable:max-line-length

package/dist/esm/datepicker/interfaces/DatePickerState.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @hidden
+ */
+export interface DatePickerState {
+    _popupId: string;
+    _wrapper: any;
+    _dateInput: any;
+    _calendar: any;
+    _anchor: string;
+    _oldShow: boolean;
+    _blurTimeout: any;
+    kendoAnchorRef: any;
+    wrapperRef: any;
+    dateInputRef: any;
+    calendarRef: any;
+    v3: boolean;
+}

package/dist/esm/datepicker/interfaces/DatePickerState.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/datepicker/models/DatePickerSettings.d.ts

@@ -0,0 +1,145 @@
+import { DateInputFormatPlaceholder } from '../../dateinput/models/format-placeholder';
+import { DateInputsPopupSettings } from '../../PopupSettings';
+import { DateFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+export interface DatePickerSettings {
+    /**
+     * Enables the customization or the override of the default wrapping component around the `DateInput` and `ToggleButton` rendered by the DatePicker
+     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
+     */
+    pickerWrap?: any;
+    /**
+     * Enables the customization or the override of the default Toggle button which is rendered by the DatePicker
+     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
+     */
+    toggleButton?: any;
+    /**
+     * Enables the customization or the override of the default Calendar which is rendered by the DatePicker
+     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-calendar)).
+     */
+    calendar?: any;
+    /**
+     * Enables the customization or the override of the default Popup which is rendered by the DatePicker
+     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-popup)).
+     */
+    popup?: any;
+    /**
+     * Enables the customization or the override of the default DateInput which is rendered by the DatePicker
+     * ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-dateinput)).
+     */
+    dateInput?: any;
+    /**
+     * Sets the default state of the DatePicker upon render ([see example]({% slug default_value_datepicker %})).
+     */
+    defaultShow?: boolean;
+    /**
+     * Determines whether the DatePicker is disabled ([see example]({% slug disabled_datepicker %})).
+     */
+    disabled?: boolean;
+    /**
+     * Configures the `size` of the TimeInput.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large' | string;
+    /**
+     * Configures the `roundness` of the TimeInput.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - circle
+     * - full
+     * - null—Does not set a rounded `class`.
+     *
+     * @default `medium`
+     */
+    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    /**
+     * Configures the `fillMode` of the TimeInput.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
+    /**
+     * Specifies the focused date of the DatePicker ([see example]({% slug dates_datepicker %})).
+     */
+    focusedDate?: Date;
+    /**
+     * Specifies the date format that is used to display the input value ([see example]({% slug formats_datepicker %})).
+     */
+    format?: string | DateFormatOptions;
+    /**
+     * Defines the descriptions of the format sections in the input field ([more information and examples]({% slug placeholders_datepicker %})).
+     */
+    formatPlaceholder?: DateInputFormatPlaceholder;
+    /**
+     * Specifies the `id` of the DatePicker.
+     */
+    id?: string;
+    /**
+     * Specifies the greatest valid date ([see example]({% slug dateranges_datepicker %})).
+     */
+    max?: Date;
+    /**
+     * Specifies the smallest valid date ([see example]({% slug dateranges_datepicker %})).
+     */
+    min?: Date;
+    /**
+     * Specifies the `name` property of the `input` DOM element.
+     */
+    name?: string;
+    /**
+     * Fires each time any of the DatePicker elements gets blurred.
+     */
+    onBlur?: (event: any) => void;
+    /**
+     * Fires each time the user focuses any of the DatePicker elements.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * Configures the popup options of the DatePicker.
+     *
+     * The available options are:
+     * - `animate: Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
+     * - `appendTo`: — Defines the container to which the Popup will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
+     * - `popupClass: String`—Specifies a list of CSS classes that are used to style the popup.
+     */
+    popupSettings?: DateInputsPopupSettings;
+    /**
+     * Specifies if the calendar will be displayed ([see example]({% slug controlled_datepicker %}#toc-controlling-the-popup-state)).
+     */
+    show?: boolean;
+    /**
+     * Sets the `tabIndex` property of the DatePicker.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the title of the `input` element of the DatePicker.
+     */
+    title?: string;
+    /**
+     * Determines whether to display a week number column in the `month` view of the Calendar ([see example]({% slug weeknumcolumn_datepicker %})).
+     */
+    weekNumber?: boolean;
+    /**
+     * Specifies the width of the DatePicker.
+     */
+    width?: number | string;
+}

package/dist/esm/datepicker/models/DatePickerSettings.js

@@ -0,0 +1 @@
+export {}; // tslint:enable:max-line-length

package/dist/esm/datepicker/models/index.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerSettings } from './DatePickerSettings';
+export { DatePickerSettings };

package/dist/esm/datepicker/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/daterangepicker/DateRangePicker.d.ts

@@ -0,0 +1,112 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { SelectionRange } from '../calendar/models';
+import { DateRangePickerSettings } from './models';
+/**
+ * @hidden
+ */
+export interface ReverseClickEvent {
+    event?: any;
+}
+/**
+ * The arguments for the `onChange` event of the DateRangePicker.
+ */
+export interface DateRangePickerChangeEvent {
+    event?: any;
+    value: SelectionRange;
+    show?: boolean;
+    target: any;
+    component?: any;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue DateRangePicker component]({% slug overview_daterangepicker %}).
+ */
+export interface DateRangePickerProps extends DateRangePickerSettings {
+    /**
+     * Overrides the validity state of the component.
+     * If `valid` is set, the `required` property will be ignored.
+     *
+     * This property is part of the [FormComponentProps]({% slug api_common_formcomponentprops %}) interface.
+     */
+    valid?: boolean;
+    /**
+     * Sets the default value of the DateRangePicker ([see example]({% slug default_value_daterangepicker %})).
+     */
+    defaultValue?: SelectionRange;
+    /**
+     * @hidden
+     */
+    modelValue?: Date;
+    /**
+     * Fires each time the user selects a part of a date range ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-value)).
+     */
+    onChange?: (event: DateRangePickerChangeEvent) => void;
+    /**
+     * Specifies the selected date range of the DateRangePicker ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-value)).
+     *
+     * > The `value` has to be an object with `start` and `end` valid JavaScript [`Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instances or `null`.
+     */
+    value?: SelectionRange;
+}
+/**
+ * @hidden
+ */
+export interface DateRangePickerData {
+    currentShow: boolean;
+    currentValue: SelectionRange;
+    valueDuringOnChange: SelectionRange | undefined;
+    shouldFocusDateInput: boolean;
+    shouldFocusCalendar: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DateRangePickerState {
+    _element: HTMLSpanElement | null;
+    _wrapper: HTMLSpanElement | null;
+    _calendar: any;
+    _startDateInput: any;
+    _endDateInput: any;
+    showDuringOnChange?: boolean;
+    _popupId: string;
+    _startInputId: string;
+    _endInputId: string;
+    _calendarId: string;
+    shouldFocusDateInput: boolean;
+    shouldFocusCalendar: boolean;
+    initialAnimation: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DateRangePickerComputed {
+    [key: string]: any;
+    rootClassName: object;
+    computedValue: SelectionRange;
+    computedShow: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DateRangePickerMethods {
+    [key: string]: any;
+    getStartInput: () => any;
+    getEndInput: () => any;
+}
+/**
+ * @hidden
+ */
+export interface DateRangePickerAll extends Vue2type, DateRangePickerMethods, DateRangePickerData, DateRangePickerComputed, DateRangePickerState {
+}
+/**
+ * @hidden
+ */
+declare let DateRangePickerVue2: ComponentOptions<DateRangePickerAll, DefaultData<DateRangePickerData>, DefaultMethods<DateRangePickerAll>, DateRangePickerComputed, RecordPropsDefinition<DateRangePickerProps>>;
+/**
+ * @hidden
+ */
+declare const DateRangePicker: DefineComponent<DateRangePickerProps, any, DateRangePickerData, DateRangePickerComputed, DateRangePickerMethods, {}, {}, {}, string, DateRangePickerProps, DateRangePickerProps, {}>;
+export { DateRangePicker, DateRangePickerVue2 };