@wernfried/daterangepicker 5.1.2 → 5.1.4

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 (2) hide show
  1. package/README.md +50 -13
  2. package/package.json +2 -2
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.2/dist/global/daterangepicker.min.js"></script>
23
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.min.css" rel="stylesheet" />
22
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/dist/global/daterangepicker.min.js"></script>
23
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/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.2/+esm"
43
+ "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/+esm"
44
44
  }
45
45
  }
46
46
  </script>
47
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.min.css" rel="stylesheet" />
47
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/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.2/dist/global/daterangepicker.min.js"></script>
66
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/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.2/css/daterangepicker.bulma.min.css" rel="stylesheet" />
68
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/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.2/dist/global/daterangepicker.min.js"></script>
125
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.min.css" rel="stylesheet" />
124
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/dist/global/daterangepicker.min.js"></script>
125
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.4/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.daterangepicker` and `timeChange.daterangepicker` emitted when user clicks on a date/time
249
- - Added event `beforeHide.daterangepicker` enables you to keep the picker visible after click on `Apply` or `Cancel` button.
250
- - Added event `beforeRenderTimePicker.daterangepicker` and `beforeRenderCalendar.daterangepicker` emitted before elements are rendered
251
- - Added event `violated.daterangepicker` emitted when user input is not valid
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,44 @@ 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
+
309
+ * [daterangepicker(element, options, callback)](API_Doc.md#new_DateRangePicker_new)
310
+ * [.setStartDate(startDate)](API_Doc.md#DateRangePicker+setStartDate)
311
+ * [.setRange(startDate, endDate)](API_Doc.md#DateRangePicker+setRange)
312
+ * [.getDateRangePicker(element)](API_Doc.md#getDateRangePicker+getDateRangePicker)
313
+
314
+ all other methods are used rarely.
315
+
316
+ ### Differences between `moment` and `luxon` library
317
+ This table lists a few important differences between datarangepicker using moment and luxon. Check them carefully when you migrate from older daterangepicker.
318
+
319
+ | Parameter | moment | luxon |
320
+ | ----------------------- | --------------------------------------------------- | ----------------- |
321
+ | `locale.daysOfWeek` | [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ] | [ "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" ] |
322
+ | `locale.firstDay` | 0-6 (Sunday to Saturday) | 1 for Monday through 7 for Sunday |
323
+ | to ISO-8601 String | `toISOString()` | `toISO()` |
324
+ | to [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) Object | `toDate()` | `toJSDate()` |
325
+ | from ISO-8601 String | `moment(...)` | `DateIme.fromISO(...)` |
326
+ | from [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) Object | `moment(...)` | `DateIme.fromJSDate(...)` |
327
+ | current day | `moment()` | `DateTime.now()` |
328
+ | format to string | `format(...)` | `toFormat(...)` |
329
+ | format tokens | `'YYYY-MM-DD'` | `'yyyy-MM-dd'` |
330
+
331
+
332
+ ## License
333
+
334
+ The MIT License (MIT)
335
+
336
+ Copyright (c) 2012-2019 Dan Grossman<br/>
337
+ Copyright (c) 2025 Wernfried Domscheit
338
+
339
+ Licensed under the [MIT license](LICENSE).
340
+
341
+ ## API Documentation
342
+ [API Documentation](API_Doc.md)
343
+
344
+
308
345
  ## Options
309
346
  Options for DateRangePicker
310
347
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wernfried/daterangepicker",
3
- "version": "5.1.2",
3
+ "version": "5.1.4",
4
4
  "description": "Date range picker with time component and pre-defined ranges",
5
5
  "main": "dist/global/daterangepicker.js",
6
6
  "module": "dist/esm/daterangepicker.js",
@@ -15,7 +15,7 @@
15
15
  "build": "rollup -c",
16
16
  "postbuild": "minify css/daterangepicker.css > css/daterangepicker.min.css && minify css/daterangepicker.bulma.css > css/daterangepicker.bulma.min.css",
17
17
  "unix2dos": "unix2dos.exe dist/*/daterangepicker.js css/*.min.css",
18
- "prepack": "sed -bi '/API_Doc\\.md/q' README.md && npm run build && npm run unix2dos",
18
+ "prepack": "sed -n -bi '/## Options/q;p' README.md && npm run build && npm run unix2dos",
19
19
  "prepare": "jsdoc2md --EOL win32 --example-lang js src/daterangepicker.js > API_Doc.md && sed -n '/## Options$/,$p' API_Doc.md | sed -n '/name=\"Ranges\"/q;p' >> README.md",
20
20
  "postpack": "git commit -a -m \"Updated README.md\"",
21
21
  "test": "node --experimental-vm-modules --no-warnings ./node_modules/jest/bin/jest.js --runInBand"