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

package/dist/esm/datetimepicker/models/DateTimePickerSettings.d.ts

@@ -0,0 +1,187 @@
+import { DateInputFormatPlaceholder } from '../../dateinput/models/format-placeholder';
+import { DateFormatOptions } from '@progress/kendo-vue-intl';
+import { TimePickerIncrementalSteps } from '../../timepicker/models';
+/**
+ * @hidden
+ */
+export interface DateTimePickerSettings {
+    /**
+     * Enables the customization or the override of the default Calendar which is rendered by the DateTimePicker
+     * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-calendar)).
+     */
+    calendar?: any;
+    /**
+     * Enables the customization or the override of the default Popup which is rendered by the DateTimePicker
+     * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-popup)).
+     */
+    popup?: any;
+    /**
+     * Enables the customization or the override of the default DateInput which is rendered by the DateTimePicker
+     * ([see example]({% slug custom_rendering_datetimepicker %}#toc-customizing-the-dateinput)).
+     */
+    dateInput?: any;
+    /**
+     * Sets if the calendar popup is opened upon initial render.
+     * For more information, refer to the article on
+     */
+    defaultShow?: boolean;
+    /**
+     * Determines whether the DateTimePicker is disabled
+     * ([see example]({% slug disabled_datetimepicker %})).
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the initial focusedDate of the Calendar inside the DateTimePicker
+     * ([see example]({% slug dates_datetimepicker %})).
+     */
+    focusedDate?: Date;
+    /**
+     * Specifies the date format that is used to display the input value
+     * ([see example]({% slug formats_datetimepicker %})).
+     */
+    format?: string | DateFormatOptions;
+    /**
+     * Defines the descriptions of the format sections in the input field
+     * ([more information and examples]({% slug placeholders_datetimepicker %})).
+     */
+    formatPlaceholder?: DateInputFormatPlaceholder;
+    /**
+     * Specifies the `id` of the DateTimePicker.
+     */
+    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_datetimepicker %})).
+     */
+    max?: Date;
+    /**
+     * Specifies the smallest valid date
+     * ([see example]({% slug dateranges_datetimepicker %})).
+     */
+    min?: Date;
+    minTime?: Date;
+    maxTime?: Date;
+    /**
+     * Configures the `size` of the DateTimePicker.
+     *
+     * 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 DateTimePicker.
+     *
+     * 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 DateTimePicker.
+     *
+     * 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 `name` property of the `input` DOM element.
+     */
+    name?: string;
+    /**
+     * Renders a floating label for the DateTimePicker.
+     */
+    label?: string;
+    /**
+     * Specifies the value of the placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Configures the popup options of the DateTimePicker.
+     *
+     * 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?: object;
+    /**
+     * Fires each time any of the DateTimePicker elements gets blurred.
+     */
+    onBlur?: (event: any) => void;
+    /**
+     * Fires each time the user focuses any of the DateTimePicker elements.
+     */
+    onFocus?: (event: any) => void;
+    /**
+     * Fires when the icon element is clicked.
+     */
+    onIconclick?: (event: any) => void;
+    /**
+     * Specifies if the popup will be displayed
+     * ([see example]({% slug controlled_datetimepicker %}#toc-controlling-the-popup-state)).
+     */
+    show?: boolean;
+    /**
+     * Sets the `tabIndex` property of the DateTimePicker.
+     */
+    tabIndex?: number;
+    /**
+     * Sets the title of the `input` element of the DateTimePicker.
+     */
+    title?: string;
+    /**
+     * Configures the incremental steps of the DateTimePicker.
+     *
+     * > If the incremental step is greater than `1`, the **Now** button will be hidden.
+     */
+    steps?: TimePickerIncrementalSteps;
+    /**
+     * Determines whether to display a week number column of the Calendar inside the DateTimePicker
+     * ([see example]({% slug weeksnumbers_calendar %})).
+     */
+    weekNumber?: boolean;
+    /**
+     * Specifies the width of the DateTimePicker.
+     */
+    width?: number | string;
+    /**
+     * Determines whether to display the **Cancel** button in the popup.
+     */
+    cancelButton?: boolean;
+    /**
+     * Specifies the validate of the DateTimePicker.
+     */
+    validate?: boolean;
+    /**
+     * Controls the form error message of the component. If set to an empty string, no error will be thrown.
+     *
+     */
+    validationMessage?: string;
+}

