@syncfusion/ej2-vue-calendars 20.4.52 → 21.1.35
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/CHANGELOG.md +1 -29
- package/README.md +93 -80
- package/dist/ej2-vue-calendars.umd.min.js +2 -2
- package/dist/ej2-vue-calendars.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-calendars.es2015.js +664 -814
- package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-calendars.es5.js +732 -919
- package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
- package/dist/global/ej2-vue-calendars.min.js +2 -2
- package/package.json +9 -9
- package/src/calendar/calendar.component.d.ts +3 -31
- package/src/calendar/calendar.component.js +137 -168
- package/src/datepicker/datepicker.component.d.ts +3 -35
- package/src/datepicker/datepicker.component.js +149 -180
- package/src/daterangepicker/daterangepicker.component.d.ts +3 -31
- package/src/daterangepicker/daterangepicker.component.js +137 -168
- package/src/daterangepicker/presets.directive.d.ts +2 -12
- package/src/daterangepicker/presets.directive.js +22 -71
- package/src/datetimepicker/datetimepicker.component.d.ts +3 -36
- package/src/datetimepicker/datetimepicker.component.js +152 -183
- package/src/timepicker/timepicker.component.d.ts +3 -30
- package/src/timepicker/timepicker.component.js +134 -165
- package/styles/bootstrap-dark.css +13 -12
- package/styles/bootstrap.css +13 -7
- package/styles/bootstrap4.css +7 -5
- package/styles/bootstrap5-dark.css +21 -19
- package/styles/bootstrap5.css +19 -17
- package/styles/calendar/bootstrap-dark.css +4 -3
- package/styles/calendar/bootstrap.css +3 -2
- package/styles/calendar/bootstrap4.css +3 -2
- package/styles/calendar/bootstrap5-dark.css +14 -13
- package/styles/calendar/bootstrap5.css +13 -12
- package/styles/calendar/fabric-dark.css +15 -5
- package/styles/calendar/fabric.css +12 -2
- package/styles/calendar/fluent-dark.css +51 -28
- package/styles/calendar/fluent.css +51 -28
- package/styles/calendar/highcontrast-light.css +3 -2
- package/styles/calendar/highcontrast.css +14 -4
- package/styles/calendar/material-dark.css +14 -4
- package/styles/calendar/material.css +12 -2
- package/styles/calendar/tailwind-dark.css +11 -10
- package/styles/calendar/tailwind.css +11 -10
- package/styles/datepicker/bootstrap-dark.css +1 -1
- package/styles/datepicker/bootstrap.css +1 -1
- package/styles/datepicker/bootstrap5-dark.css +2 -2
- package/styles/datepicker/bootstrap5.css +2 -2
- package/styles/datepicker/fabric-dark.css +1 -1
- package/styles/datepicker/fabric.css +1 -1
- package/styles/datepicker/fluent-dark.css +2 -2
- package/styles/datepicker/fluent.css +2 -2
- package/styles/datepicker/highcontrast-light.css +1 -1
- package/styles/datepicker/highcontrast.css +1 -1
- package/styles/datepicker/material-dark.css +1 -1
- package/styles/datepicker/material.css +1 -1
- package/styles/datepicker/tailwind-dark.css +2 -2
- package/styles/datepicker/tailwind.css +2 -2
- package/styles/daterangepicker/bootstrap-dark.css +6 -6
- package/styles/daterangepicker/bootstrap.css +7 -2
- package/styles/daterangepicker/bootstrap4.css +3 -2
- package/styles/daterangepicker/bootstrap5-dark.css +5 -4
- package/styles/daterangepicker/bootstrap5.css +4 -3
- package/styles/daterangepicker/fabric-dark.css +2 -2
- package/styles/daterangepicker/fabric.css +2 -2
- package/styles/daterangepicker/fluent-dark.css +33 -9
- package/styles/daterangepicker/fluent.css +33 -9
- package/styles/daterangepicker/highcontrast-light.css +2 -2
- package/styles/daterangepicker/highcontrast.css +2 -2
- package/styles/daterangepicker/material-dark.css +2 -2
- package/styles/daterangepicker/material.css +9 -3
- package/styles/daterangepicker/tailwind-dark.css +2 -2
- package/styles/daterangepicker/tailwind.css +2 -2
- package/styles/datetimepicker/bootstrap-dark.css +1 -1
- package/styles/datetimepicker/bootstrap.css +1 -1
- package/styles/datetimepicker/bootstrap4.css +1 -1
- package/styles/datetimepicker/fabric-dark.css +1 -1
- package/styles/datetimepicker/fabric.css +1 -1
- package/styles/datetimepicker/highcontrast-light.css +1 -1
- package/styles/datetimepicker/highcontrast.css +1 -1
- package/styles/datetimepicker/material-dark.css +1 -1
- package/styles/datetimepicker/material.css +1 -1
- package/styles/fabric-dark.css +20 -10
- package/styles/fabric.css +20 -8
- package/styles/fluent-dark.css +86 -39
- package/styles/fluent.css +86 -39
- package/styles/highcontrast-light.css +8 -7
- package/styles/highcontrast.css +19 -9
- package/styles/material-dark.css +19 -9
- package/styles/material.css +24 -8
- package/styles/tailwind-dark.css +15 -14
- package/styles/tailwind.css +15 -14
- package/styles/timepicker/bootstrap-dark.css +1 -1
- package/styles/timepicker/bootstrap.css +1 -1
- package/styles/timepicker/fabric-dark.css +1 -1
- package/styles/timepicker/fabric.css +1 -1
- package/styles/timepicker/highcontrast-light.css +1 -1
- package/styles/timepicker/highcontrast.css +1 -1
- package/styles/timepicker/material-dark.css +1 -1
- package/styles/timepicker/material.css +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,23 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
-
## 20.4.48 (2023-02-01)
|
|
6
|
-
|
|
7
|
-
- `#I426149` - The issue "show method target parameter not works as expected" has been resolved.
|
|
8
|
-
|
|
9
|
-
## 20.4.44 (2023-01-18)
|
|
10
|
-
|
|
11
5
|
### DateRangePicker
|
|
12
6
|
|
|
13
7
|
#### Bug Fixes
|
|
14
8
|
|
|
15
|
-
- `#
|
|
16
|
-
|
|
17
|
-
### DatePicker
|
|
18
|
-
|
|
19
|
-
#### Bug Fixes
|
|
20
|
-
|
|
21
|
-
- `#I426706` - The issue of slow rendering time when preselecting a value in DatePicker has been resolved.
|
|
9
|
+
- `#F171486` - Issue with "performance delay in the popup open while entering invalid start or end date value" has been resolved.
|
|
22
10
|
|
|
23
11
|
## 19.3.46 (2021-10-19)
|
|
24
12
|
|
|
@@ -1244,22 +1232,6 @@ TimePicker component is the pre-filled dropdown list with the time values 12/24
|
|
|
1244
1232
|
- **Accessibility** - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.
|
|
1245
1233
|
|
|
1246
1234
|
|
|
1247
|
-
## 20.4.51 (2023-02-21)
|
|
1248
|
-
|
|
1249
|
-
### DatePicker
|
|
1250
|
-
|
|
1251
|
-
#### Bug Fixes
|
|
1252
|
-
|
|
1253
|
-
- `#F180084` - The issue "Unable to select the same date again in the DatePicker component" has been resolved.
|
|
1254
|
-
|
|
1255
|
-
## 20.4.40 (2022-12-28)
|
|
1256
|
-
|
|
1257
|
-
### DateRangePicker
|
|
1258
|
-
|
|
1259
|
-
#### Bug Fixes
|
|
1260
|
-
|
|
1261
|
-
- `#F171486` - Issue with "performance delay in the popup open while entering invalid start or end date value" has been resolved.
|
|
1262
|
-
|
|
1263
1235
|
## 19.1.56 (2021-04-13)
|
|
1264
1236
|
|
|
1265
1237
|
### DateRangePicker
|
package/README.md
CHANGED
|
@@ -1,36 +1,24 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Vue Calendars Components
|
|
2
2
|
|
|
3
|
-
The calendar package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events.
|
|
3
|
+
The [Vue Calendars](https://www.syncfusion.com/vue-components/vue-calendar?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
<img src="https://ej2.syncfusion.com/products/images/calendar/readme.gif" alt="Calendar components">
|
|
7
|
-
</p>
|
|
8
|
-
|
|
9
|
-
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
10
|
-
|
|
11
|
-
> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
12
|
-
|
|
13
|
-
## Setup
|
|
14
|
-
|
|
15
|
-
To install `Calendar` and its dependent packages, use the following command.
|
|
16
|
-
|
|
17
|
-
```sh
|
|
18
|
-
npm install @syncfusion/ej2-vue-calendars
|
|
19
|
-
```
|
|
5
|
+
## What's Included in the Vue Calendars Package
|
|
20
6
|
|
|
21
|
-
|
|
7
|
+
The [Vue Calendars](https://www.syncfusion.com/vue-components/vue-calendar?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) package includes the following list of components.
|
|
22
8
|
|
|
23
|
-
|
|
9
|
+
### Vue Calendar
|
|
24
10
|
|
|
25
|
-
|
|
26
|
-
* [DatePicker](#datepicker)
|
|
27
|
-
* [TimePicker](#timepicker)
|
|
28
|
-
* [DateTimePicker](#datetimepicker)
|
|
29
|
-
* [DateRangePicker](#daterangepicker)
|
|
11
|
+
The [Vue Calendar](https://www.syncfusion.com/vue-components/vue-calendar?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) component is a graphical user interface component that displays a Gregorian or Islamic Calendar and allows selection of a date.
|
|
30
12
|
|
|
31
|
-
|
|
13
|
+
<p align="center">
|
|
14
|
+
<a href="https://www.syncfusion.com/vue-components/vue-calendar?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Getting Started</a> .
|
|
15
|
+
<a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/calendar/default.html">Online demos</a> .
|
|
16
|
+
<a href="https://www.syncfusion.com/vue-components/vue-calendar?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Learn more</a>
|
|
17
|
+
</p>
|
|
32
18
|
|
|
33
|
-
|
|
19
|
+
<p align="center">
|
|
20
|
+
<img alt="Vue Calendar Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-calendar.png">
|
|
21
|
+
</p>
|
|
34
22
|
|
|
35
23
|
#### Key features
|
|
36
24
|
|
|
@@ -44,34 +32,42 @@ The `calendar` is a graphical user interface component that displays a Gregorian
|
|
|
44
32
|
* [Highlight weekends](https://ej2.syncfusion.com/vue/documentation/calendar/customization/#highlight-weekends) - The calendar supports to highlighting every weekend in a month.
|
|
45
33
|
* [Globalization](https://ej2.syncfusion.com/vue/documentation/calendar/globalization/#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
|
|
46
34
|
|
|
47
|
-
|
|
35
|
+
### Vue DatePicker
|
|
48
36
|
|
|
49
|
-
|
|
50
|
-
* [API reference](https://ej2.syncfusion.com/vue/documentation/api/calendar?utm_source=npm&utm_campaign=calendar)
|
|
51
|
-
* [View online demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/default)
|
|
52
|
-
* [Product page](https://www.syncfusion.com/products/vue-ui-components/calendar)
|
|
37
|
+
The [Vue DatePicker](https://www.syncfusion.com/vue-components/vue-datepicker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) component is a lightweight and mobile-friendly component that allows end users to enter or select a date value. It has month, year, and decade view options to quickly navigate to the desired date. It supports minimum dates, maximum dates, and disabled dates to restrict the date selection.
|
|
53
38
|
|
|
54
|
-
|
|
39
|
+
<p align="center">
|
|
40
|
+
<a href="https://ej2.syncfusion.com/vue/documentation/datepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Getting Started</a> .
|
|
41
|
+
<a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/datepicker/default.html">Online demos</a> .
|
|
42
|
+
<a href="https://www.syncfusion.com/vue-components/vue-datepicker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Learn more</a>
|
|
43
|
+
</p>
|
|
55
44
|
|
|
56
|
-
|
|
45
|
+
<p align="center">
|
|
46
|
+
<img alt="Vue DatePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-datepicker.png">
|
|
47
|
+
</p>
|
|
57
48
|
|
|
58
49
|
#### Key features
|
|
59
50
|
|
|
60
|
-
|
|
51
|
+
* [Placeholders](https://ej2.syncfusion.com/vue/documentation/datepicker/how-to/set-the-placeholder/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) - Placeholder is a hint text that is displayed in the DatePicker; it is used to indicate the format of the date that the user should enter, such as mm/dd/yyyy or dd/mm/yyyy.
|
|
52
|
+
* [Mask date input](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/datepicker/input-mask.html) - The mask date input restricts the user from typing unwanted characters in the text input, allowing only eligible date format to be typed.
|
|
53
|
+
* [Disabled date](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/datepicker/disabled.html) - To disable a specific date in the picker calendar and restrict it from being set or selected in the DatePicker.
|
|
54
|
+
* [Date format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/datepicker/date-format.html) - The DatePicker control’s input value can be custom formatted apart from the default culture’s specific date format.
|
|
55
|
+
* [Incomplete date validation](https://ej2.syncfusion.com/vue/documentation/datepicker/strict-mode/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
|
|
56
|
+
* [Globalization](https://ej2.syncfusion.com/vue/documentation/datepicker/globalization/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) - Support globalization (also known as internationalization and localization) to allow you to translate the names of months, days, and other text elements in the calendar to any supported language. This can be useful in cases where you want to display the calendar in a language other than the default language.
|
|
61
57
|
|
|
62
|
-
|
|
63
|
-
* [Strict mode](https://ej2.syncfusion.com/vue/documentation/datepicker/strict-mode?utm_source=npm&utm_campaign=datepicker) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
|
|
58
|
+
### Vue TimePicker
|
|
64
59
|
|
|
65
|
-
|
|
60
|
+
The [Vue TimePicker](https://www.syncfusion.com/vue-components/vue-timepicker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) component is a simple and intuitive interface component that allows selection of a time value from the popup list or setting a desired time value.
|
|
66
61
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
### TimePicker
|
|
62
|
+
<p align="center">
|
|
63
|
+
<a href="https://ej2.syncfusion.com/vue/documentation/timepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Getting Started</a> .
|
|
64
|
+
<a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/timepicker/default.html">Online demos</a> .
|
|
65
|
+
<a href="https://www.syncfusion.com/vue-components/vue-timepicker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Learn more</a>
|
|
66
|
+
</p>
|
|
73
67
|
|
|
74
|
-
|
|
68
|
+
<p align="center">
|
|
69
|
+
<img alt="Vue TimePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-timepicker.png">
|
|
70
|
+
</p>
|
|
75
71
|
|
|
76
72
|
#### Key features
|
|
77
73
|
|
|
@@ -82,36 +78,42 @@ The date picker is inherited from the calendar component. So, all the key featur
|
|
|
82
78
|
* [Time intervals](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
|
|
83
79
|
* [Customization](https://ej2.syncfusion.com/vue/documentation/timepicker/how-to/css-customization/#css-customization) - The appearance of the time picker can be customized completely.
|
|
84
80
|
* [Time list with duration](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Supports customization of the control’s popup list items with time duration.
|
|
81
|
+
* [Mask time input](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/timepicker/input-mask.html) - The mask time input restricts the user from typing unwanted characters in the text input, allowing only eligible time format to be typed.
|
|
85
82
|
* [Globalization](https://ej2.syncfusion.com/vue/documentation/timepicker/globalization#globalization) - Supports globalization (internationalization and localization) to update time popup list values to match any specified culture.
|
|
86
83
|
|
|
87
|
-
|
|
84
|
+
### DateTimePicker
|
|
88
85
|
|
|
89
|
-
|
|
90
|
-
* [API reference](https://ej2.syncfusion.com/vue/documentation/api/timepicker?utm_source=npm&utm_campaign=timepicker)
|
|
91
|
-
* [View online demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/default)
|
|
92
|
-
* [Product page](https://www.syncfusion.com/products/vue-ui-components/timepicker)
|
|
86
|
+
The [Vue DateTimePicker](https://www.syncfusion.com/vue-components/vue-datetimepicker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) component is a graphical user interface component that allows an end user to enter or select a date and time values from a pop-up calendar and time list pop-up.
|
|
93
87
|
|
|
94
|
-
|
|
88
|
+
<p align="center">
|
|
89
|
+
<a href="https://ej2.syncfusion.com/vue/documentation/datetimepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Getting Started</a> .
|
|
90
|
+
<a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/datetimepicker/default.html">Online demos</a> .
|
|
91
|
+
<a href="https://www.syncfusion.com/vue-components/vue-datetimepicker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Learn more</a>
|
|
92
|
+
</p>
|
|
95
93
|
|
|
96
|
-
|
|
94
|
+
<p align="center">
|
|
95
|
+
<img alt="Vue DateTimePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-datetimepicker.png">
|
|
96
|
+
</p>
|
|
97
97
|
|
|
98
98
|
#### Key features
|
|
99
99
|
|
|
100
|
-
The date time picker is inherited from the date picker and time picker component. So, all the key features of the date picker and time picker component can be accessed in the date time picker component. Additionally, it has some specific features such as `Date time range` and `Date time format`, which are described below.
|
|
101
|
-
|
|
102
100
|
* [Date time range](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-range) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
|
|
103
101
|
* [Date time format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-format) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
|
|
102
|
+
* [Mask date time input](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/datetimepicker/input-mask.html) - The mask date time input restricts the user from typing unwanted characters in the text input, allowing only eligible date and time format to be typed.
|
|
104
103
|
|
|
105
|
-
|
|
104
|
+
### Vue DateRangePicker
|
|
106
105
|
|
|
107
|
-
|
|
108
|
-
* [API reference](https://ej2.syncfusion.com/vue/documentation/api/datetimepicker?utm_source=npm&utm_campaign=datetimepicker)
|
|
109
|
-
* [View online demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default)
|
|
110
|
-
* [Product page](https://www.syncfusion.com/products/vue-ui-components/datetimepicker)
|
|
106
|
+
The [Vue DateRangePicker](https://www.syncfusion.com/vue-components/vue-date-range-picker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm) component is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element.
|
|
111
107
|
|
|
112
|
-
|
|
108
|
+
<p align="center">
|
|
109
|
+
<a href="https://ej2.syncfusion.com/vue/documentation/daterangepicker/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Getting Started</a> .
|
|
110
|
+
<a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm#/bootstrap5/daterangepicker/default.html">Online demos</a> .
|
|
111
|
+
<a href="https://www.syncfusion.com/vue-components/vue-date-range-picker?utm_source=npm&utm_medium=listing&utm_campaign=vue-calendar-npm">Learn more</a>
|
|
112
|
+
</p>
|
|
113
113
|
|
|
114
|
-
|
|
114
|
+
<p align="center">
|
|
115
|
+
<img alt="Vue DateRangePicker Component" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-daterangepicker.png">
|
|
116
|
+
</p>
|
|
115
117
|
|
|
116
118
|
#### Key features
|
|
117
119
|
|
|
@@ -124,37 +126,48 @@ The `date range picker` is a graphical user interface control that allows an end
|
|
|
124
126
|
* [Format](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
|
|
125
127
|
* [Globalization](https://ej2.syncfusion.com/vue/documentation/daterangepicker/globalization#globalization) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language.
|
|
126
128
|
|
|
127
|
-
|
|
129
|
+
<p align="center">
|
|
130
|
+
Trusted by the world's leading companies
|
|
131
|
+
<a href="https://www.syncfusion.com/">
|
|
132
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
|
|
133
|
+
</a>
|
|
134
|
+
</p>
|
|
128
135
|
|
|
129
|
-
|
|
130
|
-
* [API reference](https://ej2.syncfusion.com/vue/documentation/api/daterangepicker ?utm_source=npm&utm_campaign=daterangepicker)
|
|
131
|
-
* [View online demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default)
|
|
132
|
-
* [Product page](https://www.syncfusion.com/products/vue-ui-components/daterangepicker)
|
|
136
|
+
## Setup
|
|
133
137
|
|
|
134
|
-
|
|
138
|
+
To install `calendars` and its dependent packages, use the following command.
|
|
135
139
|
|
|
136
|
-
|
|
140
|
+
```sh
|
|
141
|
+
npm install @syncfusion/ej2-vue-calendars
|
|
142
|
+
```
|
|
137
143
|
|
|
138
|
-
|
|
139
|
-
* [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/calendars?utm_source=npm&utm_campaign=calendars)
|
|
140
|
-
* [ASP.NET Core](https://www.syncfusion.com/products/aspnet-core-ui-controls/calendar)
|
|
141
|
-
* [ASP.NET MVC](https://www.syncfusion.com/products/aspnet-mvc-ui-controls/calendar)
|
|
142
|
-
* [JavaScript](https://www.syncfusion.com/products/javascript-ui-controls/calendar)
|
|
144
|
+
## Supported frameworks
|
|
143
145
|
|
|
144
|
-
|
|
146
|
+
Calendar components are also offered in the following list of frameworks.
|
|
145
147
|
|
|
146
|
-
|
|
148
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/> [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/> [Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
149
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
147
150
|
|
|
148
|
-
|
|
149
|
-
* New [GitHub issue](https://github.com/syncfusion/ej2-vue-ui-components/issues/new).
|
|
150
|
-
* Ask your queries in Stack Overflow with tag `syncfusion`, `ej2`, and so on.
|
|
151
|
+
## Support
|
|
151
152
|
|
|
152
|
-
|
|
153
|
+
Product support is available through following mediums.
|
|
153
154
|
|
|
154
|
-
|
|
155
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
156
|
+
* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-layout-npm)
|
|
157
|
+
* [GitHub issues](https://github.com/syncfusion/ej2-vue-ui-components/issues/new)
|
|
158
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-layout-npm)
|
|
159
|
+
* Live chat
|
|
155
160
|
|
|
156
161
|
## Changelog
|
|
157
162
|
|
|
158
|
-
Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/calendars/CHANGELOG.md).
|
|
163
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/calendars/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
|
|
164
|
+
|
|
165
|
+
## License and copyright
|
|
166
|
+
|
|
167
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Vue UI components](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
168
|
+
|
|
169
|
+
> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
170
|
+
|
|
171
|
+
See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license) for more info.
|
|
159
172
|
|
|
160
173
|
© Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-vue-calendars.umd.min.js
|
|
3
|
-
* version :
|
|
3
|
+
* version : 21.1.35
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-calendars"),require("@syncfusion/ej2-base"),require("@syncfusion/ej2-vue-base"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-calendars","@syncfusion/ej2-base","@syncfusion/ej2-vue-base","vue"],t):t(e.ej={},e.ej2Calendars,e.ej2Base,e.ej2VueBase,e.Vue)}(this,function(e,t,n,o,r){"use strict";r=r&&r.hasOwnProperty("default")?r.default:r;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},a=["isLazyUpdate","plugins","calendarMode","cssClass","dayHeaderFormat","depth","enablePersistence","enableRtl","enabled","firstDayOfWeek","isMultiSelection","keyConfigs","locale","max","min","serverTimezoneOffset","showTodayButton","start","value","values","weekNumber","weekRule","change","created","destroyed","navigated","renderDayCell"],c=["value","values"],l=function(e){function r(){var n=e.call(this,arguments)||this;return n.propKeys=a,n.models=c,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Calendar({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return s(r,e),r.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var r=o[t],s=this.templateCollection[r];if(s&&s.length){for(var i=0,a=s;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[r]}}},r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},r.prototype.render=function(e){return e("div",this.$slots.default)},r.prototype.custom=function(){this.updated()},r.prototype.addDate=function(e){return this.ej2Instances.addDate(e)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.navigateTo=function(e,t,n){return this.ej2Instances.navigateTo(e,t,n)},r.prototype.removeDate=function(e){return this.ej2Instances.removeDate(e)},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r=i([o.EJComponentDecorator({props:a,model:{event:"modelchanged"}})],r)}(o.ComponentBase),p={name:"ejs-calendar",install:function(e){e.component(p.name,l)}},u=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),d=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},h=["isLazyUpdate","plugins","allowEdit","calendarMode","cssClass","dayHeaderFormat","depth","enableMask","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","htmlAttributes","isMultiSelection","keyConfigs","locale","maskPlaceholder","max","min","openOnFocus","placeholder","readonly","serverTimezoneOffset","showClearButton","showTodayButton","start","strictMode","value","values","weekNumber","weekRule","width","zIndex","blur","change","cleared","close","created","destroyed","focus","navigated","open","renderDayCell"],f=["value"],m=function(e){function r(){var n=e.call(this,arguments)||this;return n.propKeys=h,n.models=f,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DatePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return u(r,e),r.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var r=o[t],s=this.templateCollection[r];if(s&&s.length){for(var i=0,a=s;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[r]}}},r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.custom=function(){this.updated()},r.prototype.addDate=function(e){return this.ej2Instances.addDate(e)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.focusIn=function(e){return this.ej2Instances.focusIn(e)},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r.prototype.removeDate=function(e){return this.ej2Instances.removeDate(e)},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r=d([o.EJComponentDecorator({props:h,model:{event:"modelchanged"}})],r)}(o.ComponentBase),g={name:"ejs-datepicker",install:function(e){e.component(g.name,m)}},y=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),j=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},v=["isLazyUpdate","plugins","allowEdit","cssClass","enableMask","enablePersistence","enableRtl","enabled","floatLabelType","format","htmlAttributes","keyConfigs","locale","maskPlaceholder","max","min","openOnFocus","placeholder","readonly","scrollTo","showClearButton","step","strictMode","value","width","zIndex","blur","change","cleared","close","created","destroyed","focus","itemRender","open"],I=["value"],_=function(e){function r(){var n=e.call(this,arguments)||this;return n.propKeys=v,n.models=I,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.TimePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return y(r,e),r.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var r=o[t],s=this.templateCollection[r];if(s&&s.length){for(var i=0,a=s;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[r]}}},r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.custom=function(){this.updated()},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(){return this.ej2Instances.hide()},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.show=function(e){return this.ej2Instances.show(e)},r=j([o.EJComponentDecorator({props:v,model:{event:"modelchanged"}})],r)}(o.ComponentBase),P={name:"ejs-timepicker",install:function(e){e.component(P.name,_)}},b=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),O=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},C=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return b(t,e),t.prototype.render=function(){},t=O([o.EJComponentDecorator({})],t)}(r),w={name:"e-presets",install:function(e){e.component(w.name,C)}},D=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return b(t,e),t.prototype.render=function(){},t=O([o.EJComponentDecorator({})],t)}(r),k={name:"e-preset",install:function(e){e.component(k.name,D)}},T=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),M=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},$=["isLazyUpdate","plugins","allowEdit","calendarMode","cssClass","dayHeaderFormat","depth","enablePersistence","enableRtl","enabled","endDate","firstDayOfWeek","floatLabelType","format","htmlAttributes","keyConfigs","locale","max","maxDays","min","minDays","openOnFocus","placeholder","presets","readonly","separator","serverTimezoneOffset","showClearButton","start","startDate","strictMode","value","weekNumber","weekRule","width","zIndex","blur","change","cleared","close","created","destroyed","focus","navigated","open","renderDayCell","select"],R=["startDate","endDate","value"],q=function(e){function r(){var n=e.call(this,arguments)||this;return n.propKeys=$,n.models=R,n.hasChildDirective=!0,n.hasInjectedModules=!1,n.tagMapper={"e-presets":"e-preset"},n.tagNameMapper={},n.ej2Instances=new t.DateRangePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return T(r,e),r.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var r=o[t],s=this.templateCollection[r];if(s&&s.length){for(var i=0,a=s;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[r]}}},r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.custom=function(){this.updated()},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.getSelectedRange=function(){return this.ej2Instances.getSelectedRange()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r=M([o.EJComponentDecorator({props:$,model:{event:"modelchanged"}})],r)}(o.ComponentBase),B={name:"ejs-daterangepicker",install:function(e){e.component(B.name,q),e.component(k.name,D),e.component(w.name,C)}},L=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),V=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},S=["isLazyUpdate","plugins","allowEdit","calendarMode","cssClass","dayHeaderFormat","depth","enableMask","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","htmlAttributes","isMultiSelection","keyConfigs","locale","maskPlaceholder","max","min","openOnFocus","placeholder","readonly","scrollTo","serverTimezoneOffset","showClearButton","showTodayButton","start","step","strictMode","timeFormat","value","values","weekNumber","weekRule","width","zIndex","blur","change","cleared","close","created","destroyed","focus","navigated","open","renderDayCell"],U=["value"],H=function(e){function r(){var n=e.call(this,arguments)||this;return n.propKeys=S,n.models=U,n.hasChildDirective=!1,n.hasInjectedModules=!0,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.DateTimePicker({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return L(r,e),r.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,o=e;t<o.length;t++){var r=o[t],s=this.templateCollection[r];if(s&&s.length){for(var i=0,a=s;i<a.length;i++){var c=a[i];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[r]}}},r.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},r.prototype.trigger=function(e,t,o){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(r=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var r,s=(r=this.models.toString().match(/checked|value/)||[])[0];t&&r&&!n.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,o)},r.prototype.render=function(e){return e("input",this.$slots.default)},r.prototype.custom=function(){this.updated()},r.prototype.addDate=function(e){return this.ej2Instances.addDate(e)},r.prototype.createContent=function(){return this.ej2Instances.createContent()},r.prototype.currentView=function(){return this.ej2Instances.currentView()},r.prototype.focusIn=function(){return this.ej2Instances.focusIn()},r.prototype.focusOut=function(){return this.ej2Instances.focusOut()},r.prototype.hide=function(e){return this.ej2Instances.hide(e)},r.prototype.navigateTo=function(e,t){return this.ej2Instances.navigateTo(e,t)},r.prototype.removeDate=function(e){return this.ej2Instances.removeDate(e)},r.prototype.requiredModules=function(){return this.ej2Instances.requiredModules()},r.prototype.show=function(e,t){return this.ej2Instances.show(e,t)},r.prototype.toggle=function(e){return this.ej2Instances.toggle(e)},r=V([o.EJComponentDecorator({props:S,model:{event:"modelchanged"}})],r)}(o.ComponentBase),N={name:"ejs-datetimepicker",install:function(e){e.component(N.name,H)}};e.CalendarComponent=l,e.CalendarPlugin=p,e.DatePickerComponent=m,e.DatePickerPlugin=g,e.TimePickerComponent=_,e.TimePickerPlugin=P,e.PresetsDirective=C,e.PresetDirective=D,e.PresetsPlugin=w,e.PresetPlugin=k,e.DateRangePickerComponent=q,e.DateRangePickerPlugin=B,e.DateTimePickerComponent=H,e.DateTimePickerPlugin=N,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
|
|
10
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-calendars"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-calendars","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Calendars,e.ej2VueBase,e.ej2Base)}(this,function(e,t,s,n){"use strict";var i=["isLazyUpdate","plugins","calendarMode","cssClass","dayHeaderFormat","depth","enablePersistence","enableRtl","enabled","firstDayOfWeek","isMultiSelection","keyConfigs","locale","max","min","serverTimezoneOffset","showTodayButton","start","value","values","weekNumber","weekRule","change","created","destroyed","navigated","renderDayCell"],a=["value","values"],o=s.getProps({props:i}),r=o[0],c=o[1],l=Object.keys(c);l.push("modelchanged","update:modelValue");for(var u=0,d=a;u<d.length;u++){var h=d[u];l.push("update:"+h)}var m=s.vueDefineComponent({name:"CalendarComponent",mixins:[s.ComponentBase],props:r,watch:c,emits:l,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.Calendar({}),propKeys:i,models:a,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var c=r[o];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addDate:function(e){return this.ej2Instances.addDate(e)},createContent:function(){return this.ej2Instances.createContent()},currentView:function(){return this.ej2Instances.currentView()},navigateTo:function(e,t,s){return this.ej2Instances.navigateTo(e,t,s)},removeDate:function(e){return this.ej2Instances.removeDate(e)},requiredModules:function(){return this.ej2Instances.requiredModules()}}}),p={name:"ejs-calendar",install:function(e){e.component(p.name,m)}},f=["isLazyUpdate","plugins","allowEdit","calendarMode","cssClass","dayHeaderFormat","depth","enableMask","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","htmlAttributes","isMultiSelection","keyConfigs","locale","maskPlaceholder","max","min","openOnFocus","placeholder","readonly","serverTimezoneOffset","showClearButton","showTodayButton","start","strictMode","value","values","weekNumber","weekRule","width","zIndex","blur","change","cleared","close","created","destroyed","focus","navigated","open","renderDayCell"],g=["value"],I=s.getProps({props:f}),j=I[0],v=I[1],$=Object.keys(v);$.push("modelchanged","update:modelValue");for(var y=0,C=g;y<C.length;y++){var P=C[y];$.push("update:"+P)}var _=s.vueDefineComponent({name:"DatePickerComponent",mixins:[s.ComponentBase],props:j,watch:v,emits:$,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DatePicker({}),propKeys:f,models:g,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var c=r[o];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addDate:function(e){return this.ej2Instances.addDate(e)},createContent:function(){return this.ej2Instances.createContent()},currentView:function(){return this.ej2Instances.currentView()},focusIn:function(e){return this.ej2Instances.focusIn(e)},focusOut:function(){return this.ej2Instances.focusOut()},hide:function(e){return this.ej2Instances.hide(e)},navigateTo:function(e,t){return this.ej2Instances.navigateTo(e,t)},removeDate:function(e){return this.ej2Instances.removeDate(e)},requiredModules:function(){return this.ej2Instances.requiredModules()},show:function(e,t){return this.ej2Instances.show(e,t)}}}),k={name:"ejs-datepicker",install:function(e){e.component(k.name,_)}},b=["isLazyUpdate","plugins","allowEdit","cssClass","enableMask","enablePersistence","enableRtl","enabled","floatLabelType","format","htmlAttributes","keyConfigs","locale","maskPlaceholder","max","min","openOnFocus","placeholder","readonly","scrollTo","showClearButton","step","strictMode","value","width","zIndex","blur","change","cleared","close","created","destroyed","focus","itemRender","open"],M=["value"],T=s.getProps({props:b}),D=T[0],w=T[1],x=Object.keys(w);x.push("modelchanged","update:modelValue");for(var O=0,V=M;O<V.length;O++){var E=V[O];x.push("update:"+E)}var U=s.vueDefineComponent({name:"TimePickerComponent",mixins:[s.ComponentBase],props:D,watch:w,emits:x,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.TimePicker({}),propKeys:b,models:M,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var c=r[o];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},hide:function(){return this.ej2Instances.hide()},requiredModules:function(){return this.ej2Instances.requiredModules()},show:function(e){return this.ej2Instances.show(e)}}}),L={name:"ejs-timepicker",install:function(e){e.component(L.name,U)}},N=s.vueDefineComponent({inject:{custom:{default:null}},render:function(e){if(!s.isExecute){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("div",{class:"e-directive"},i)}},updated:function(){!s.isExecute&&this.custom&&this.custom()},methods:{getTag:function(){return"e-presets"}}}),B={name:"e-presets",install:function(e){e.component(B.name,N)}},q=s.vueDefineComponent({render:function(){},methods:{getTag:function(){return"e-preset"}}}),z={name:"e-preset",install:function(e){e.component(z.name,q)}},R=["isLazyUpdate","plugins","allowEdit","calendarMode","cssClass","dayHeaderFormat","depth","enablePersistence","enableRtl","enabled","endDate","firstDayOfWeek","floatLabelType","format","htmlAttributes","keyConfigs","locale","max","maxDays","min","minDays","openOnFocus","placeholder","presets","readonly","separator","serverTimezoneOffset","showClearButton","start","startDate","strictMode","value","weekNumber","weekRule","width","zIndex","blur","change","cleared","close","created","destroyed","focus","navigated","open","renderDayCell","select"],S=["startDate","endDate","value"],H=s.getProps({props:R}),F=H[0],K=H[1],A=Object.keys(K);A.push("modelchanged","update:modelValue");for(var W=0,G=S;W<G.length;W++){var J=G[W];A.push("update:"+J)}var Q=s.vueDefineComponent({name:"DateRangePickerComponent",mixins:[s.ComponentBase],props:F,watch:K,emits:A,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DateRangePicker({}),propKeys:R,models:S,hasChildDirective:!0,hasInjectedModules:!1,tagMapper:{"e-presets":"e-preset"},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var c=r[o];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},getSelectedRange:function(){return this.ej2Instances.getSelectedRange()},hide:function(e){return this.ej2Instances.hide(e)},requiredModules:function(){return this.ej2Instances.requiredModules()},show:function(e,t){return this.ej2Instances.show(e,t)}}}),X={name:"ejs-daterangepicker",install:function(e){e.component(X.name,Q),e.component(z.name,q),e.component(B.name,N)}},Y=["isLazyUpdate","plugins","allowEdit","calendarMode","cssClass","dayHeaderFormat","depth","enableMask","enablePersistence","enableRtl","enabled","firstDayOfWeek","floatLabelType","format","htmlAttributes","isMultiSelection","keyConfigs","locale","maskPlaceholder","max","min","openOnFocus","placeholder","readonly","scrollTo","serverTimezoneOffset","showClearButton","showTodayButton","start","step","strictMode","timeFormat","value","values","weekNumber","weekRule","width","zIndex","blur","change","cleared","close","created","destroyed","focus","navigated","open","renderDayCell"],Z=["value"],ee=s.getProps({props:Y}),te=ee[0],se=ee[1],ne=Object.keys(se);ne.push("modelchanged","update:modelValue");for(var ie=0,ae=Z;ie<ae.length;ie++){var oe=ae[ie];ne.push("update:"+oe)}var re=s.vueDefineComponent({name:"DateTimePickerComponent",mixins:[s.ComponentBase],props:te,watch:se,emits:ne,model:{event:"modelchanged"},provide:function(){return{custom:this.custom}},data:function(){return{ej2Instances:new t.DateTimePicker({}),propKeys:Y,models:Z,hasChildDirective:!1,hasInjectedModules:!0,tagMapper:{},tagNameMapper:{},isVue3:!s.isExecute,templateCollection:{}}},created:function(){this.ej2Instances._trigger=this.ej2Instances.trigger,this.ej2Instances.trigger=this.trigger,this.bindProperties(),this.ej2Instances._setProperties=this.ej2Instances.setProperties,this.ej2Instances.setProperties=this.setProperties,this.ej2Instances.clearTemplate=this.clearTemplate,this.updated=this.updated},render:function(e){var t=s.isExecute?e:s.gh,i=null;return n.isNullOrUndefined(this.$slots.default)||(i=s.isExecute?this.$slots.default:this.$slots.default()),t("input",i)},methods:{clearTemplate:function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,s=e;t<s.length;t++){var i=s[t],a=this.templateCollection[i];if(a&&a.length){for(var o=0,r=a;o<r.length;o++){var c=r[o];n.getValue("__vue__.$destroy",c)&&c.__vue__.$destroy(),c.innerHTML&&(c.innerHTML="")}delete this.templateCollection[i]}}},setProperties:function(e,t){var s=this;this.isVue3&&(this.models=this.models?this.models:this.ej2Instances.referModels),this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){s.models.map(function(n){t!==n||/datasource/i.test(t)||(s.isVue3?s.ej2Instances.vueInstance.$emit("update:"+t,e[t]):(s.$emit("update:"+t,e[t]),s.$emit("modelchanged",e[t])))})})},trigger:function(e,t,i){if(s.isExecute||(this.models=this.models?this.models:this.ej2Instances.referModels),"change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){o=(a=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o])))}}else{var a,o=(a=this.models.toString().match(/checked|value/)||[])[0];t&&a&&!n.isUndefined(t[o])&&(s.isExecute?("change"===e||this.$props&&!this.$props.isLazyUpdate)&&(this.$emit("update:"+o,t[o]),this.$emit("modelchanged",t[o])):(this.ej2Instances.vueInstance.$emit("update:"+o,t[o]),this.ej2Instances.vueInstance.$emit("modelchanged",t[o]),this.ej2Instances.vueInstance.$emit("update:modelValue",t[o])))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,i)},custom:function(){this.updated()},addDate:function(e){return this.ej2Instances.addDate(e)},createContent:function(){return this.ej2Instances.createContent()},currentView:function(){return this.ej2Instances.currentView()},focusIn:function(){return this.ej2Instances.focusIn()},focusOut:function(){return this.ej2Instances.focusOut()},hide:function(e){return this.ej2Instances.hide(e)},navigateTo:function(e,t){return this.ej2Instances.navigateTo(e,t)},removeDate:function(e){return this.ej2Instances.removeDate(e)},requiredModules:function(){return this.ej2Instances.requiredModules()},show:function(e,t){return this.ej2Instances.show(e,t)},toggle:function(e){return this.ej2Instances.toggle(e)}}}),ce={name:"ejs-datetimepicker",install:function(e){e.component(ce.name,re)}};e.CalendarComponent=m,e.CalendarPlugin=p,e.DatePickerComponent=_,e.DatePickerPlugin=k,e.TimePickerComponent=U,e.TimePickerPlugin=L,e.PresetsDirective=N,e.PresetDirective=q,e.PresetsPlugin=B,e.PresetPlugin=z,e.DateRangePickerComponent=Q,e.DateRangePickerPlugin=X,e.DateTimePickerComponent=re,e.DateTimePickerPlugin=ce,Object.keys(t).forEach(function(s){e[s]=t[s]}),Object.defineProperty(e,"__esModule",{value:!0})});
|
|
11
11
|
//# sourceMappingURL=ej2-vue-calendars.umd.min.js.map
|