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

package/dist/esm/dateinput/interfaces/DateInputData.d.ts

@@ -0,0 +1,11 @@
+import { KendoDate } from '../models';
+/**
+ * @hidden
+ */
+export interface DateInputData {
+    kendoDate: KendoDate;
+    currentFormat: string;
+    valueDuringOnChange: Date | null | undefined;
+    lastSelectedSymbol: string;
+    isFocused: boolean;
+}

package/dist/esm/dateinput/interfaces/DateInputData.js

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

package/dist/esm/dateinput/interfaces/DateInputEventArguments.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The arguments for the `change` event of the DateInput.
+ * The generic argument sets the target type of the event. Defaults to `DateInput`.
+ */
+export interface DateInputChangeEvent {
+    event?: any;
+    value: Date | null;
+    component: any;
+    target: any;
+}

package/dist/esm/dateinput/interfaces/DateInputEventArguments.js

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

package/dist/esm/dateinput/interfaces/DateInputMethods.d.ts

@@ -0,0 +1,30 @@
+import { IntlService } from '@progress/kendo-vue-intl';
+import { FormComponentValidity } from '@progress/kendo-vue-common';
+import { Selection } from '../models';
+/**
+ * @hidden
+ */
+export interface DateInputMethods {
+    [key: string]: any;
+    handleFocus?: (_: any) => void;
+    handleBlur?: (_: any) => void;
+    element: () => HTMLInputElement | null;
+    focus: () => void;
+    intl: () => IntlService;
+    setValidity: () => void;
+    spinnersMouseDown: (event: any) => void;
+    elementChange: (event: any) => void;
+    elementClick: (event: any) => void;
+    wheel: (event: any) => void;
+    increasePart: (event: any) => void;
+    decreasePart: (event: any) => void;
+    elementKeyDown: (event: any) => void;
+    setSelection: (selection: Selection) => void;
+    triggerChange: (event: any, oldValue: Date | null) => void;
+    selection: () => Selection;
+    selectionBySymbol: (symbol: string) => Selection;
+    selectionByIndex: (index: number) => Selection;
+    switchDateSegment: (offset: number) => void;
+    modifyDateSegmentValue: (offset: number, event: any) => void;
+    validity: () => FormComponentValidity;
+}

package/dist/esm/dateinput/interfaces/DateInputMethods.js

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

package/dist/esm/dateinput/interfaces/DateInputProps.d.ts

@@ -0,0 +1,31 @@
+import { FormComponentProps } from '@progress/kendo-vue-common';
+import { DateInputSettings } from '../models';
+/**
+ * Represents the props of the [Kendo UI for Vue DateInput component]({% slug overview_dateinput %}). The generic argument is passed to the `change` property and is used as a target in the [`DateInputChangeEvent`]({% slug api_dateinputs_dateinputchangeevent %}) interface.
+ */
+export interface DateInputProps extends FormComponentProps, DateInputSettings {
+    /**
+     * Specifies the value of the placeholder.
+     */
+    placeholder?: string;
+    /**
+     * @hidden
+     */
+    modelValue?: Date | null;
+    /**
+     * Specifies the value of the DateInput.
+     */
+    value?: Date | null;
+    /**
+     * Specifies the validate of the DateInput.
+     */
+    validate?: boolean;
+    /**
+     * Specifies the default value of the DateInput. If `value` is not set, this value will correspond to the initial value.
+     */
+    defaultValue?: Date | null;
+    /**
+     * Determines the event handler that will be fired when the user edits the value ([see example]({% slug dateranges_dateinput %}).
+     */
+    onChange?: (event: any) => void;
+}

package/dist/esm/dateinput/interfaces/DateInputProps.js

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

package/dist/esm/dateinput/interfaces/DateInputState.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @hidden
+ */
+export interface DateInputState {
+    _element: any;
+    _inputId: string;
+    _emptyText: string;
+    inputRef: any;
+    v3: boolean;
+}

package/dist/esm/dateinput/interfaces/DateInputState.js

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

package/dist/esm/dateinput/models/DateInputSettings.d.ts

@@ -0,0 +1,128 @@
+import { DateInputFormatPlaceholder } from './format-placeholder';
+import { DateInputIncrementalSteps } from './incremental-steps';
+import { DateFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+export interface DateInputSettings {
+    /**
+     * Specifies the `date` format which is used for formatting the value ([see example]({% slug formats_dateinput %}). If not set, the default format will be used.
+     */
+    format?: string | DateFormatOptions;
+    /**
+     * Specifies the descriptions of the format sections in the input field ([more information and example]({% slug placeholders_dateinput %}).
+     */
+    formatPlaceholder?: DateInputFormatPlaceholder;
+    /**
+     * Specifies the width of the DateInput.
+     */
+    width?: number | string;
+    /**
+     * Configures the `size` of the DateInput.
+     *
+     * 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 DateInput.
+     *
+     * 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 DateInput.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     * - link
+     * - null—Does not set a fillMode `class`.
+     *
+     * @default `solid`
+     */
+    fillMode?: null | 'solid' | 'outline' | 'flat' | string;
+    /**
+     * Sets the `tabIndex` property of the DateInput.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the title of the `input` element of the DateInput.
+     */
+    title?: string;
+    /**
+     * Specifies the incremental steps of the DateInput ([see example]({% slug incrementalsteps_dateinput %}).
+     *
+     * The available options are:
+     * - `year: Number`—Controls the incremental step of the year value.
+     * - `month: Number`—Controls the incremental step of the month value.
+     * - `day: Number`—Controls the incremental step of the day value.
+     * - `hour: Number`—Controls the incremental step of the hour value.
+     * - `minute: Number`—Controls the incremental step of the minute value.
+     * - `second: Number`—Controls the incremental step of the second value.
+     */
+    steps?: DateInputIncrementalSteps;
+    /**
+     * Specifies the smallest date that is valid ([see example]({% slug dateranges_dateinput %}).
+     */
+    min?: Date;
+    /**
+     * Specifies the greatest date that is valid ([see example]({% slug dateranges_dateinput %}).
+     */
+    max?: Date;
+    /**
+     * Specifies the smallest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range).
+     */
+    minTime?: Date;
+    /**
+     * Specifies the greatest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range).
+     */
+    maxTime?: Date;
+    /**
+     * Determines whether the DateInput is disabled ([see example]({% slug disabled_dateinput %})).
+     */
+    disabled?: boolean;
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_dateinput %})).
+     */
+    spinners?: boolean;
+    /**
+     * Specifies the name property of the input DOM element.
+     */
+    name?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Renders a floating label for the DateInput.
+     */
+    label?: string;
+    /**
+     * Sets the `id` of the `input` DOM element.
+     */
+    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;
+}