package/dist/esm/datetimepicker/models/DateTimePickerSettings.js

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

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

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

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

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

package/dist/esm/defaults.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export declare const MIDNIGHT_DATE: Date;
+/**
+ * @hidden
+ */
+export declare const MIN_DATE: Date;
+/**
+ * @hidden
+ */
+export declare const MAX_DATE: Date;
+/**
+ * @hidden
+ */
+export declare const MIN_TIME: Date;
+/**
+ * @hidden
+ */
+export declare const MAX_TIME: Date;

package/dist/esm/defaults.js

@@ -0,0 +1,20 @@
+/**
+ * @hidden
+ */
+export var MIDNIGHT_DATE = new Date(1980, 0, 1);
+/**
+ * @hidden
+ */
+export var MIN_DATE = new Date(1900, 0, 1);
+/**
+ * @hidden
+ */
+export var MAX_DATE = new Date(2099, 11, 31);
+/**
+ * @hidden
+ */
+export var MIN_TIME = new Date(1980, 0, 1);
+/**
+ * @hidden
+ */
+export var MAX_TIME = new Date(1980, 0, 1, 23, 59, 59);

package/dist/esm/main.d.ts

@@ -0,0 +1,24 @@
+import { Calendar, CalendarVue2 } from './calendar/components/Calendar';
+import { DateInput, DateInputVue2 } from './dateinput/DateInput';
+import { DatePicker, DatePickerVue2 } from './datepicker/DatePicker';
+import { CalendarProps } from './calendar/components/interfaces/CalendarProps';
+import { CalendarChangeEvent, CalendarWeekCellClickEvent } from './calendar/components/interfaces/CalendarEventArguments';
+import { DateInputProps } from './dateinput/interfaces/DateInputProps';
+import { DateInputChangeEvent } from './dateinput/interfaces/DateInputEventArguments';
+import { DatePickerProps } from './datepicker/interfaces/DatePickerProps';
+import { DatePickerChangeEvent } from './datepicker/interfaces/DatePickerEventArguments';
+import { TimePicker, TimePickerVue2, TimePickerProps, TimePickerChangeEvent } from './timepicker/TimePicker';
+import { DateRangePicker, DateRangePickerProps, DateRangePickerChangeEvent } from './daterangepicker/DateRangePicker';
+import { CalendarCell, CalendarCellVue2, CalendarCellProps } from './calendar/components/CalendarCell';
+import { CalendarWeekCell, CalendarWeekCellVue2, CalendarWeekCellProps } from './calendar/components/CalendarWeekCell';
+import { CalendarHeaderTitle, CalendarHeaderTitleVue2, CalendarHeaderTitleProps } from './calendar/components/CalendarHeaderTitle';
+import { ActiveView, SelectionRange, CalendarSettings, CalendarViewEnum } from './calendar/models';
+import { DateInputSettings, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder } from './dateinput/models';
+import { DateTimePicker, DateTimePickerVue2, DateTimePickerProps, DateTimePickerChangeEvent } from './datetimepicker/DateTimePicker';
+import { DatePickerSettings } from './datepicker/models';
+import { DateTimePickerSettings } from './datetimepicker/models';
+import { TimePickerSettings } from './timepicker/models';
+import { DateRangePickerSettings, DateRangePickerPopupSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings } from './daterangepicker/models';
+import { ToggleButton, ToggleButtonVue2 } from './datepicker/ToggleButton';
+import { PickerWrap, PickerWrapVue2, PickerWrapProps } from './common/PickerWrap';
+export { PickerWrap, PickerWrapVue2, PickerWrapProps, ToggleButton, ToggleButtonVue2, ActiveView, Calendar, CalendarVue2, CalendarProps, CalendarSettings, CalendarViewEnum, CalendarChangeEvent, CalendarWeekCellClickEvent, CalendarCell, CalendarCellVue2, CalendarCellProps, CalendarWeekCell, CalendarWeekCellVue2, CalendarWeekCellProps, CalendarHeaderTitle, CalendarHeaderTitleVue2, CalendarHeaderTitleProps, DateInput, DateInputVue2, DateInputProps, DateInputSettings, DateInputChangeEvent, DateInputIncrementalSteps, DateInputFormatPlaceholder, DateInputCustomFormatPlaceholder, DatePicker, DatePickerVue2, DatePickerProps, DatePickerSettings, DatePickerChangeEvent, TimePicker, TimePickerVue2, TimePickerProps, TimePickerSettings, TimePickerChangeEvent, DateRangePicker, DateRangePickerProps, DateRangePickerSettings, DateRangePickerCalendarSettings, DateRangePickerDateInputSettings, DateRangePickerPopupSettings, DateRangePickerChangeEvent, DateTimePicker, DateTimePickerVue2, DateTimePickerProps, DateTimePickerSettings, DateTimePickerChangeEvent, SelectionRange };

