@wernfried/daterangepicker 5.1.0 → 5.1.1

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 (3) hide show
  1. package/API_Doc.md +0 -1
  2. package/README.md +18 -11
  3. package/package.json +2 -2
package/API_Doc.md CHANGED
@@ -696,7 +696,6 @@ Options for DateRangePicker
696
696
  | locale.cancelLabel | <code>string</code> | <code>&quot;Cancel&quot;</code> | Label of `Cancel` Button |
697
697
  | locale.customRangeLabel | <code>string</code> | <code>&quot;Custom&quot;</code> | Range - Title for custom ranges |
698
698
  | locale.durationFormat | <code>object</code> \| <code>string</code> \| <code>function</code> | <code>{}</code> | Format a custom label for selected duration, for example `'5 Days, 12 Hours'`.<br> Define the format either as string, see [Duration.toFormat - Format Tokens](https://moment.github.io/luxon/api-docs/index.html#durationtoformat) or an object according to [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options), see [Duration.toHuamn](https://moment.github.io/luxon/api-docs/index.html#durationtohuman).<br> Or custom function as `(startDate, endDate) => {}` |
699
- | END_OF_OPTIONS | | | |
700
699
 
701
700
  <a name="Ranges"></a>
702
701
 
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.0-beta/dist/global/daterangepicker.min.js"></script>
23
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.min.css" rel="stylesheet" />
22
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/dist/global/daterangepicker.min.js"></script>
23
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/css/daterangepicker.min.css" rel="stylesheet" />
24
24
 
25
25
  <input type="text" id="picker" />
26
26
 
@@ -28,6 +28,8 @@ Above samples are based on the [original repository](https://github.com/dangross
28
28
  const DateTime = luxon.DateTime;
29
29
  DateRangePicker.daterangepicker('#picker', {
30
30
  startDate: DateTime.now().plus({day: 1})
31
+ }, (start, end) => {
32
+ console.log(`Selected range: ${start.toString()} to ${end.toString()}`)
31
33
  });
32
34
  </script>
33
35
  ```
@@ -38,11 +40,11 @@ Above samples are based on the [original repository](https://github.com/dangross
38
40
  {
39
41
  "imports": {
40
42
  "luxon": "https://cdn.jsdelivr.net/npm/luxon@3.7.2/+esm",
41
- "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/+esm"
43
+ "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/+esm"
42
44
  }
43
45
  }
44
46
  </script>
45
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.min.css" rel="stylesheet" />
47
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/css/daterangepicker.min.css" rel="stylesheet" />
46
48
 
47
49
  <input type="text" id="picker" />
48
50
 
@@ -52,6 +54,8 @@ Above samples are based on the [original repository](https://github.com/dangross
52
54
 
53
55
  daterangepicker('#picker', {
54
56
  startDate: DateTime.now().plus({day: 1})
57
+ }, (start, end) => {
58
+ console.log(`Selected range: ${start.toString()} to ${end.toString()}`)
55
59
  });
56
60
  </script>
57
61
  ```
@@ -59,9 +63,9 @@ Above samples are based on the [original repository](https://github.com/dangross
59
63
  #### Style with Bulma
60
64
  ```html
61
65
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
62
- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/dist/global/daterangepicker.min.js"></script>
66
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/dist/global/daterangepicker.min.js"></script>
63
67
  <link type="text/css" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css" rel="stylesheet" />
64
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.bulma.min.css" rel="stylesheet" />
68
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/css/daterangepicker.bulma.min.css" rel="stylesheet" />
65
69
 
66
70
  <input type="text" id="picker" />
67
71
 
@@ -75,10 +79,12 @@ Above samples are based on the [original repository](https://github.com/dangross
75
79
 
76
80
  #### Use of `data-*` attributes
77
81
  ```html
78
- <script ...></script>
79
- <input type="text" id="picker" data-start-date="2026-02-01" data-end-date="2026-02-20" data-show-week-numbers="true" />
82
+ <input type="text" id="picker"
83
+ data-start-date="2026-02-01"
84
+ data-end-date="2026-02-20"
85
+ data-show-week-numbers="true" />
80
86
 
81
- <script type="text/javascript">
87
+ <script>
82
88
  const options = {timePicker: true};
83
89
  DateRangePicker.daterangepicker('#picker', options);
84
90
  </script>
@@ -115,8 +121,8 @@ Initialisation with jQuery is supported in version 5.x
115
121
  ```html
116
122
  <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
117
123
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
118
- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/dist/global/daterangepicker.min.js"></script>
119
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.min.css" rel="stylesheet" />
124
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/dist/global/daterangepicker.min.js"></script>
125
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.1-beta/css/daterangepicker.min.css" rel="stylesheet" />
120
126
 
121
127
  <input type="text" id="picker" />
122
128
 
@@ -359,3 +365,4 @@ Options for DateRangePicker
359
365
  | locale.cancelLabel | <code>string</code> | <code>&quot;Cancel&quot;</code> | Label of `Cancel` Button |
360
366
  | locale.customRangeLabel | <code>string</code> | <code>&quot;Custom&quot;</code> | Range - Title for custom ranges |
361
367
  | locale.durationFormat | <code>object</code> \| <code>string</code> \| <code>function</code> | <code>{}</code> | Format a custom label for selected duration, for example `'5 Days, 12 Hours'`.<br> Define the format either as string, see [Duration.toFormat - Format Tokens](https://moment.github.io/luxon/api-docs/index.html#durationtoformat) or an object according to [Intl.NumberFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options), see [Duration.toHuamn](https://moment.github.io/luxon/api-docs/index.html#durationtohuman).<br> Or custom function as `(startDate, endDate) => {}` |
368
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wernfried/daterangepicker",
3
- "version": "5.1.0",
3
+ "version": "5.1.1",
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",
@@ -22,7 +22,7 @@
22
22
  "minify_css": "minify css/daterangepicker.css > css/daterangepicker.min.css && minify css/daterangepicker.bulma.css > css/daterangepicker.bulma.min.css",
23
23
  "unix2dos": "unix2dos dist/esm/*.js dist/global/*.js css/*.min.css",
24
24
  "prepack": "sed -bi '/API_Doc\\.md/q' README.md && npm run build && npm run unix2dos",
25
- "prepare": "jsdoc2md --EOL win32 --example-lang js src/daterangepicker.js > API_Doc.md && sed -n '/## Options$/,$p' API_Doc.md | sed -n '/END_OF_OPTIONS/q;p' >> README.md",
25
+ "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",
26
26
  "postpack": "git commit -a -m \"Updated README.md\"",
27
27
  "test": "node --experimental-vm-modules --no-warnings ./node_modules/jest/bin/jest.js --runInBand"
28
28
  },