@wernfried/daterangepicker 5.8.0 → 5.8.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 (14) hide show
  1. package/README.md +8 -8
  2. package/dist/cjs/daterangepicker.cjs +19 -2
  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 +19 -2
  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 +19 -2
  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.8.0/dist/global/daterangepicker.min.js"></script>
23
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.0/css/daterangepicker.min.css" rel="stylesheet" />
22
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/dist/global/daterangepicker.min.js"></script>
23
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/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.8.0/+esm"
43
+ "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/+esm"
44
44
  }
45
45
  }
46
46
  </script>
47
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.0/css/daterangepicker.min.css" rel="stylesheet" />
47
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/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.8.0/dist/global/daterangepicker.min.js"></script>
66
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/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.8.0/css/daterangepicker.bulma.min.css" rel="stylesheet" />
68
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/css/daterangepicker.bulma.min.css" rel="stylesheet" />
69
69
 
70
70
  <input type="text" id="picker" />
71
71
 
@@ -122,8 +122,8 @@ Initialisation with jQuery is supported in version 5.x
122
122
  ```html
123
123
  <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
124
124
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
125
- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.0/dist/global/daterangepicker.min.js"></script>
126
- <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.0/css/daterangepicker.min.css" rel="stylesheet" />
125
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/dist/global/daterangepicker.min.js"></script>
126
+ <link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.8.1/css/daterangepicker.min.css" rel="stylesheet" />
127
127
 
128
128
  <input type="text" id="picker" />
129
129
 
package/dist/cjs/daterangepicker.cjs CHANGED
@@ -882,11 +882,29 @@ class DateRangePicker {
882
882
  * @param {sting|external:DateTime|Date} month - The month to be shown, if null then current month is selected.
883
883
  */
884
884
  clearDate(month) {
885
- const initialMonth = this.parseDate(month ?? this.#startDate.startOf("month"));
885
+ if (this.#startDate == null && this.#endDate == null)
886
+ return;
887
+ const monthChange = month !== void 0 && !this.parseDate(month).hasSame(this.#startDate, "month");
888
+ if (monthChange)
889
+ this.#startDate = this.parseDate(month);
890
+ this.updateMonthsInView();
886
891
  this.oldStartDate = this.#startDate;
887
892
  this.oldEndDate = this.#endDate;
888
893
  this.#startDate = null;
889
894
  this.#endDate = null;
895
+ this.updateCalendars(monthChange);
896
+ this.setApplyBtnState();
897
+ if (this.timePicker) {
898
+ this.triggerEvent(this.#events.onBeforeRenderTimePicker);
899
+ this.renderTimePicker("start");
900
+ this.renderTimePicker("end");
901
+ this.container.querySelectorAll(".calendar-time.end-time select").forEach((el) => {
902
+ el.disabled = !this.#endDate;
903
+ });
904
+ this.container.querySelectorAll(".calendar-time.end-time select").forEach((el) => {
905
+ el.classList.toggle("disabled", !this.#endDate);
906
+ });
907
+ }
890
908
  if (this.isInputText)
891
909
  this.element.value = "";
892
910
  if (!this.singleDatePicker)
@@ -899,7 +917,6 @@ class DateRangePicker {
899
917
  this.altInput[1].value = "";
900
918
  }
901
919
  }
902
- this.updateView(!initialMonth.hasSame(this.oldStartDate, "month"));
903
920
  }
904
921
  /**
905
922
  * Parse date value