package/dist/esm/main.js

@@ -0,0 +1,14 @@
+import { Calendar, CalendarVue2 } from './calendar/components/Calendar.js';
+import { DateInput, DateInputVue2 } from './dateinput/DateInput.js';
+import { DatePicker, DatePickerVue2 } from './datepicker/DatePicker.js';
+import { TimePicker, TimePickerVue2 } from './timepicker/TimePicker.js';
+import { DateRangePicker } from './daterangepicker/DateRangePicker.js';
+import { CalendarCell, CalendarCellVue2 } from './calendar/components/CalendarCell.js';
+import { CalendarWeekCell, CalendarWeekCellVue2 } from './calendar/components/CalendarWeekCell.js';
+import { CalendarHeaderTitle, CalendarHeaderTitleVue2 } from './calendar/components/CalendarHeaderTitle.js';
+import { CalendarViewEnum } from './calendar/models.js';
+import { DateTimePicker, DateTimePickerVue2 } from './datetimepicker/DateTimePicker.js';
+import { ToggleButton, ToggleButtonVue2 } from './datepicker/ToggleButton.js';
+import { PickerWrap, PickerWrapVue2 } from './common/PickerWrap.js';
+// import { FormComponentValidity } from '@progress/kendo-vue-common';
+export { PickerWrap, PickerWrapVue2, ToggleButton, ToggleButtonVue2, Calendar, CalendarVue2, CalendarViewEnum, CalendarCell, CalendarCellVue2, CalendarWeekCell, CalendarWeekCellVue2, CalendarHeaderTitle, CalendarHeaderTitleVue2, DateInput, DateInputVue2, DatePicker, DatePickerVue2, TimePicker, TimePickerVue2, DateRangePicker, DateTimePicker, DateTimePickerVue2 };

package/dist/esm/messages/index.d.ts

