@aquera/nile-elements 1.3.4-beta-1.4 → 1.3.4-beta-1.5

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "1.3.4-beta-1.4",
+  "version": "1.3.4-beta-1.5",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-date-picker/nile-date-picker-utils.ts

@@ -73,30 +73,26 @@ export function parseDateFromFormat(str: string, format: string): Date | null {
   export function parseRangeFromFormat(
     input: string,
     format: string,
-    isRange: boolean
+    isRange: boolean,
+    separator: string
   ) {
     if (!isRange) {
       return { first: parseDateFromFormat(input, format), second: null };
     }
   
-    const RANGE_SEP = " - ";
-  
-    if (!input.includes(RANGE_SEP)) {
+    if (!input.includes(separator)) {
       return { first: parseDateFromFormat(input, format), second: null };
     }
   
-    const [firstRaw, secondRaw] = input.split(RANGE_SEP);
+    const [firstRaw, secondRaw] = input.split(separator);
   
     const first = parseDateFromFormat(firstRaw, format);
-    let second = null;
-  
-    if (secondRaw && secondRaw.length >= 10) {
-      second = parseDateFromFormat(secondRaw, format);
-    }
+    const second = secondRaw ? parseDateFromFormat(secondRaw, format) : null;
   
     return { first, second };
   }
   
+  
   export function normalizeDateRange(
     first: Date | null,
     second: Date | null

package/src/nile-date-picker/nile-date-picker.ts

@@ -43,7 +43,9 @@ export class NileDatePicker extends NileElement {
   @property({ attribute: 'allowedDates' }) allowedDates: any = '{}';
 
   @property({ type: Boolean, attribute: true, reflect: true }) syncDatePicker = false;
-  @property({ type: String, attribute: true, reflect: true }) dateFormat = "DD/MM/YYYY";
+  @property({ type: String, attribute: true, reflect: true }) dateFormat = "DD/MM/YYYY";  
+@property({ type: String, attribute: true, reflect: true }) rangeSeparator = " - ";
+
 
   @query('nile-dropdown') dropdown: NileDropdown;
 
@@ -57,7 +59,7 @@ export class NileDatePicker extends NileElement {
 
     input.addEventListener("nile-input", (e: any) => {
       const text = e.detail.value;
-      const { first, second } = parseRangeFromFormat(text, this.dateFormat, this.range);
+      const { first, second } = parseRangeFromFormat(text, this.dateFormat, this.range, this.rangeSeparator);
 
       if (!this.range) {
         if (first) this.jumpTo(first);

package/vscode-html-custom-data.json

@@ -1102,7 +1102,7 @@
     },
     {
       "name": "nile-date-picker",
-      "description": "Attributes:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hide-time-zone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hide-duration-fields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\nProperties:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hideTimeZone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hideDurationFields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `dropdown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hide-time-zone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hide-duration-fields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\nProperties:\n\n  * `range` {`boolean`} - \n\n  * `hideTypes` {`boolean`} - \n\n  * `doubleClickUnselect` {`boolean`} - \n\n  * `allowClear` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `hideTimeZone` {`boolean`} - \n\n  * `type` {`\"absolute\" | \"relative\"`} - \n\n  * `showManualInputs` {`boolean`} - \n\n  * `value` - \n\n  * `hideDurationFields` - \n\n  * `allowedDates` - \n\n  * `syncDatePicker` {`boolean`} - \n\n  * `dateFormat` {`string`} - \n\n  * `rangeSeparator` {`string`} - \n\n  * `dropdown` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "range",
@@ -1171,6 +1171,10 @@
         {
           "name": "dateFormat",
           "description": "`dateFormat` {`string`} - \n\nProperty: dateFormat\n\nDefault: DD/MM/YYYY"
+        },
+        {
+          "name": "rangeSeparator",
+          "description": "`rangeSeparator` {`string`} - \n\nProperty: rangeSeparator\n\nDefault:  - "
         }
       ]
     },