@wernfried/daterangepicker 5.1.1 → 5.1.3
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/README.md +13 -13
- package/dist/esm/daterangepicker.js +2 -10
- package/dist/esm/daterangepicker.js.map +1 -0
- package/dist/esm/daterangepicker.min.js +2 -1
- package/dist/esm/daterangepicker.min.js.map +1 -0
- package/dist/global/daterangepicker.js +89 -116
- package/dist/global/daterangepicker.js.map +1 -0
- package/dist/global/daterangepicker.min.js +2 -1
- package/dist/global/daterangepicker.min.js.map +1 -0
- package/package.json +7 -12
package/README.md
CHANGED
|
@@ -19,8 +19,8 @@ Above samples are based on the [original repository](https://github.com/dangross
|
|
|
19
19
|
#### Global import with `<script>` tags
|
|
20
20
|
```html
|
|
21
21
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
|
|
22
|
-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
23
|
-
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
22
|
+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/dist/global/daterangepicker.min.js"></script>
|
|
23
|
+
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/css/daterangepicker.min.css" rel="stylesheet" />
|
|
24
24
|
|
|
25
25
|
<input type="text" id="picker" />
|
|
26
26
|
|
|
@@ -40,11 +40,11 @@ Above samples are based on the [original repository](https://github.com/dangross
|
|
|
40
40
|
{
|
|
41
41
|
"imports": {
|
|
42
42
|
"luxon": "https://cdn.jsdelivr.net/npm/luxon@3.7.2/+esm",
|
|
43
|
-
"daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
43
|
+
"daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/+esm"
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
</script>
|
|
47
|
-
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
47
|
+
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/css/daterangepicker.min.css" rel="stylesheet" />
|
|
48
48
|
|
|
49
49
|
<input type="text" id="picker" />
|
|
50
50
|
|
|
@@ -63,9 +63,9 @@ Above samples are based on the [original repository](https://github.com/dangross
|
|
|
63
63
|
#### Style with Bulma
|
|
64
64
|
```html
|
|
65
65
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
|
|
66
|
-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
66
|
+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/dist/global/daterangepicker.min.js"></script>
|
|
67
67
|
<link type="text/css" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css" rel="stylesheet" />
|
|
68
|
-
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
68
|
+
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/css/daterangepicker.bulma.min.css" rel="stylesheet" />
|
|
69
69
|
|
|
70
70
|
<input type="text" id="picker" />
|
|
71
71
|
|
|
@@ -121,8 +121,8 @@ Initialisation with jQuery is supported in version 5.x
|
|
|
121
121
|
```html
|
|
122
122
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
|
|
123
123
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
|
|
124
|
-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
125
|
-
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.
|
|
124
|
+
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/dist/global/daterangepicker.min.js"></script>
|
|
125
|
+
<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.3/css/daterangepicker.min.css" rel="stylesheet" />
|
|
126
126
|
|
|
127
127
|
<input type="text" id="picker" />
|
|
128
128
|
|
|
@@ -245,10 +245,10 @@ Compared to [inital repository](https://github.com/dangrossman/daterangepicker),
|
|
|
245
245
|
- Replaced [moment](https://momentjs.com/) by [luxon](https://moment.github.io/luxon/index.html) (see differences below)
|
|
246
246
|
- Added option `weekendClasses`, `weekendDayClasses`, `todayClasses` to highlight weekend days or today, respectively
|
|
247
247
|
- Added option `timePickerStepSize` to succeed options `timePickerIncrement` and `timePickerSeconds`
|
|
248
|
-
- Added events `dateChange
|
|
249
|
-
- Added event `beforeHide
|
|
250
|
-
- Added event `beforeRenderTimePicker
|
|
251
|
-
- Added event `
|
|
248
|
+
- Added events `dateChange` and `timeChange` emitted when user clicks on a date/time
|
|
249
|
+
- Added event `beforeHide` enables you to keep the picker visible after click on `Apply` or `Cancel` button.
|
|
250
|
+
- Added event `beforeRenderTimePicker` and `beforeRenderCalendar` emitted before elements are rendered
|
|
251
|
+
- Added event `violate` emitted when user input is not valid
|
|
252
252
|
- Added method `setRange(startDate, endDate)` to combine `setStartDate(startDate)` and `setEndDate(endDate)`
|
|
253
253
|
- Added option `minSpan` similar to `maxSpan`
|
|
254
254
|
- Added option `isInvalidTime` similar to `isInvalidDate`
|
|
@@ -304,7 +304,7 @@ You can style this daterangepicker with [Bulma CSS Framework](https://bulma.io/)
|
|
|
304
304
|
|
|
305
305
|
## Methods
|
|
306
306
|
|
|
307
|
-
Available methods are listed in detail at [API Documentation](API_Doc.md). You will mainly use
|
|
307
|
+
Available methods are listed in detail at [API Documentation](API_Doc.md). You will mainly use
|
|
308
308
|
## Options
|
|
309
309
|
Options for DateRangePicker
|
|
310
310
|
|
|
@@ -238,7 +238,6 @@ class DateRangePicker {
|
|
|
238
238
|
} else {
|
|
239
239
|
console.error(`Option '${key}' is not valid`);
|
|
240
240
|
}
|
|
241
|
-
;
|
|
242
241
|
}
|
|
243
242
|
}
|
|
244
243
|
if (this.minSpan && this.maxSpan && this.minSpan > this.maxSpan) {
|
|
@@ -267,7 +266,6 @@ class DateRangePicker {
|
|
|
267
266
|
console.error(`Option 'timePickerStepSize' is not valid`);
|
|
268
267
|
duration = this.timePickerStepSize;
|
|
269
268
|
}
|
|
270
|
-
;
|
|
271
269
|
var valid = [];
|
|
272
270
|
for (let unit of ["minutes", "seconds"])
|
|
273
271
|
valid.push(...[1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30].map((x) => {
|
|
@@ -1311,7 +1309,6 @@ class DateRangePicker {
|
|
|
1311
1309
|
html += ` class="${this.weekendDayClasses}"`;
|
|
1312
1310
|
html += `>${dayOfWeek}</th>`;
|
|
1313
1311
|
}
|
|
1314
|
-
;
|
|
1315
1312
|
html += "</tr>";
|
|
1316
1313
|
this.container.querySelector(`.drp-calendar.${side} .calendar-table thead`).innerHTML = html;
|
|
1317
1314
|
html = "";
|
|
@@ -2370,10 +2367,5 @@ Object.defineProperty(window, "jQuery", {
|
|
|
2370
2367
|
return this._jQuery;
|
|
2371
2368
|
}
|
|
2372
2369
|
});
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
DateRangePicker,
|
|
2376
|
-
daterangepicker,
|
|
2377
|
-
daterangepicker_default as default,
|
|
2378
|
-
getDateRangePicker
|
|
2379
|
-
};
|
|
2370
|
+
export { DateRangePicker, daterangepicker, getDateRangePicker };
|
|
2371
|
+
//# sourceMappingURL=daterangepicker.js.map
|