@@ -0,0 +1,110 @@
+/**
+ * @hidden
+ */
+export declare const prevView = "calendar.prevView";
+/**
+ * @hidden
+ */
+export declare const nextView = "calendar.nextView";
+/**
+ * @hidden
+ */
+export declare const increaseValue = "dateinput.increment";
+/**
+ * @hidden
+ */
+export declare const decreaseValue = "dateinput.decrement";
+/**
+ * @hidden
+ */
+export declare const today = "calendar.today";
+/**
+ * @hidden
+ */
+export declare const toggleCalendar = "datepicker.toggleCalendar";
+/**
+ * @hidden
+ */
+export declare const swapStartEnd = "daterangepicker.swapStartEnd";
+/**
+ * @hidden
+ */
+export declare const start = "daterangepicker.start";
+/**
+ * @hidden
+ */
+export declare const end = "daterangepicker.end";
+/**
+ * @hidden
+ */
+export declare const separator = "daterangepicker.separator";
+/**
+ * @hidden
+ */
+export declare const toggleDateTimeSelector = "datetimepicker.toggleDateTimeSelector";
+/**
+ * @hidden
+ */
+export declare const now = "timepicker.now";
+/**
+ * @hidden
+ */
+export declare const selectNow = "timepicker.selectNow";
+/**
+ * @hidden
+ */
+export declare const timePickerCancel = "timepicker.cancel";
+/**
+ * @hidden
+ */
+export declare const timePickerSet = "timepicker.set";
+/**
+ * @hidden
+ */
+export declare const toggleTimeSelector = "timepicker.toggleTimeSelector";
+/**
+ * @hidden
+ */
+export declare const toggleClock = "timepicker.toggleClock";
+/**
+ * @hidden
+ */
+export declare const date = "datetimepicker.date";
+/**
+ * @hidden
+ */
+export declare const time = "datetimepicker.time";
+/**
+ * @hidden
+ */
+export declare const dateTimePickerCancel = "datetimepicker.cancel";
+/**
+ * @hidden
+ */
+export declare const dateTimePickerSet = "datetimepicker.set";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "calendar.today": string;
+    "timepicker.now": string;
+    "timepicker.set": string;
+    "timepicker.cancel": string;
+    "datetimepicker.date": string;
+    "datetimepicker.time": string;
+    "datetimepicker.cancel": string;
+    "datetimepicker.set": string;
+    "daterangepicker.start": string;
+    "daterangepicker.end": string;
+    "daterangepicker.separator": string;
+    "timepicker.selectNow": string;
+    "timepicker.toggleTimeSelector": string;
+    "timepicker.toggleClock": string;
+    "dateinput.increment": string;
+    "dateinput.decrement": string;
+    "datepicker.toggleCalendar": string;
+    "calendar.prevView": string;
+    "calendar.nextView": string;
+    "daterangepicker.swapStartEnd": string;
+    "datetimepicker.toggleDateTimeSelector": string;
+};

package/dist/esm/messages/index.js

@@ -0,0 +1,111 @@
+var _a;
+/**
+ * @hidden
+ */
+export var prevView = 'calendar.prevView';
+/**
+ * @hidden
+ */
+export var nextView = 'calendar.nextView';
+/**
+ * @hidden
+ */
+export var increaseValue = 'dateinput.increment';
+/**
+ * @hidden
+ */
+export var decreaseValue = 'dateinput.decrement';
+/**
+ * @hidden
+ */
+export var today = 'calendar.today';
+/**
+ * @hidden
+ */
+export var toggleCalendar = 'datepicker.toggleCalendar';
+/**
+ * @hidden
+ */
+export var swapStartEnd = 'daterangepicker.swapStartEnd';
+/**
+ * @hidden
+ */
+export var start = 'daterangepicker.start';
+/**
+ * @hidden
+ */
+export var end = 'daterangepicker.end';
+/**
+ * @hidden
+ */
+export var separator = 'daterangepicker.separator';
+/**
+ * @hidden
+ */
+export var toggleDateTimeSelector = 'datetimepicker.toggleDateTimeSelector';
+/**
+ * @hidden
+ */
+export var now = 'timepicker.now';
+/**
+ * @hidden
+ */
+export var selectNow = 'timepicker.selectNow';
+/**
+ * @hidden
+ */
+export var timePickerCancel = 'timepicker.cancel';
+/**
+ * @hidden
+ */
+export var timePickerSet = 'timepicker.set';
+/**
+ * @hidden
+ */
+export var toggleTimeSelector = 'timepicker.toggleTimeSelector';
+/**
+ * @hidden
+ */
+export var toggleClock = 'timepicker.toggleClock';
+/**
+ * @hidden
+ */
+export var date = 'datetimepicker.date';
+/**
+ * @hidden
+ */
+export var time = 'datetimepicker.time';
+/**
+ * @hidden
+ */
+export var dateTimePickerCancel = 'datetimepicker.cancel';
+/**
+ * @hidden
+ */
+export var dateTimePickerSet = 'datetimepicker.set';
+/**
+ * @hidden
+ */
+export var messages = (_a = {},
+    _a[today] = 'Today',
+    _a[now] = 'NOW',
+    _a[timePickerSet] = 'Set',
+    _a[timePickerCancel] = 'Cancel',
+    _a[date] = 'Date',
+    _a[time] = 'Time',
+    _a[dateTimePickerCancel] = 'Cancel',
+    _a[dateTimePickerSet] = 'Set',
+    _a[start] = 'Start',
+    _a[end] = 'End',
+    _a[separator] = ' ',
+    _a[selectNow] = 'Select Now',
+    _a[toggleTimeSelector] = 'Toggle TimeSelector',
+    _a[toggleClock] = 'Toggle Clock',
+    _a[increaseValue] = 'Increase value',
+    _a[decreaseValue] = 'Decrease value',
+    _a[toggleCalendar] = 'Toggle calendar',
+    _a[prevView] = 'Navigate to previous view',
+    _a[nextView] = 'Navigate to next view',
+    _a[swapStartEnd] = 'Swap start and end values',
+    _a[toggleDateTimeSelector] = 'Toggle date-time selector',
+    _a);

