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

package/dist/esm/daterangepicker/models/DateRangePickerSettings.d.ts

@@ -0,0 +1,150 @@
+import { DateRangePickerCalendarSettings } from './DateRangePickerCalendarSettings';
+import { DateRangePickerDateInputSettings } from './DateRangePickerDateInputSettings';
+import { DateRangePickerPopupSettings } from './DateRangePickerPopupSettings';
+import { DateFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+export interface DateRangePickerSettings {
+    /**
+     * Enables the customization or the override of the default start DateInput which is rendered by the DateRangePicker
+     * ([see example]({% slug custom_rendering_daterangepicker %}#toc-customizing-the-dateinputs)).
+     */
+    startDateInput?: any;
+    /**
+     * Enables the customization or the override of the default end DateInput which is rendered by the DateRangePicker
+     * ([see example]({% slug custom_rendering_daterangepicker %}#toc-customizing-the-calendar)).
+     */
+    endDateInput?: any;
+    /**
+     * Enables the customization or the override of the default Popup which is rendered by the DateRangePicker
+     * ([see example]({% slug custom_rendering_daterangepicker %}#toc-customizing-the-popup)).
+     */
+    popup?: any;
+    /**
+     * Enables the customization or the override of the default Calendar which is rendered by the DateRangePicker.
+     */
+    calendar?: any;
+    /**
+     * If `allowReverse` is set to `true`, the component skips the validation of whether the `from` value is after the `to` value ([see example]({% slug reverse_daterangepicker %})).
+     *
+     * > If the [`calendarSettings`](#toc-calendarsettings) property is set, its `allowReverse` will take precedence.
+     */
+    allowReverse?: boolean;
+    /**
+     * Represents the additional props that can be passed to the [MultiViewCalendar]({% slug overview_multiviewcalendar %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-multiviewcalendar)).
+     */
+    calendarSettings?: DateRangePickerCalendarSettings;
+    /**
+     * Sets the default state of the DateRangePicker upon render ([see example]({% slug default_value_daterangepicker %})).
+     */
+    defaultShow?: boolean;
+    /**
+     * Determines whether the DateRangePicker is disabled ([see example]({% slug disabled_daterangepicker %})).
+     */
+    disabled?: boolean;
+    /**
+     * Represents the additional props that can be passed to the end-date [DateInput]({% slug overview_dateinput %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-dateinputs)).
+     */
+    endDateInputSettings?: DateRangePickerDateInputSettings;
+    /**
+     * Specifies the focused date of the DateRangePicker ([see example]({% slug focused_daterangepicker %})).
+     */
+    focusedDate?: Date;
+    /**
+     * Specifies the `date` format which is used for formatting the value of the DateInput ([see example]({% slug formats_dateinput %})).
+     *
+     * > If [`startDateInputSettings`](#toc-startdateinputsettings) or [`endDateInputSettings`](#toc-enddateinputsettings) are set, their `format` will take precedence.
+     */
+    format?: string | DateFormatOptions;
+    /**
+     * Specifies the `id` of the DateRangePicker.
+     */
+    id?: string;
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Specifies the greatest valid date ([see example]({% slug dateranges_daterangepicker %})).
+     */
+    max?: Date;
+    /**
+     * Specifies the smallest valid date ([see example]({% slug dateranges_daterangepicker %})).
+     */
+    min?: Date;
+    /**
+     * Configures the `size` of the DateRangePicker.
+     *
+     * 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 DateRangePicker.
+     *
+     * 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 DateRangePicker.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
+    /**
+     * Fires each time any of the DateRangePicker elements gets blurred.
+     */
+    onBlur?: (event: any) => void;
+    /**
+     * Fires each time the user focuses any of the DateRangePicker elements.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * Represents the additional props that will be passed to the [Popup]({% slug overview_popup %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-the-popup)).
+     */
+    popupSettings?: DateRangePickerPopupSettings;
+    /**
+     * Specifies if the calendar will be displayed ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-popup-state)).
+     */
+    show?: boolean;
+    /**
+     * Represents the additional props that will be passed to the start-date [DateInput]({% slug overview_dateinput %}) inside the DateRangePicker ([see example]({% slug child_settings_daterangepicker %}#toc-configuring-dateinputs)).
+     */
+    startDateInputSettings?: DateRangePickerDateInputSettings;
+    /**
+     * Determines whether the DateRangePicker will display a **Swap Value** button ([see example]({% slug reverse_daterangepicker %}#toc-swapping-start-and-end-dates-in-ranges)).
+     *
+     * > The DateRangePicker will display the swap button only if the [`allowReverse`](#toc-allowreverse) property is also set to `true`.
+     */
+    swapButton?: boolean;
+    /**
+     * Sets the `tabIndex` property of the DatePicker.
+     */
+    tabIndex?: number;
+}

package/dist/esm/daterangepicker/models/DateRangePickerSettings.js

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

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

@@ -0,0 +1,5 @@
+import { DateRangePickerCalendarSettings } from './DateRangePickerCalendarSettings';
+import { DateRangePickerDateInputSettings } from './DateRangePickerDateInputSettings';
+import { DateRangePickerSettings } from './DateRangePickerSettings';
+import { DateRangePickerPopupSettings } from './DateRangePickerPopupSettings';
+export { DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerSettings, DateRangePickerPopupSettings };

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

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

package/dist/esm/datetimepicker/DateTimePicker.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 { FormComponentProps, FormComponentValidity } from '@progress/kendo-vue-common';
+import { DateTimePickerSettings } from './models';
+import { DateTimeSelectorChangeEvent } from './DateTimeSelector';
+import { DateInputChangeEvent } from '../main';
+/**
+ * The arguments for the `onChange` event of the DateTimePicker.
+ */
+export interface DateTimePickerChangeEvent {
+    event: any;
+    value: Date | null;
+    show: boolean;
+    target: any;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue DateTimePicker component]({% slug overview_datetimepicker %}).
+ */
+export interface DateTimePickerProps extends DateTimePickerSettings, FormComponentProps {
+    /**
+     * @hidden
+     */
+    modelValue?: Date;
+    /**
+     * Sets the default value of the DateTimePicker.
+     */
+    defaultValue?: Date;
+    /**
+     * Fires each time the user selects a new value
+     */
+    onChange?: (event: DateTimePickerChangeEvent) => void;
+    /**
+     * Specifies the value of the DateTimePicker
+     * ([see example]({% slug controlled_datetimepicker %}#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;
+}
+/**
+ * @hidden
+ */
+export interface DateTimePickerData {
+    currentValue: Date | null;
+    currentShow: boolean;
+    valueDuringOnChange?: Date | null;
+    showDuringOnChange?: boolean;
+    shouldFocusDateInput: boolean;
+    isFocused: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DateTimePickerState {
+    _popupId: string;
+    _wrapper: any;
+    _dateInput: any;
+    dateInputRef: any;
+    _dateTimeSelector: any;
+    _anchor: any;
+    _oldShow: boolean;
+    _blurTimeout: any;
+    v3: boolean;
+    kendoAnchorRef: any;
+}
+/**
+ * @hidden
+ */
+export interface DateTimePickerComputed {
+    [key: string]: any;
+    computedValue: Date | null;
+    computedShow: boolean;
+}
+/**
+ * @hidden
+ */
+export interface DateTimePickerMethods {
+    [key: string]: any;
+    validity: () => FormComponentValidity;
+    focus: () => void;
+    setShow: (show: boolean) => void;
+    handleReject: () => void;
+    handleValueChange: (event: DateInputChangeEvent | DateTimeSelectorChangeEvent) => void;
+    handleFocus: (event: any) => void;
+    handleBlur: (event: any) => void;
+    handleDateIconClick: () => void;
+    handleIconMouseDown: (event: any) => void;
+    handleKeyDown: (event: any) => void;
+    dateInputElement: () => any;
+    timeSelectorBlur: (event: any) => void;
+    timeSelectorFocus: () => void;
+    createBlurTimeout: () => void;
+    getDateInputText: () => string;
+}
+/**
+ * @hidden
+ */
+export interface DateTimePickerAll extends Vue2type, DateTimePickerMethods, DateTimePickerData, DateTimePickerComputed, DateTimePickerState {
+}
+/**
+ * @hidden
+ */
+declare let DateTimePickerVue2: ComponentOptions<DateTimePickerAll, DefaultData<DateTimePickerData>, DefaultMethods<DateTimePickerAll>, DateTimePickerComputed, RecordPropsDefinition<DateTimePickerProps>>;
+/**
+ * @hidden
+ */
+declare const DateTimePicker: DefineComponent<DateTimePickerProps, any, DateTimePickerData, DateTimePickerComputed, DateTimePickerMethods, {}, {}, {}, string, DateTimePickerProps, DateTimePickerProps, {}>;
+export { DateTimePicker, DateTimePickerVue2 };