package/dist/esm/dateinput/models/DateInputSettings.js

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

package/dist/esm/dateinput/models/format-placeholder.d.ts

@@ -0,0 +1,39 @@
+/**
+ * The interface which defines a custom-format placeholder structure in the DateInput.
+ */
+export interface DateInputCustomFormatPlaceholder {
+    /**
+     * Defines the description for the `year` format section.
+     */
+    year?: string;
+    /**
+     * Defines the description for the `month` format section.
+     */
+    month?: string;
+    /**
+     * Defines the description for the `day` format section.
+     */
+    day?: string;
+    /**
+     * Defines the description for the `hour` format section.
+     */
+    hour?: string;
+    /**
+     * Defines the description for the `minute` format section.
+     */
+    minute?: string;
+    /**
+     * Defines the description for the `second` format section.
+     */
+    second?: string;
+}
+/**
+ * The union type which defines all possible format options of the DateInput placeholder.
+ *
+ * The available options are:
+ * * `'wide'`—Displays the full description of the format section. For example, turns `MM` into `month`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
+ * * `'narrow'`—Displays the narrow description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
+ * * `'short'`—Displays the short description of the format section. For example, turns `MM` into `mo.`. Retrieved from [CLDR](https://github.com/telerik/kendo-intl/blob/develop/docs/cldr/index.md).
+ * * `'formatPattern'`—Directly displays the format section. For example, turns `MM` into `MM`.
+ */
+export declare type DateInputFormatPlaceholder = 'wide' | 'narrow' | 'short' | 'formatPattern' | DateInputCustomFormatPlaceholder;

package/dist/esm/dateinput/models/format-placeholder.js

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

package/dist/esm/dateinput/models/incremental-steps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The interface which defines all possible incremental steps in the DateInput.
+ */
+export interface DateInputIncrementalSteps {
+    year?: number;
+    month?: number;
+    day?: number;
+    hour?: number;
+    minute?: number;
+    second?: number;
+}

package/dist/esm/dateinput/models/incremental-steps.js

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

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

@@ -0,0 +1,7 @@
+import { DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder } from './format-placeholder';
+import { DateInputIncrementalSteps } from './incremental-steps';
+import { DateInputSettings } from './DateInputSettings';
+import { DatePart, KendoDate } from './kendo-date';
+import { Mask } from './mask';
+import { Selection } from './selection';
+export { DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DateInputIncrementalSteps, DateInputSettings, DatePart, KendoDate, Mask, Selection };

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

@@ -0,0 +1,3 @@
+import { KendoDate } from './kendo-date.js';
+import { Mask } from './mask.js';
+export { KendoDate, Mask };

package/dist/esm/dateinput/models/kendo-date.d.ts

@@ -0,0 +1,53 @@
+import { DateInputFormatPlaceholder } from './format-placeholder';
+import { IntlService, DateFormatOptions } from '@progress/kendo-vue-intl';
+/**
+ * @hidden
+ */
+export interface DatePart {
+    value: Date | null;
+}
+/**
+ * @hidden
+ */
+export declare class KendoDate {
+    year: boolean;
+    month: boolean;
+    date: boolean;
+    hours: boolean;
+    minutes: boolean;
+    seconds: boolean;
+    milliseconds: boolean;
+    formatPlaceholder: DateInputFormatPlaceholder;
+    format: string | DateFormatOptions;
+    private leadingZero;
+    private monthNames;
+    private typedMonthPart;
+    private knownParts;
+    private symbols;
+    private intlProvider;
+    get intl(): IntlService;
+    private _value;
+    get value(): Date;
+    constructor(intlProvider: any, formatPlaceholder: DateInputFormatPlaceholder, format: string | DateFormatOptions);
+    setValue(value: Date | null): void;
+    hasValue(): boolean;
+    getDateObject(): Date | null;
+    getTextAndFormat(): {
+        text: string;
+        format: string;
+    };
+    modifyExisting(value: boolean): void;
+    getExisting(symbol: string): boolean;
+    setExisting(symbol: string, value: boolean): void;
+    modifyPart(symbol: string, offset: number): void;
+    parsePart(symbol: string, currentChar: string): DatePart;
+    symbolMap(symbol: string): string;
+    resetLeadingZero(): boolean;
+    private isAbbrMonth;
+    private partPattern;
+    private matchMonth;
+    private allFormatedMonths;
+    private dateFormatString;
+    private merge;
+    private dateFieldName;
+}