@wernfried/daterangepicker 5.1.0 → 5.1.2

package/API_Doc.md

@@ -696,7 +696,6 @@ Options for DateRangePicker
 | locale.cancelLabel | <code>string</code> | <code>&quot;Cancel&quot;</code> | Label of `Cancel` Button |
 | locale.customRangeLabel | <code>string</code> | <code>&quot;Custom&quot;</code> | Range - Title for custom ranges |
 | 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) => {}` |
-| END_OF_OPTIONS |  |  |  |
 
 <a name="Ranges"></a>
 

package/README.md

@@ -19,8 +19,8 @@ Above samples are based on the [original repository](https://github.com/dangross
 #### Global import with `<script>` tags
 ```html
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/dist/global/daterangepicker.min.js"></script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.min.css" rel="stylesheet" />
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/dist/global/daterangepicker.min.js"></script>
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="picker" />
 
@@ -28,6 +28,8 @@ Above samples are based on the [original repository](https://github.com/dangross
    const DateTime = luxon.DateTime;
    DateRangePicker.daterangepicker('#picker', {
       startDate: DateTime.now().plus({day: 1})
+   }, (start, end) => {
+      console.log(`Selected range: ${start.toString()} to ${end.toString()}`)
    });
 </script>
 ```
@@ -38,11 +40,11 @@ Above samples are based on the [original repository](https://github.com/dangross
 {
    "imports": {
       "luxon": "https://cdn.jsdelivr.net/npm/luxon@3.7.2/+esm",
-      "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/+esm"
+      "daterangepicker": "https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/+esm"
    }
 }
 </script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.min.css" rel="stylesheet" />
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="picker" />
 
@@ -52,6 +54,8 @@ Above samples are based on the [original repository](https://github.com/dangross
 
    daterangepicker('#picker', {
       startDate: DateTime.now().plus({day: 1})
+   }, (start, end) => {
+      console.log(`Selected range: ${start.toString()} to ${end.toString()}`)
    });
 </script>
 ```
@@ -59,9 +63,9 @@ Above samples are based on the [original repository](https://github.com/dangross
 #### Style with Bulma
 ```html
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/dist/global/daterangepicker.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/dist/global/daterangepicker.min.js"></script>
 <link type="text/css" href="https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css" rel="stylesheet" />
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.bulma.min.css" rel="stylesheet" />
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.bulma.min.css" rel="stylesheet" />
 
 <input type="text" id="picker" />
 
@@ -75,10 +79,12 @@ Above samples are based on the [original repository](https://github.com/dangross
 
 #### Use of `data-*` attributes
 ```html
-<script ...></script>
-<input type="text" id="picker" data-start-date="2026-02-01" data-end-date="2026-02-20" data-show-week-numbers="true" />
+<input type="text" id="picker" 
+   data-start-date="2026-02-01" 
+   data-end-date="2026-02-20" 
+   data-show-week-numbers="true" />
 
-<script type="text/javascript">
+<script>
    const options = {timePicker: true};
    DateRangePicker.daterangepicker('#picker', options);
 </script>
@@ -115,8 +121,8 @@ Initialisation with jQuery is supported in version 5.x
 ```html
 <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/luxon@3.5.0/build/global/luxon.min.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/dist/global/daterangepicker.min.js"></script>
-<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.0-beta/css/daterangepicker.min.css" rel="stylesheet" />
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/dist/global/daterangepicker.min.js"></script>
+<link type="text/css" href="https://cdn.jsdelivr.net/npm/@wernfried/daterangepicker@5.1.2/css/daterangepicker.min.css" rel="stylesheet" />
 
 <input type="text" id="picker" />
 
@@ -359,3 +365,4 @@ Options for DateRangePicker
 | locale.cancelLabel | <code>string</code> | <code>&quot;Cancel&quot;</code> | Label of `Cancel` Button |
 | locale.customRangeLabel | <code>string</code> | <code>&quot;Custom&quot;</code> | Range - Title for custom ranges |
 | 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) => {}` |
+

package/dist/esm/daterangepicker.js

@@ -238,7 +238,6 @@ class DateRangePicker {
           } else {
             console.error(`Option '${key}' is not valid`);
           }
-          ;
         }
       }
       if (this.minSpan && this.maxSpan && this.minSpan > this.maxSpan) {
@@ -267,7 +266,6 @@ class DateRangePicker {
           console.error(`Option 'timePickerStepSize' is not valid`);
           duration = this.timePickerStepSize;
         }
-        ;
         var valid = [];
         for (let unit of ["minutes", "seconds"])
           valid.push(...[1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30].map((x) => {
@@ -1311,7 +1309,6 @@ class DateRangePicker {
         html += ` class="${this.weekendDayClasses}"`;
       html += `>${dayOfWeek}</th>`;
     }
-    ;
     html += "</tr>";
     this.container.querySelector(`.drp-calendar.${side} .calendar-table thead`).innerHTML = html;
     html = "";
@@ -2370,10 +2367,5 @@ Object.defineProperty(window, "jQuery", {
     return this._jQuery;
   }
 });
-var daterangepicker_default = daterangepicker;
-export {
-  DateRangePicker,
-  daterangepicker,
-  daterangepicker_default as default,
-  getDateRangePicker
-};
+export { DateRangePicker, daterangepicker, getDateRangePicker };
+//# sourceMappingURL=daterangepicker.js.map