@progress/kendo-vue-dateinputs 3.3.4 → 3.3.5-dev.202206141337
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-dateinputs.js +1 -1
- package/dist/es/additionalTypes.ts +11 -0
- package/dist/es/calendar/components/Calendar.d.ts +9 -3
- package/dist/es/calendar/components/Calendar.js +11 -9
- package/dist/es/calendar/components/CalendarCell.d.ts +8 -7
- package/dist/es/calendar/components/CalendarCell.js +8 -6
- package/dist/es/calendar/components/CalendarHeaderTitle.d.ts +8 -7
- package/dist/es/calendar/components/CalendarHeaderTitle.js +8 -6
- package/dist/es/calendar/components/CalendarWeekCell.d.ts +8 -7
- package/dist/es/calendar/components/CalendarWeekCell.js +8 -6
- package/dist/es/calendar/components/Header.d.ts +6 -3
- package/dist/es/calendar/components/Header.js +7 -3
- package/dist/es/calendar/components/View.d.ts +9 -3
- package/dist/es/calendar/components/View.js +12 -4
- package/dist/es/calendar/components/ViewList.d.ts +9 -5
- package/dist/es/calendar/components/ViewList.js +11 -13
- package/dist/es/calendar/components/interfaces/CalendarProps.d.ts +1 -1
- package/dist/es/calendar/models/CalendarSettings.d.ts +4 -8
- package/dist/es/calendar/utils/index.d.ts +18 -0
- package/dist/es/calendar/utils/index.js +20 -1
- package/dist/es/common/PickerWrap.d.ts +8 -5
- package/dist/es/common/PickerWrap.js +8 -4
- package/dist/es/dateinput/DateInput.d.ts +9 -3
- package/dist/es/dateinput/DateInput.js +11 -3
- package/dist/es/dateinput/interfaces/DateInputProps.d.ts +2 -2
- package/dist/es/dateinput/models/DateInputSettings.d.ts +9 -9
- package/dist/es/datepicker/DatePicker.d.ts +9 -3
- package/dist/es/datepicker/DatePicker.js +11 -4
- package/dist/es/datepicker/ToggleButton.d.ts +7 -4
- package/dist/es/datepicker/ToggleButton.js +8 -4
- package/dist/es/datepicker/interfaces/DatePickerProps.d.ts +4 -4
- package/dist/es/datepicker/models/DatePickerSettings.d.ts +14 -14
- package/dist/es/daterangepicker/DateRangePicker.d.ts +9 -3
- package/dist/es/daterangepicker/DateRangePicker.js +11 -4
- package/dist/es/daterangepicker/models/DateRangePickerSettings.d.ts +1 -1
- package/dist/es/datetimepicker/DateTimePicker.d.ts +9 -3
- package/dist/es/datetimepicker/DateTimePicker.js +11 -4
- package/dist/es/datetimepicker/DateTimeSelector.d.ts +9 -3
- package/dist/es/datetimepicker/DateTimeSelector.js +11 -4
- package/dist/es/main.d.ts +11 -11
- package/dist/es/main.js +11 -11
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timepicker/TimeList.d.ts +9 -3
- package/dist/es/timepicker/TimeList.js +11 -3
- package/dist/es/timepicker/TimePart.d.ts +9 -3
- package/dist/es/timepicker/TimePart.js +11 -3
- package/dist/es/timepicker/TimePicker.d.ts +9 -3
- package/dist/es/timepicker/TimePicker.js +11 -3
- package/dist/es/timepicker/TimeSelector.d.ts +9 -3
- package/dist/es/timepicker/TimeSelector.js +11 -3
- package/dist/es/virtualization/Virtualization.d.ts +9 -3
- package/dist/es/virtualization/Virtualization.js +11 -3
- package/dist/npm/additionalTypes.ts +11 -0
- package/dist/npm/calendar/components/Calendar.d.ts +9 -3
- package/dist/npm/calendar/components/Calendar.js +13 -11
- package/dist/npm/calendar/components/CalendarCell.d.ts +8 -7
- package/dist/npm/calendar/components/CalendarCell.js +10 -8
- package/dist/npm/calendar/components/CalendarHeaderTitle.d.ts +8 -7
- package/dist/npm/calendar/components/CalendarHeaderTitle.js +10 -8
- package/dist/npm/calendar/components/CalendarWeekCell.d.ts +8 -7
- package/dist/npm/calendar/components/CalendarWeekCell.js +10 -8
- package/dist/npm/calendar/components/Header.d.ts +6 -3
- package/dist/npm/calendar/components/Header.js +9 -5
- package/dist/npm/calendar/components/View.d.ts +9 -3
- package/dist/npm/calendar/components/View.js +14 -6
- package/dist/npm/calendar/components/ViewList.d.ts +9 -5
- package/dist/npm/calendar/components/ViewList.js +13 -15
- package/dist/npm/calendar/components/interfaces/CalendarProps.d.ts +1 -1
- package/dist/npm/calendar/models/CalendarSettings.d.ts +4 -8
- package/dist/npm/calendar/utils/index.d.ts +18 -0
- package/dist/npm/calendar/utils/index.js +20 -1
- package/dist/npm/common/PickerWrap.d.ts +8 -5
- package/dist/npm/common/PickerWrap.js +10 -6
- package/dist/npm/dateinput/DateInput.d.ts +9 -3
- package/dist/npm/dateinput/DateInput.js +13 -5
- package/dist/npm/dateinput/interfaces/DateInputProps.d.ts +2 -2
- package/dist/npm/dateinput/models/DateInputSettings.d.ts +9 -9
- package/dist/npm/datepicker/DatePicker.d.ts +9 -3
- package/dist/npm/datepicker/DatePicker.js +13 -6
- package/dist/npm/datepicker/ToggleButton.d.ts +7 -4
- package/dist/npm/datepicker/ToggleButton.js +10 -6
- package/dist/npm/datepicker/interfaces/DatePickerProps.d.ts +4 -4
- package/dist/npm/datepicker/models/DatePickerSettings.d.ts +14 -14
- package/dist/npm/daterangepicker/DateRangePicker.d.ts +9 -3
- package/dist/npm/daterangepicker/DateRangePicker.js +13 -6
- package/dist/npm/daterangepicker/models/DateRangePickerSettings.d.ts +1 -1
- package/dist/npm/datetimepicker/DateTimePicker.d.ts +9 -3
- package/dist/npm/datetimepicker/DateTimePicker.js +13 -6
- package/dist/npm/datetimepicker/DateTimeSelector.d.ts +9 -3
- package/dist/npm/datetimepicker/DateTimeSelector.js +13 -6
- package/dist/npm/main.d.ts +11 -11
- package/dist/npm/main.js +11 -11
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/timepicker/TimeList.d.ts +9 -3
- package/dist/npm/timepicker/TimeList.js +13 -5
- package/dist/npm/timepicker/TimePart.d.ts +9 -3
- package/dist/npm/timepicker/TimePart.js +13 -5
- package/dist/npm/timepicker/TimePicker.d.ts +9 -3
- package/dist/npm/timepicker/TimePicker.js +13 -5
- package/dist/npm/timepicker/TimeSelector.d.ts +9 -3
- package/dist/npm/timepicker/TimeSelector.js +13 -5
- package/dist/npm/virtualization/Virtualization.d.ts +9 -3
- package/dist/npm/virtualization/Virtualization.js +13 -5
- package/package.json +7 -7
|
@@ -39,10 +39,6 @@ export interface CalendarSettings {
|
|
|
39
39
|
* Determines if the navigation sidebar will be displayed.
|
|
40
40
|
*/
|
|
41
41
|
navigation?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Toggles the smooth scroll animation on navigation item click. By default, the animation is enabled.
|
|
44
|
-
*/
|
|
45
|
-
smoothScroll?: boolean;
|
|
46
42
|
/**
|
|
47
43
|
* Fires each time the Calendar is blurred.
|
|
48
44
|
*/
|
|
@@ -65,22 +61,22 @@ export interface CalendarSettings {
|
|
|
65
61
|
weekNumber?: boolean;
|
|
66
62
|
/**
|
|
67
63
|
* Enables the customization or the override of the default Calendar cell
|
|
68
|
-
* ([see example]({% slug
|
|
64
|
+
* ([see example]({% slug custom_rendering_calendar %}#toc-cells-inside-the-view)).
|
|
69
65
|
*/
|
|
70
66
|
cell?: any;
|
|
71
67
|
/**
|
|
72
68
|
* Enables the customization or the override of the default week-column cell in the Calendar
|
|
73
|
-
* ([see example]({% slug
|
|
69
|
+
* ([see example]({% slug custom_rendering_calendar %}#toc-cells-inside-the-week-column)).
|
|
74
70
|
*/
|
|
75
71
|
weekCell?: any;
|
|
76
72
|
/**
|
|
77
73
|
* Enables the customization or the override of the default header title in the Calendar
|
|
78
|
-
* ([see example]({% slug
|
|
74
|
+
* ([see example]({% slug custom_rendering_calendar %}#toc-titles-of-current-views)).
|
|
79
75
|
*/
|
|
80
76
|
headerTitle?: any;
|
|
81
77
|
/**
|
|
82
78
|
* Enables the customization or the override of the default navigation item in the Calendar
|
|
83
|
-
* ([see example]({% slug
|
|
79
|
+
* ([see example]({% slug custom_rendering_calendar %}#toc-items-in-the-side-navigation)).
|
|
84
80
|
*/
|
|
85
81
|
navigationItem?: any;
|
|
86
82
|
}
|
|
@@ -1,8 +1,26 @@
|
|
|
1
1
|
import { SelectionRange, SelectionRangeEnd } from '../models';
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
2
5
|
declare const calculateValue: (min: Date, max: Date, stateValue: any, propValue?: any) => Date | null;
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
3
9
|
declare const extractDateFromValue: (min: Date, max: Date, value: Date | Date[] | SelectionRange | null) => Date | null;
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
4
13
|
declare const extractMultipleFromValue: (min: Date, max: Date, value: Date | Date[] | SelectionRange | null) => Date[] | null;
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
5
17
|
declare const extractRangeFromValue: (value: Date | Date[] | SelectionRange | null) => SelectionRange;
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
6
21
|
declare const extractFocusedDate: (single: Date | null, multiple: Date[] | null, range: SelectionRange) => Date | null;
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
7
25
|
declare const extractActiveRange: (range: SelectionRange, single: Date | null) => SelectionRangeEnd;
|
|
8
26
|
export { calculateValue, extractDateFromValue, extractMultipleFromValue, extractRangeFromValue, extractFocusedDate, extractActiveRange };
|
|
@@ -4,6 +4,10 @@ exports.extractActiveRange = exports.extractFocusedDate = exports.extractRangeFr
|
|
|
4
4
|
var utils_1 = require("../../utils");
|
|
5
5
|
var models_1 = require("../models");
|
|
6
6
|
var kendo_date_math_1 = require("@progress/kendo-date-math");
|
|
7
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
7
11
|
var calculateValue = function (min, max, stateValue, propValue) {
|
|
8
12
|
return propValue !== undefined
|
|
9
13
|
? propValue !== null && utils_1.isInRange(propValue, min, max)
|
|
@@ -14,28 +18,43 @@ var calculateValue = function (min, max, stateValue, propValue) {
|
|
|
14
18
|
: null;
|
|
15
19
|
};
|
|
16
20
|
exports.calculateValue = calculateValue;
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
17
24
|
var extractDateFromValue = function (min, max, value) {
|
|
18
25
|
return value instanceof Date && !Array.isArray(value) && utils_1.isInRange(kendo_date_math_1.getDate(value), min, max)
|
|
19
26
|
? kendo_date_math_1.getDate(value)
|
|
20
27
|
: null;
|
|
21
28
|
};
|
|
22
29
|
exports.extractDateFromValue = extractDateFromValue;
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
23
33
|
var extractMultipleFromValue = function (min, max, value) {
|
|
24
34
|
return Array.isArray(value)
|
|
25
35
|
? value.filter(function (date) { return utils_1.isInRange(date, min, max); }).map(function (date) { return kendo_date_math_1.getDate(date); })
|
|
26
36
|
: null;
|
|
27
37
|
};
|
|
28
38
|
exports.extractMultipleFromValue = extractMultipleFromValue;
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
*/
|
|
29
42
|
var extractRangeFromValue = function (value) {
|
|
30
|
-
return
|
|
43
|
+
return kendo_vue_common_1.isObject(value) && !(value instanceof Date) && value !== null && !Array.isArray(value)
|
|
31
44
|
? value
|
|
32
45
|
: models_1.EMPTY_SELECTIONRANGE;
|
|
33
46
|
};
|
|
34
47
|
exports.extractRangeFromValue = extractRangeFromValue;
|
|
48
|
+
/**
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
35
51
|
var extractFocusedDate = function (single, multiple, range) {
|
|
36
52
|
return single || (multiple && multiple[0]) || (range && range.start);
|
|
37
53
|
};
|
|
38
54
|
exports.extractFocusedDate = extractFocusedDate;
|
|
55
|
+
/**
|
|
56
|
+
* @hidden
|
|
57
|
+
*/
|
|
39
58
|
var extractActiveRange = function (range, single) {
|
|
40
59
|
return range.start === null && single === null
|
|
41
60
|
? 'start'
|
|
@@ -5,14 +5,17 @@ declare type DefaultMethods<V> = {
|
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
7
|
* Represents the props of the Kendo UI for
|
|
8
|
-
* Vue [PickerWrap]({% slug
|
|
8
|
+
* Vue [PickerWrap]({% slug api_dateinputs_pickerwrapprops %}) component.
|
|
9
9
|
*/
|
|
10
10
|
export interface PickerWrapProps {
|
|
11
11
|
id?: string;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
declare let
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
declare let PickerWrapVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<Vue2type>, {}, RecordPropsDefinition<PickerWrapProps>>;
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
declare const PickerWrap: DefineComponent<PickerWrapProps, any, {}, {}, {}, {}, {}, {}, string, PickerWrapProps, PickerWrapProps, {}>;
|
|
21
|
+
export { PickerWrap, PickerWrapVue2 };
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.PickerWrapVue2 = exports.PickerWrap = void 0; // @ts-ignore
|
|
7
7
|
|
|
8
8
|
var Vue = require("vue");
|
|
9
9
|
|
|
@@ -12,11 +12,11 @@ var gh = allVue.h;
|
|
|
12
12
|
|
|
13
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* @hidden
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var PickerWrapVue2 = {
|
|
20
20
|
props: {
|
|
21
21
|
id: String
|
|
22
22
|
},
|
|
@@ -40,6 +40,10 @@ var PickerWrap = {
|
|
|
40
40
|
}, [defaultSlot]);
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
|
-
exports.
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
exports.PickerWrapVue2 = PickerWrapVue2;
|
|
44
|
+
/**
|
|
45
|
+
* @hidden
|
|
46
|
+
*/
|
|
47
|
+
|
|
48
|
+
var PickerWrap = PickerWrapVue2;
|
|
49
|
+
exports.PickerWrap = PickerWrap;
|
|
@@ -13,6 +13,12 @@ declare type DefaultMethods<V> = {
|
|
|
13
13
|
*/
|
|
14
14
|
export interface DateInputAll extends Vue2type, DateInputMethods, DateInputData, DateInputComputed, DateInputState {
|
|
15
15
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
declare let DateInputVue2: ComponentOptions<DateInputAll, DefaultData<DateInputData>, DefaultMethods<DateInputAll>, DateInputComputed, RecordPropsDefinition<DateInputProps>>;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
declare const DateInput: DefineComponent<DateInputProps, any, DateInputData, DateInputComputed, DateInputMethods, {}, {}, {}, string, DateInputProps, DateInputProps, {}>;
|
|
24
|
+
export { DateInput, DateInputVue2 };
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.DateInputVue2 = exports.DateInput = void 0; // @ts-ignore
|
|
7
7
|
|
|
8
8
|
var Vue = require("vue");
|
|
9
9
|
|
|
@@ -37,7 +37,11 @@ var defaults_1 = require("../defaults");
|
|
|
37
37
|
var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
|
|
38
38
|
|
|
39
39
|
var VALIDATION_MESSAGE = 'Please enter a valid value!';
|
|
40
|
-
|
|
40
|
+
/**
|
|
41
|
+
* @hidden
|
|
42
|
+
*/
|
|
43
|
+
|
|
44
|
+
var DateInputVue2 = {
|
|
41
45
|
name: 'DateInput',
|
|
42
46
|
model: {
|
|
43
47
|
event: 'changemodel'
|
|
@@ -717,6 +721,10 @@ var DateInput = {
|
|
|
717
721
|
} : [dateinput]) : dateinput;
|
|
718
722
|
}
|
|
719
723
|
};
|
|
720
|
-
exports.
|
|
721
|
-
|
|
722
|
-
|
|
724
|
+
exports.DateInputVue2 = DateInputVue2;
|
|
725
|
+
/**
|
|
726
|
+
* @hidden
|
|
727
|
+
*/
|
|
728
|
+
|
|
729
|
+
var DateInput = DateInputVue2;
|
|
730
|
+
exports.DateInput = DateInput;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FormComponentProps } from '@progress/kendo-vue-common';
|
|
2
2
|
import { DateInputSettings } from '../models';
|
|
3
3
|
/**
|
|
4
|
-
* Represents the props of the [Kendo UI for Vue DateInput component]({% slug
|
|
4
|
+
* 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.
|
|
5
5
|
*/
|
|
6
6
|
export interface DateInputProps extends FormComponentProps, DateInputSettings {
|
|
7
7
|
/**
|
|
@@ -25,7 +25,7 @@ export interface DateInputProps extends FormComponentProps, DateInputSettings {
|
|
|
25
25
|
*/
|
|
26
26
|
defaultValue?: Date | null;
|
|
27
27
|
/**
|
|
28
|
-
* Determines the event handler that will be fired when the user edits the value ([see example]({% slug
|
|
28
|
+
* Determines the event handler that will be fired when the user edits the value ([see example]({% slug dateranges_dateinput %}).
|
|
29
29
|
*/
|
|
30
30
|
onChange?: (event: any) => void;
|
|
31
31
|
}
|
|
@@ -6,11 +6,11 @@ import { DateFormatOptions } from '@progress/kendo-vue-intl';
|
|
|
6
6
|
*/
|
|
7
7
|
export interface DateInputSettings {
|
|
8
8
|
/**
|
|
9
|
-
* Specifies the `date` format which is used for formatting the value ([see example]({% slug
|
|
9
|
+
* 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.
|
|
10
10
|
*/
|
|
11
11
|
format?: string | DateFormatOptions;
|
|
12
12
|
/**
|
|
13
|
-
* Specifies the descriptions of the format sections in the input field ([more information and example]({% slug
|
|
13
|
+
* Specifies the descriptions of the format sections in the input field ([more information and example]({% slug placeholders_dateinput %}).
|
|
14
14
|
*/
|
|
15
15
|
formatPlaceholder?: DateInputFormatPlaceholder;
|
|
16
16
|
/**
|
|
@@ -65,7 +65,7 @@ export interface DateInputSettings {
|
|
|
65
65
|
*/
|
|
66
66
|
title?: string;
|
|
67
67
|
/**
|
|
68
|
-
* Specifies the incremental steps of the DateInput ([see example]({% slug
|
|
68
|
+
* Specifies the incremental steps of the DateInput ([see example]({% slug incrementalsteps_dateinput %}).
|
|
69
69
|
*
|
|
70
70
|
* The available options are:
|
|
71
71
|
* - `year: Number`—Controls the incremental step of the year value.
|
|
@@ -77,27 +77,27 @@ export interface DateInputSettings {
|
|
|
77
77
|
*/
|
|
78
78
|
steps?: DateInputIncrementalSteps;
|
|
79
79
|
/**
|
|
80
|
-
* Specifies the smallest date that is valid ([see example]({% slug
|
|
80
|
+
* Specifies the smallest date that is valid ([see example]({% slug dateranges_dateinput %}).
|
|
81
81
|
*/
|
|
82
82
|
min?: Date;
|
|
83
83
|
/**
|
|
84
|
-
* Specifies the greatest date that is valid ([see example]({% slug
|
|
84
|
+
* Specifies the greatest date that is valid ([see example]({% slug dateranges_dateinput %}).
|
|
85
85
|
*/
|
|
86
86
|
max?: Date;
|
|
87
87
|
/**
|
|
88
|
-
* Specifies the smallest time that is valid ([see example]({% slug
|
|
88
|
+
* Specifies the smallest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range).
|
|
89
89
|
*/
|
|
90
90
|
minTime?: Date;
|
|
91
91
|
/**
|
|
92
|
-
* Specifies the greatest time that is valid ([see example]({% slug
|
|
92
|
+
* Specifies the greatest time that is valid ([see example]({% slug dateranges_dateinput %}#toc-limiting-the-time-range).
|
|
93
93
|
*/
|
|
94
94
|
maxTime?: Date;
|
|
95
95
|
/**
|
|
96
|
-
* Determines whether the DateInput is disabled ([see example]({% slug
|
|
96
|
+
* Determines whether the DateInput is disabled ([see example]({% slug disabled_dateinput %})).
|
|
97
97
|
*/
|
|
98
98
|
disabled?: boolean;
|
|
99
99
|
/**
|
|
100
|
-
* Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug
|
|
100
|
+
* Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example]({% slug spinbuttons_dateinput %})).
|
|
101
101
|
*/
|
|
102
102
|
spinners?: boolean;
|
|
103
103
|
/**
|
|
@@ -13,6 +13,12 @@ import { DatePickerProps } from './interfaces/DatePickerProps';
|
|
|
13
13
|
*/
|
|
14
14
|
export interface DatePickerAll extends Vue2type, DatePickerMethods, DatePickerData, DatePickerComputed, DatePickerState {
|
|
15
15
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
declare let DatePickerVue2: ComponentOptions<DatePickerAll, DefaultData<DatePickerData>, DefaultMethods<DatePickerAll>, DatePickerComputed, RecordPropsDefinition<DatePickerProps>>;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
declare const DatePicker: DefineComponent<DatePickerProps, any, DatePickerData, DatePickerComputed, DatePickerMethods, {}, {}, {}, string, DatePickerProps, DatePickerProps, {}>;
|
|
24
|
+
export { DatePicker, DatePickerVue2 };
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.DatePickerVue2 = exports.DatePicker = void 0; // @ts-ignore
|
|
7
7
|
|
|
8
8
|
var Vue = require("vue");
|
|
9
9
|
|
|
@@ -34,10 +34,13 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
|
34
34
|
|
|
35
35
|
var ToggleButton_1 = require("./ToggleButton");
|
|
36
36
|
|
|
37
|
-
var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
|
|
37
|
+
var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
38
41
|
|
|
39
42
|
|
|
40
|
-
var
|
|
43
|
+
var DatePickerVue2 = {
|
|
41
44
|
name: 'DatePicker',
|
|
42
45
|
inject: {
|
|
43
46
|
kendoLocalizationService: {
|
|
@@ -662,6 +665,10 @@ var DatePicker = {
|
|
|
662
665
|
} : [datepicker]) : datepicker;
|
|
663
666
|
}
|
|
664
667
|
};
|
|
665
|
-
exports.
|
|
666
|
-
|
|
667
|
-
|
|
668
|
+
exports.DatePickerVue2 = DatePickerVue2;
|
|
669
|
+
/**
|
|
670
|
+
* @hidden
|
|
671
|
+
*/
|
|
672
|
+
|
|
673
|
+
var DatePicker = DatePickerVue2;
|
|
674
|
+
exports.DatePicker = DatePicker;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { ButtonProps } from '@progress/kendo-vue-buttons';
|
|
2
2
|
import { DefineComponent } from '../additionalTypes';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* @hidden
|
|
5
5
|
*/
|
|
6
|
-
declare let
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
declare let ToggleButtonVue2: any;
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
declare const ToggleButton: DefineComponent<ButtonProps, any, {}, {}, {}, {}, {}, {}, string, ButtonProps, ButtonProps, {}>;
|
|
11
|
+
export { ToggleButton, ToggleButtonVue2 };
|
|
@@ -3,15 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.ToggleButtonVue2 = exports.ToggleButton = void 0;
|
|
7
7
|
|
|
8
8
|
var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
var
|
|
15
|
-
exports.
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
var ToggleButtonVue2 = kendo_vue_buttons_1.Button;
|
|
15
|
+
exports.ToggleButtonVue2 = ToggleButtonVue2;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
var ToggleButton = ToggleButtonVue2;
|
|
21
|
+
exports.ToggleButton = ToggleButton;
|
|
@@ -2,7 +2,7 @@ import { DatePickerChangeEvent } from './DatePickerEventArguments';
|
|
|
2
2
|
import { DatePickerSettings } from '../models';
|
|
3
3
|
import { FormComponentProps } from '@progress/kendo-vue-common';
|
|
4
4
|
/**
|
|
5
|
-
* Represents the props of the [Kendo UI for Vue DatePicker component]({% slug
|
|
5
|
+
* Represents the props of the [Kendo UI for Vue DatePicker component]({% slug overview_datepicker %}).
|
|
6
6
|
*/
|
|
7
7
|
export interface DatePickerProps extends DatePickerSettings, FormComponentProps {
|
|
8
8
|
/**
|
|
@@ -10,11 +10,11 @@ export interface DatePickerProps extends DatePickerSettings, FormComponentProps
|
|
|
10
10
|
*/
|
|
11
11
|
modelValue?: Date;
|
|
12
12
|
/**
|
|
13
|
-
* Sets the default value of the DatePicker ([see example]({% slug
|
|
13
|
+
* Sets the default value of the DatePicker ([see example]({% slug default_value_datepicker %})).
|
|
14
14
|
*/
|
|
15
15
|
defaultValue?: Date;
|
|
16
16
|
/**
|
|
17
|
-
* Fires each time the user selects a new value ([see example]({% slug
|
|
17
|
+
* Fires each time the user selects a new value ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
|
|
18
18
|
*/
|
|
19
19
|
onChange?: (event: DatePickerChangeEvent) => void;
|
|
20
20
|
/**
|
|
@@ -30,7 +30,7 @@ export interface DatePickerProps extends DatePickerSettings, FormComponentProps
|
|
|
30
30
|
*/
|
|
31
31
|
placeholder?: string;
|
|
32
32
|
/**
|
|
33
|
-
* Specifies the value of the DatePicker ([see example]({% slug
|
|
33
|
+
* Specifies the value of the DatePicker ([see example]({% slug controlled_datepicker %}#toc-controlling-the-date-value)).
|
|
34
34
|
*
|
|
35
35
|
* > The `value` has to be a valid [JavaScript `Date`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date) instance.
|
|
36
36
|
*/
|
|
@@ -7,35 +7,35 @@ import { DateFormatOptions } from '@progress/kendo-vue-intl';
|
|
|
7
7
|
export interface DatePickerSettings {
|
|
8
8
|
/**
|
|
9
9
|
* Enables the customization or the override of the default wrapping component around the `DateInput` and `ToggleButton` rendered by the DatePicker
|
|
10
|
-
* ([see example]({% slug
|
|
10
|
+
* ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
|
|
11
11
|
*/
|
|
12
12
|
pickerWrap?: any;
|
|
13
13
|
/**
|
|
14
14
|
* Enables the customization or the override of the default Toggle button which is rendered by the DatePicker
|
|
15
|
-
* ([see example]({% slug
|
|
15
|
+
* ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-toggle-button)).
|
|
16
16
|
*/
|
|
17
17
|
toggleButton?: any;
|
|
18
18
|
/**
|
|
19
19
|
* Enables the customization or the override of the default Calendar which is rendered by the DatePicker
|
|
20
|
-
* ([see example]({% slug
|
|
20
|
+
* ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-calendar)).
|
|
21
21
|
*/
|
|
22
22
|
calendar?: any;
|
|
23
23
|
/**
|
|
24
24
|
* Enables the customization or the override of the default Popup which is rendered by the DatePicker
|
|
25
|
-
* ([see example]({% slug
|
|
25
|
+
* ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-popup)).
|
|
26
26
|
*/
|
|
27
27
|
popup?: any;
|
|
28
28
|
/**
|
|
29
29
|
* Enables the customization or the override of the default DateInput which is rendered by the DatePicker
|
|
30
|
-
* ([see example]({% slug
|
|
30
|
+
* ([see example]({% slug custom_rendering_datepicker %}#toc-customizing-the-dateinput)).
|
|
31
31
|
*/
|
|
32
32
|
dateInput?: any;
|
|
33
33
|
/**
|
|
34
|
-
* Sets the default state of the DatePicker upon render ([see example]({% slug
|
|
34
|
+
* Sets the default state of the DatePicker upon render ([see example]({% slug default_value_datepicker %})).
|
|
35
35
|
*/
|
|
36
36
|
defaultShow?: boolean;
|
|
37
37
|
/**
|
|
38
|
-
* Determines whether the DatePicker is disabled ([see example]({% slug
|
|
38
|
+
* Determines whether the DatePicker is disabled ([see example]({% slug disabled_datepicker %})).
|
|
39
39
|
*/
|
|
40
40
|
disabled?: boolean;
|
|
41
41
|
/**
|
|
@@ -78,15 +78,15 @@ export interface DatePickerSettings {
|
|
|
78
78
|
*/
|
|
79
79
|
fillMode?: null | 'solid' | 'outline' | 'flat' | string;
|
|
80
80
|
/**
|
|
81
|
-
* Specifies the focused date of the DatePicker ([see example]({% slug
|
|
81
|
+
* Specifies the focused date of the DatePicker ([see example]({% slug dates_datepicker %})).
|
|
82
82
|
*/
|
|
83
83
|
focusedDate?: Date;
|
|
84
84
|
/**
|
|
85
|
-
* Specifies the date format that is used to display the input value ([see example]({% slug
|
|
85
|
+
* Specifies the date format that is used to display the input value ([see example]({% slug formats_datepicker %})).
|
|
86
86
|
*/
|
|
87
87
|
format?: string | DateFormatOptions;
|
|
88
88
|
/**
|
|
89
|
-
* Defines the descriptions of the format sections in the input field ([more information and examples]({% slug
|
|
89
|
+
* Defines the descriptions of the format sections in the input field ([more information and examples]({% slug placeholders_datepicker %})).
|
|
90
90
|
*/
|
|
91
91
|
formatPlaceholder?: DateInputFormatPlaceholder;
|
|
92
92
|
/**
|
|
@@ -94,11 +94,11 @@ export interface DatePickerSettings {
|
|
|
94
94
|
*/
|
|
95
95
|
id?: string;
|
|
96
96
|
/**
|
|
97
|
-
* Specifies the greatest valid date ([see example]({% slug
|
|
97
|
+
* Specifies the greatest valid date ([see example]({% slug dateranges_datepicker %})).
|
|
98
98
|
*/
|
|
99
99
|
max?: Date;
|
|
100
100
|
/**
|
|
101
|
-
* Specifies the smallest valid date ([see example]({% slug
|
|
101
|
+
* Specifies the smallest valid date ([see example]({% slug dateranges_datepicker %})).
|
|
102
102
|
*/
|
|
103
103
|
min?: Date;
|
|
104
104
|
/**
|
|
@@ -123,7 +123,7 @@ export interface DatePickerSettings {
|
|
|
123
123
|
*/
|
|
124
124
|
popupSettings?: DateInputsPopupSettings;
|
|
125
125
|
/**
|
|
126
|
-
* Specifies if the calendar will be displayed ([see example]({% slug
|
|
126
|
+
* Specifies if the calendar will be displayed ([see example]({% slug controlled_datepicker %}#toc-controlling-the-popup-state)).
|
|
127
127
|
*/
|
|
128
128
|
show?: boolean;
|
|
129
129
|
/**
|
|
@@ -135,7 +135,7 @@ export interface DatePickerSettings {
|
|
|
135
135
|
*/
|
|
136
136
|
title?: string;
|
|
137
137
|
/**
|
|
138
|
-
* Determines whether to display a week number column in the `month` view of the Calendar ([see example]({% slug
|
|
138
|
+
* Determines whether to display a week number column in the `month` view of the Calendar ([see example]({% slug weeknumcolumn_datepicker %})).
|
|
139
139
|
*/
|
|
140
140
|
weekNumber?: boolean;
|
|
141
141
|
/**
|
|
@@ -101,6 +101,12 @@ export interface DateRangePickerMethods {
|
|
|
101
101
|
*/
|
|
102
102
|
export interface DateRangePickerAll extends Vue2type, DateRangePickerMethods, DateRangePickerData, DateRangePickerComputed, DateRangePickerState {
|
|
103
103
|
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
/**
|
|
105
|
+
* @hidden
|
|
106
|
+
*/
|
|
107
|
+
declare let DateRangePickerVue2: ComponentOptions<DateRangePickerAll, DefaultData<DateRangePickerData>, DefaultMethods<DateRangePickerAll>, DateRangePickerComputed, RecordPropsDefinition<DateRangePickerProps>>;
|
|
108
|
+
/**
|
|
109
|
+
* @hidden
|
|
110
|
+
*/
|
|
111
|
+
declare const DateRangePicker: DefineComponent<DateRangePickerProps, any, DateRangePickerData, DateRangePickerComputed, DateRangePickerMethods, {}, {}, {}, string, DateRangePickerProps, DateRangePickerProps, {}>;
|
|
112
|
+
export { DateRangePicker, DateRangePickerVue2 };
|
|
@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
19
19
|
Object.defineProperty(exports, "__esModule", {
|
|
20
20
|
value: true
|
|
21
21
|
});
|
|
22
|
-
exports.
|
|
22
|
+
exports.DateRangePickerVue2 = exports.DateRangePicker = void 0; // @ts-ignore
|
|
23
23
|
|
|
24
24
|
var Vue = require("vue");
|
|
25
25
|
|
|
@@ -52,9 +52,12 @@ var messages_1 = require("../messages");
|
|
|
52
52
|
|
|
53
53
|
var WRAPPER_STYLES = {
|
|
54
54
|
display: 'inline-block'
|
|
55
|
-
};
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* @hidden
|
|
58
|
+
*/
|
|
56
59
|
|
|
57
|
-
var
|
|
60
|
+
var DateRangePickerVue2 = {
|
|
58
61
|
name: 'KendoDateRangePicker',
|
|
59
62
|
// @ts-ignore
|
|
60
63
|
emits: {
|
|
@@ -661,6 +664,10 @@ var DateRangePicker = {
|
|
|
661
664
|
}
|
|
662
665
|
}
|
|
663
666
|
};
|
|
664
|
-
exports.
|
|
665
|
-
|
|
666
|
-
|
|
667
|
+
exports.DateRangePickerVue2 = DateRangePickerVue2;
|
|
668
|
+
/**
|
|
669
|
+
* @hidden
|
|
670
|
+
*/
|
|
671
|
+
|
|
672
|
+
var DateRangePicker = DateRangePickerVue2;
|
|
673
|
+
exports.DateRangePicker = DateRangePicker;
|
|
@@ -52,7 +52,7 @@ export interface DateRangePickerSettings {
|
|
|
52
52
|
*/
|
|
53
53
|
focusedDate?: Date;
|
|
54
54
|
/**
|
|
55
|
-
* Specifies the `date` format which is used for formatting the value of the DateInput ([see example]({% slug
|
|
55
|
+
* Specifies the `date` format which is used for formatting the value of the DateInput ([see example]({% slug formats_dateinput %})).
|
|
56
56
|
*
|
|
57
57
|
* > If [`startDateInputSettings`](#toc-startdateinputsettings) or [`endDateInputSettings`](#toc-enddateinputsettings) are set, their `format` will take precedence.
|
|
58
58
|
*/
|
|
@@ -101,6 +101,12 @@ export interface DateTimePickerMethods {
|
|
|
101
101
|
*/
|
|
102
102
|
export interface DateTimePickerAll extends Vue2type, DateTimePickerMethods, DateTimePickerData, DateTimePickerComputed, DateTimePickerState {
|
|
103
103
|
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
/**
|
|
105
|
+
* @hidden
|
|
106
|
+
*/
|
|
107
|
+
declare let DateTimePickerVue2: ComponentOptions<DateTimePickerAll, DefaultData<DateTimePickerData>, DefaultMethods<DateTimePickerAll>, DateTimePickerComputed, RecordPropsDefinition<DateTimePickerProps>>;
|
|
108
|
+
/**
|
|
109
|
+
* @hidden
|
|
110
|
+
*/
|
|
111
|
+
declare const DateTimePicker: DefineComponent<DateTimePickerProps, any, DateTimePickerData, DateTimePickerComputed, DateTimePickerMethods, {}, {}, {}, string, DateTimePickerProps, DateTimePickerProps, {}>;
|
|
112
|
+
export { DateTimePicker, DateTimePickerVue2 };
|