package/dist/esm/package-metadata.d.ts

@@ -0,0 +1,5 @@
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -0,0 +1,11 @@
+/**
+ * @hidden
+ */
+export var packageMetadata = {
+    name: '@progress/kendo-vue-dateinputs',
+    productName: 'Kendo UI for Vue',
+    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
+    publishDate: 1660124133,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
+};

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+                    "type": "module"
+                 }

package/dist/esm/timepicker/TimeList.d.ts

@@ -0,0 +1,87 @@
+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 { IntlService, DateFormatPart } from '@progress/kendo-vue-intl';
+import { ScrollActionArguments } from '../virtualization/Virtualization';
+import { ListItem, ListService, ListServiceSettings } from './models';
+import { DOMService } from './services';
+/**
+ * @hidden
+ */
+export interface TimeListProps {
+    id?: number;
+    max?: Date;
+    min?: Date;
+    onBlur?: any;
+    onChange?: any;
+    onFocus?: any;
+    part: DateFormatPart;
+    step?: number;
+    value: Date;
+    smoothScroll?: boolean;
+    boundRange?: boolean;
+    disabled?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface TimeListState {
+    dom: DOMService;
+    intl: IntlService;
+    service: ListService;
+    virtualization: any;
+    topOffset?: number;
+    bottomOffset: number;
+    itemHeight: number;
+    listHeight: number;
+    topThreshold: number;
+    bottomThreshold: number;
+    animateToIndex: boolean;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface TimeListComputed {
+    [key: string]: any;
+    animate: boolean;
+}
+/**
+ * @hidden
+ */
+export interface TimeListData {
+    currentValue: Date;
+}
+/**
+ * @hidden
+ */
+export interface TimeListMethods {
+    [key: string]: any;
+    focus: (args?: any) => void;
+    itemOffset: (scrollTop: number) => number;
+    calculateHeights: () => void;
+    serviceSettings: (settings?: any) => ListServiceSettings;
+    handleScrollAction: ({ target, animationInProgress }: ScrollActionArguments) => void;
+    handleFocus: (event: any) => void;
+    handleBlur: (event: any) => void;
+    configureServices: () => void;
+    handleMouseOver: () => void;
+    handleKeyDown: (event: any) => void;
+    handleChange: (dataItem: ListItem) => void;
+}
+/**
+ * @hidden
+ */
+export interface TimeListAll extends Vue2type, TimeListMethods, TimeListData, TimeListComputed, TimeListState {
+}
+/**
+ * @hidden
+ */
+declare let TimeListVue2: ComponentOptions<TimeListAll, DefaultData<TimeListData>, DefaultMethods<TimeListAll>, TimeListComputed, RecordPropsDefinition<TimeListProps>>;
+/**
+ * @hidden
+ */
+declare const TimeList: DefineComponent<TimeListProps, any, TimeListData, TimeListComputed, TimeListMethods, {}, {}, {}, string, TimeListProps, TimeListProps, {}>;
+export { TimeList, TimeListVue2 };