@wernfried/daterangepicker 5.2.12 → 5.2.14

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 (14) hide show
  1. package/README.md +8 -8
  2. package/dist/cjs/daterangepicker.cjs +21 -11
  3. package/dist/cjs/daterangepicker.cjs.map +1 -1
  4. package/dist/cjs/daterangepicker.min.cjs +1 -1
  5. package/dist/cjs/daterangepicker.min.cjs.map +1 -1
  6. package/dist/esm/daterangepicker.js +21 -11
  7. package/dist/esm/daterangepicker.js.map +1 -1
  8. package/dist/esm/daterangepicker.min.js +1 -1
  9. package/dist/esm/daterangepicker.min.js.map +1 -1
  10. package/dist/global/daterangepicker.js +21 -11
  11. package/dist/global/daterangepicker.js.map +1 -1
  12. package/dist/global/daterangepicker.min.js +1 -1
  13. package/dist/global/daterangepicker.min.js.map +1 -1
  14. package/package.json +1 -1
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.2.12/dist/global/daterangepicker.min.js"></script>
23
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.12/css/daterangepicker.min.css" rel="stylesheet" />
22
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/dist/global/daterangepicker.min.js"></script>
23
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/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.2.12/+esm"
43
+ "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/+esm"
44
44
  }
45
45
  }
46
46
  </script>
47
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.12/css/daterangepicker.min.css" rel="stylesheet" />
47
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/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.2.12/dist/global/daterangepicker.min.js"></script>
66
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/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.2.12/css/daterangepicker.bulma.min.css" rel="stylesheet" />
68
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/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.2.12/dist/global/daterangepicker.min.js"></script>
125
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.12/css/daterangepicker.min.css" rel="stylesheet" />
124
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/dist/global/daterangepicker.min.js"></script>
125
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.2.14/css/daterangepicker.min.css" rel="stylesheet" />
126
126
 
127
127
  <input type="text" id="picker" />
128
128
 
package/dist/cjs/daterangepicker.cjs CHANGED
@@ -247,12 +247,14 @@ class DateRangePicker {
247
247
  this.maxSpan = null;
248
248
  console.warn(`Ignore option 'minSpan' and 'maxSpan', because 'minSpan' must be smaller than 'maxSpan'`);
249
249
  }
250
- if (this.defaultSpan && this.minSpan && this.minSpan > this.defaultSpan) {
251
- this.defaultSpan = null;
252
- console.warn(`Ignore option 'defaultSpan', because 'defaultSpan' must be greater than 'minSpan'`);
253
- } else if (this.defaultSpan && this.maxSpan && this.maxSpan < this.defaultSpan) {
254
- this.defaultSpan = null;
255
- console.warn(`Ignore option 'defaultSpan', because 'defaultSpan' must be smaller than 'maxSpan'`);
250
+ if (this.defaultSpan) {
251
+ if (this.minSpan && this.minSpan > this.defaultSpan) {
252
+ this.defaultSpan = null;
253
+ console.warn(`Ignore option 'defaultSpan', because 'defaultSpan' must be greater than 'minSpan'`);
254
+ } else if (this.maxSpan && this.maxSpan < this.defaultSpan) {
255
+ this.defaultSpan = null;
256
+ console.warn(`Ignore option 'defaultSpan', because 'defaultSpan' must be smaller than 'maxSpan'`);
257
+ }
256
258
  }
257
259
  }
258
260
  if (this.timePicker) {
@@ -1083,10 +1085,14 @@ class DateRangePicker {
1083
1085
  }
1084
1086
  }
1085
1087
  if (this.minSpan) {
1086
- const minDate = startDate.plus(this.defaultSpan ?? this.minSpan);
1088
+ const minDate = startDate.plus(this.minSpan);
1087
1089
  if (endDate < minDate) {
1088
1090
  violation = { old: endDate, reason: "minSpan" };
1089
- endDate = endDate.plus({ seconds: Math.trunc(minDate.diff(endDate).as("seconds") / shiftStep) * shiftStep });
1091
+ if (this.defaultSpan) {
1092
+ endDate = endDate.plus({ seconds: Math.trunc(startDate.plus(this.defaultSpan).diff(endDate).as("seconds") / shiftStep) * shiftStep });
1093
+ } else {
1094
+ endDate = endDate.plus({ seconds: Math.trunc(minDate.diff(endDate).as("seconds") / shiftStep) * shiftStep });
1095
+ }
1090
1096
  if (endDate < minDate)
1091
1097
  endDate = endDate.plus(this.timePicker ? this.timePickerStepSize : { days: 1 });
1092
1098
  violation.new = endDate;
@@ -1128,8 +1134,12 @@ class DateRangePicker {
1128
1134
  this.triggerEvent(this.#events.onBeforeRenderTimePicker);
1129
1135
  this.renderTimePicker("start");
1130
1136
  this.renderTimePicker("end");
1131
- this.container.querySelectorAll(".calendar-time.end-time select").disabled = !this.#endDate;
1132
- this.container.querySelectorAll(".calendar-time.end-time select").classList.toggle("disabled", !this.#endDate);
1137
+ this.container.querySelectorAll(".calendar-time.end-time select").forEach((el) => {
1138
+ el.disabled = !this.#endDate;
1139
+ });
1140
+ this.container.querySelectorAll(".calendar-time.end-time select").forEach((el) => {
1141
+ el.classList.toggle("disabled", !this.#endDate);
1142
+ });
1133
1143
  }
1134
1144
  this.updateLabel();
1135
1145
  this.updateMonthsInView();
@@ -1377,7 +1387,7 @@ class DateRangePicker {
1377
1387
  if (this.maxSpan && (!this.maxDate || this.#startDate.plus(this.maxSpan) < this.maxDate))
1378
1388
  maxDate = this.#startDate.plus(this.maxSpan);
1379
1389
  if (this.minSpan && side === "end")
1380
- minLimit = this.#startDate.plus(this.defaultSpan ?? this.minSpan);
1390
+ minLimit = this.#startDate.plus(this.minSpan);
1381
1391
  if (side === "start") {
1382
1392
  selected = this.#startDate;
1383
1393
  minDate = this.minDate;