@progress/kendo-vue-dateinputs 2.6.5 → 2.7.1-dev.202112201049

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.
Files changed (12) hide show
  1. package/dist/cdn/js/kendo-vue-dateinputs.js +1 -1
  2. package/dist/es/datepicker/models/DatePickerSettings.d.ts +2 -6
  3. package/dist/es/daterangepicker/DateRangePicker.d.ts +9 -3
  4. package/dist/es/daterangepicker/DateRangePicker.js +14 -5
  5. package/dist/es/daterangepicker/models/DateRangePickerSettings.d.ts +3 -3
  6. package/dist/es/package-metadata.js +1 -1
  7. package/dist/npm/datepicker/models/DatePickerSettings.d.ts +2 -6
  8. package/dist/npm/daterangepicker/DateRangePicker.d.ts +9 -3
  9. package/dist/npm/daterangepicker/DateRangePicker.js +14 -5
  10. package/dist/npm/daterangepicker/models/DateRangePickerSettings.d.ts +3 -3
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/package.json +7 -7
package/dist/es/datepicker/models/DatePickerSettings.d.ts CHANGED
@@ -30,10 +30,6 @@ export interface DatePickerSettings {
30
30
  * ([see example]({% slug custom_rendering_datepicker_native %}#toc-customizing-the-dateinput)).
31
31
  */
32
32
  dateInput?: any;
33
- /**
34
- * Sets the `className` of the DatePicker.
35
- */
36
- className?: string;
37
33
  /**
38
34
  * Sets the default state of the DatePicker upon render ([see example]({% slug default_value_datepicker_native %})).
39
35
  */
@@ -73,11 +69,11 @@ export interface DatePickerSettings {
73
69
  /**
74
70
  * Fires each time any of the DatePicker elements gets blurred.
75
71
  */
76
- onBlur?: (event: any) => void;
72
+ blur?: (event: any) => void;
77
73
  /**
78
74
  * Fires each time the user focuses any of the DatePicker elements.
79
75
  */
80
- onFocus?: (event: any) => void;
76
+ focus?: (event: any) => void;
81
77
  /**
82
78
  * Configures the popup options of the DatePicker.
83
79
  *
package/dist/es/daterangepicker/DateRangePicker.d.ts CHANGED
@@ -37,6 +37,10 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
37
37
  * Sets the default value of the DateRangePicker ([see example]({% slug default_value_daterangepicker %})).
38
38
  */
39
39
  defaultValue?: SelectionRange;
40
+ /**
41
+ * @hidden
42
+ */
43
+ modelValue?: Date;
40
44
  /**
41
45
  * Fires each time the user selects a part of a date range ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-value)).
42
46
  */
@@ -52,8 +56,11 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
52
56
  * @hidden
53
57
  */
54
58
  export interface DateRangePickerData {
55
- show: boolean;
56
- value: SelectionRange;
59
+ currentShow: boolean;
60
+ currentValue: SelectionRange;
61
+ valueDuringOnChange: SelectionRange | undefined;
62
+ shouldFocusDateInput: boolean;
63
+ shouldFocusCalendar: boolean;
57
64
  }
58
65
  /**
59
66
  * @hidden
@@ -64,7 +71,6 @@ export interface DateRangePickerState {
64
71
  _calendar: any;
65
72
  _startDateInput: any;
66
73
  _endDateInput: any;
67
- valueDuringOnChange?: SelectionRange | null;
68
74
  showDuringOnChange?: boolean;
69
75
  _popupId: string;
70
76
  _startInputId: string;
package/dist/es/daterangepicker/DateRangePicker.js CHANGED
@@ -41,9 +41,14 @@ var DateRangePicker = {
41
41
  emits: {
42
42
  blur: null,
43
43
  change: null,
44
+ 'changemodel': null,
45
+ 'update:modelValue': null,
44
46
  focus: null,
45
47
  keydown: null
46
48
  },
49
+ model: {
50
+ event: 'changemodel'
51
+ },
47
52
  props: {
48
53
  allowReverse: {
49
54
  type: Boolean,
@@ -60,6 +65,10 @@ var DateRangePicker = {
60
65
  return EMPTY_SELECTIONRANGE;
61
66
  }
62
67
  },
68
+ modelValue: {
69
+ type: Object,
70
+ default: undefined
71
+ },
63
72
  disabled: {
64
73
  type: Boolean,
65
74
  default: false
@@ -176,7 +185,7 @@ var DateRangePicker = {
176
185
  };
177
186
  },
178
187
  computedValue: function computedValue() {
179
- var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.currentValue;
188
+ var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentValue;
180
189
  return value || EMPTY_SELECTIONRANGE;
181
190
  },
182
191
  computedShow: function computedShow() {
@@ -436,13 +445,11 @@ var DateRangePicker = {
436
445
  }
437
446
  },
438
447
  calculateValue: function calculateValue(props, state) {
439
- var value = props.value !== undefined ? props.value // @ts-ignore
440
- : state.value;
448
+ var value = props.value !== undefined ? props.value : state.currentValue;
441
449
  return value || EMPTY_SELECTIONRANGE;
442
450
  },
443
451
  calculateShow: function calculateShow(nextProps, nextState) {
444
- return nextProps.show !== undefined ? nextProps.show // @ts-ignore
445
- : nextState.show;
452
+ return nextProps.show !== undefined ? nextProps.show : nextState.currentShow;
446
453
  },
447
454
  setShow: function setShow(show) {
448
455
  if (this.currentShow === show) {
@@ -590,6 +597,8 @@ var DateRangePicker = {
590
597
  }
591
598
  };
592
599
  this.$emit('change', args);
600
+ this.$emit('changemodel', this.computedValue);
601
+ this.$emit('update:modelValue', this.computedValue);
593
602
  this.valueDuringOnChange = undefined;
594
603
  }
595
604
  }
package/dist/es/daterangepicker/models/DateRangePickerSettings.d.ts CHANGED
@@ -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 formats_dateinput %})).
55
+ * Specifies the `date` format which is used for formatting the value of the DateInput ([see example]({% slug formats_dateinput_native %})).
56
56
  *
57
57
  * > If [`startDateInputSettings`](#toc-startdateinputsettings) or [`endDateInputSettings`](#toc-enddateinputsettings) are set, their `format` will take precedence.
58
58
  */
@@ -81,11 +81,11 @@ export interface DateRangePickerSettings {
81
81
  /**
82
82
  * Fires each time any of the DateRangePicker elements gets blurred.
83
83
  */
84
- onBlur?: (event: any) => void;
84
+ blur?: (event: any) => void;
85
85
  /**
86
86
  * Fires each time the user focuses any of the DateRangePicker elements.
87
87
  */
88
- onFocus?: (event: any) => void;
88
+ focus?: (event: any) => void;
89
89
  /**
90
90
  * 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)).
91
91
  */
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dateinputs',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1638803555,
8
+ publishDate: 1639996879,
9
9
  version: '',
10
10
  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'
11
11
  };
package/dist/npm/datepicker/models/DatePickerSettings.d.ts CHANGED
@@ -30,10 +30,6 @@ export interface DatePickerSettings {
30
30
  * ([see example]({% slug custom_rendering_datepicker_native %}#toc-customizing-the-dateinput)).
31
31
  */
32
32
  dateInput?: any;
33
- /**
34
- * Sets the `className` of the DatePicker.
35
- */
36
- className?: string;
37
33
  /**
38
34
  * Sets the default state of the DatePicker upon render ([see example]({% slug default_value_datepicker_native %})).
39
35
  */
@@ -73,11 +69,11 @@ export interface DatePickerSettings {
73
69
  /**
74
70
  * Fires each time any of the DatePicker elements gets blurred.
75
71
  */
76
- onBlur?: (event: any) => void;
72
+ blur?: (event: any) => void;
77
73
  /**
78
74
  * Fires each time the user focuses any of the DatePicker elements.
79
75
  */
80
- onFocus?: (event: any) => void;
76
+ focus?: (event: any) => void;
81
77
  /**
82
78
  * Configures the popup options of the DatePicker.
83
79
  *
package/dist/npm/daterangepicker/DateRangePicker.d.ts CHANGED
@@ -37,6 +37,10 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
37
37
  * Sets the default value of the DateRangePicker ([see example]({% slug default_value_daterangepicker %})).
38
38
  */
39
39
  defaultValue?: SelectionRange;
40
+ /**
41
+ * @hidden
42
+ */
43
+ modelValue?: Date;
40
44
  /**
41
45
  * Fires each time the user selects a part of a date range ([see example]({% slug controlled_daterangepicker %}#toc-controlling-the-value)).
42
46
  */
@@ -52,8 +56,11 @@ export interface DateRangePickerProps extends DateRangePickerSettings {
52
56
  * @hidden
53
57
  */
54
58
  export interface DateRangePickerData {
55
- show: boolean;
56
- value: SelectionRange;
59
+ currentShow: boolean;
60
+ currentValue: SelectionRange;
61
+ valueDuringOnChange: SelectionRange | undefined;
62
+ shouldFocusDateInput: boolean;
63
+ shouldFocusCalendar: boolean;
57
64
  }
58
65
  /**
59
66
  * @hidden
@@ -64,7 +71,6 @@ export interface DateRangePickerState {
64
71
  _calendar: any;
65
72
  _startDateInput: any;
66
73
  _endDateInput: any;
67
- valueDuringOnChange?: SelectionRange | null;
68
74
  showDuringOnChange?: boolean;
69
75
  _popupId: string;
70
76
  _startInputId: string;
package/dist/npm/daterangepicker/DateRangePicker.js CHANGED
@@ -60,9 +60,14 @@ var DateRangePicker = {
60
60
  emits: {
61
61
  blur: null,
62
62
  change: null,
63
+ 'changemodel': null,
64
+ 'update:modelValue': null,
63
65
  focus: null,
64
66
  keydown: null
65
67
  },
68
+ model: {
69
+ event: 'changemodel'
70
+ },
66
71
  props: {
67
72
  allowReverse: {
68
73
  type: Boolean,
@@ -79,6 +84,10 @@ var DateRangePicker = {
79
84
  return models_1.EMPTY_SELECTIONRANGE;
80
85
  }
81
86
  },
87
+ modelValue: {
88
+ type: Object,
89
+ default: undefined
90
+ },
82
91
  disabled: {
83
92
  type: Boolean,
84
93
  default: false
@@ -195,7 +204,7 @@ var DateRangePicker = {
195
204
  };
196
205
  },
197
206
  computedValue: function computedValue() {
198
- var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.currentValue;
207
+ var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.currentValue;
199
208
  return value || models_1.EMPTY_SELECTIONRANGE;
200
209
  },
201
210
  computedShow: function computedShow() {
@@ -455,13 +464,11 @@ var DateRangePicker = {
455
464
  }
456
465
  },
457
466
  calculateValue: function calculateValue(props, state) {
458
- var value = props.value !== undefined ? props.value // @ts-ignore
459
- : state.value;
467
+ var value = props.value !== undefined ? props.value : state.currentValue;
460
468
  return value || models_1.EMPTY_SELECTIONRANGE;
461
469
  },
462
470
  calculateShow: function calculateShow(nextProps, nextState) {
463
- return nextProps.show !== undefined ? nextProps.show // @ts-ignore
464
- : nextState.show;
471
+ return nextProps.show !== undefined ? nextProps.show : nextState.currentShow;
465
472
  },
466
473
  setShow: function setShow(show) {
467
474
  if (this.currentShow === show) {
@@ -609,6 +616,8 @@ var DateRangePicker = {
609
616
  }
610
617
  };
611
618
  this.$emit('change', args);
619
+ this.$emit('changemodel', this.computedValue);
620
+ this.$emit('update:modelValue', this.computedValue);
612
621
  this.valueDuringOnChange = undefined;
613
622
  }
614
623
  }
package/dist/npm/daterangepicker/models/DateRangePickerSettings.d.ts CHANGED
@@ -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 formats_dateinput %})).
55
+ * Specifies the `date` format which is used for formatting the value of the DateInput ([see example]({% slug formats_dateinput_native %})).
56
56
  *
57
57
  * > If [`startDateInputSettings`](#toc-startdateinputsettings) or [`endDateInputSettings`](#toc-enddateinputsettings) are set, their `format` will take precedence.
58
58
  */
@@ -81,11 +81,11 @@ export interface DateRangePickerSettings {
81
81
  /**
82
82
  * Fires each time any of the DateRangePicker elements gets blurred.
83
83
  */
84
- onBlur?: (event: any) => void;
84
+ blur?: (event: any) => void;
85
85
  /**
86
86
  * Fires each time the user focuses any of the DateRangePicker elements.
87
87
  */
88
- onFocus?: (event: any) => void;
88
+ focus?: (event: any) => void;
89
89
  /**
90
90
  * 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)).
91
91
  */
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-dateinputs',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1638803555,
11
+ publishDate: 1639996879,
12
12
  version: '',
13
13
  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'
14
14
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-dateinputs",
3
3
  "description": "Kendo UI for Vue Date Inputs package",
4
- "version": "2.6.5",
4
+ "version": "2.7.1-dev.202112201049",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -46,16 +46,16 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@progress/kendo-date-math": "1.5.1",
49
- "@progress/kendo-vue-buttons": "2.6.5",
50
- "@progress/kendo-vue-common": "2.6.5",
51
- "@progress/kendo-vue-labels": "2.6.5",
52
- "@progress/kendo-vue-popup": "2.6.5"
49
+ "@progress/kendo-vue-buttons": "2.7.1-dev.202112201049",
50
+ "@progress/kendo-vue-common": "2.7.1-dev.202112201049",
51
+ "@progress/kendo-vue-labels": "2.7.1-dev.202112201049",
52
+ "@progress/kendo-vue-popup": "2.7.1-dev.202112201049"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@progress/kendo-data-query": "^1.5.4",
56
56
  "@progress/kendo-licensing": "^1.1.0",
57
- "@progress/kendo-vue-dropdowns": "2.6.5",
58
- "@progress/kendo-vue-intl": "2.6.5"
57
+ "@progress/kendo-vue-dropdowns": "2.7.1-dev.202112201049",
58
+ "@progress/kendo-vue-intl": "2.7.1-dev.202112201049"
59
59
  },
60
60
  "author": "Progress",
61
61
  "license": "SEE LICENSE IN LICENSE.md",