bromcom-ui 2.3.62 → 2.3.66

package/dist/bromcom-ui/bcm-datetime-picker.entry.js

@@ -346,10 +346,17 @@ const BcmDatetimePicker = class {
     if (disabledDatesData.min && disabledDatesData.min instanceof Date) {
       this.disabledDatesList.min = new Date(disabledDatesData.min.toDateString());
     }
+    else {
+      delete this.disabledDatesList.min;
+    }
     if (disabledDatesData.max && disabledDatesData.max instanceof Date) {
       this.disabledDatesList.max = new Date(disabledDatesData.max.toDateString());
     }
-    this.lastDate && this.set(this.lastDate);
+    else {
+      delete this.disabledDatesList.max;
+    }
+    const value = this.inputElement.value;
+    value && this.setDataFromText(value);
   }
   /**
    *
@@ -682,7 +689,9 @@ const BcmDatetimePicker = class {
       this.renderDate = this.date;
       this.valueText = this.getValueText();
       this.setValue();
-      this.inputElement.value == "" && (this.inputElement.value = this.valueText);
+      const splitText = this.valueText.split('/');
+      const newValue = this.valueText ? this.changeFormat(new Date(splitText[1] + "/" + splitText[0] + "/" + splitText[2])) : '';
+      this.inputElement.value = newValue;
     }
   }
   setDataFromText(text, updateData = false, openPicker = true) {
@@ -763,7 +772,9 @@ const BcmDatetimePicker = class {
           this.setValue(true);
         }
       }
-      this.inputElement.value == "" && (this.inputElement.value = text);
+      const splitText = text.split('/');
+      const newValue = text ? this.changeFormat(new Date(splitText[1] + "/" + splitText[0] + "/" + splitText[2])) : '';
+      this.inputElement.value = newValue;
     }
   }
   /**
@@ -1142,33 +1153,25 @@ const BcmDatetimePicker = class {
   async setDisabled(disabled) {
     this.disabled = disabled;
   }
-  changeFormat(date) {
+  changeFormat(date, reverseDay = false) {
     if (!date)
       return;
     const pad = (n) => n < 10 ? `0${n}` : n;
-    const day = new Date(date).getDate();
-    const month = new Date(date).getMonth() + 1;
+    const day = pad(new Date(date).getDate());
+    const month = pad(new Date(date).getMonth() + 1);
     const year = new Date(date).getFullYear();
-    const hours = new Date(date).getHours();
-    const minutes = new Date(date).getMinutes();
+    const hours = pad(new Date(date).getHours());
+    const minutes = pad(new Date(date).getMinutes());
     if (this.type == "range" || this.type == "date") {
-      return `${day}/${month}/${year}`;
+      return reverseDay ? `${month}/${day}/${year}` : `${day}/${month}/${year}`;
     }
-    return `${day}/${month}/${year} ${pad(hours)}:${pad(minutes)}`;
+    return reverseDay ? `${month}/${day}/${year} ${hours}:${minutes}` : `${day}/${month}/${year} ${hours}:${minutes}`;
   }
   /**
    * @desc
    * @param dateOrTime
    */
   async set(dateOrTime) {
-    this.lastDate = dateOrTime;
-    // contains -
-    // const split = dateOrTime.toString().split('-')
-    // var date: any = DateTimeHelper.convertTimeStampToDate(new Date(split[0]).getTime()).toString()
-    // if (split.length > 1) {
-    //     var date2 = DateTimeHelper.convertTimeStampToDate(new Date(split[1]).getTime())
-    //     date = date + "-" + date2
-    // }
     const split = dateOrTime.toString().split('-');
     var date = this.changeFormat(DateTimeHelper.convertTimeStampToDate(new Date(split[0]).getTime()));
     if (split.length > 1) {
@@ -1176,16 +1179,6 @@ const BcmDatetimePicker = class {
       date = date + "-" + date2;
     }
     this.setDataFromText(date, true, false);
-    // dateOrTime = DateTimeHelper.convertTimeStampToDate(new Date(dateOrTime).getTime())
-    // const isString: boolean = typeof dateOrTime === 'string'
-    // if ( isString ) {
-    //     //     this.setDataFromText(dateOrTime as string, true, false)
-    // } else if( dateOrTime instanceof Date){   
-    //     this.setDataFromText(this.formatDate(new Date(dateOrTime), 'dd/mm/yyyy hh:mi') as string, true, false)
-    // }
-    // else{
-    //     this.setClear()
-    // }
   }
   async setClear() {
     await this.handleInputClear();
@@ -1233,7 +1226,9 @@ const BcmDatetimePicker = class {
     const toggleClasses = classnames('toggle', {
       disabled: this.disabled
     });
-    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, h("bcm-input", { ref: el => (this.inputElement = el), placeholder: 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, label: this.label, clearable: true, disableWatchValue: true, "on-bcm-focus": () => this.handleInputFocus(), "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e), "on-bcm-input": (e) => this.handleInputInput(e.detail), noCaption: this.noCaption, caption: this.caption, captionType: this.captionType }, this.error && (h("bcm-tooltip", { slot: "suffix", placement: "top", message: this.errorText }, h("bcm-icon", {
+    return (h(Host, { class: hostClasses, "bcm-internal-id": this.inputId }, h("bcm-input", { ref: el => (this.inputElement = el), placeholder: 'Select ' + (this.type === Types.datetime ? 'date and time' : '') + (this.type === Types.date ? 'date' : '') + (this.type === Types.time ? 'time' : ''), value: this.valueText, required: this.required, fullWidth: this.fullWidth, disabled: this.disabled, name: this.name, id: this.inputId, label: this.label, clearable: true, disableWatchValue: true, "on-bcm-focus": () => this.handleInputFocus(), "on-bcm-clear": () => this.handleInputClear(), "on-bcm-change": (e) => this.handleInputChange(e),
+      // on-bcm-input={(e: CustomEvent) => this.handleInputInput(e.detail)}
+      noCaption: this.noCaption, caption: this.caption, captionType: this.captionType }, this.error && (h("bcm-tooltip", { slot: "suffix", placement: "top", message: this.errorText }, h("bcm-icon", {
       // slot="suffix"
       // title={this.errorText}
       icon: "exclamation-circle", color: "red-6", size: 16

package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
 import { ElementDragger, DragDirections } from '../../../utils/element-dragger';
 import { Months, Type } from './types';
-export declare class BcmDatetimePicker {
+export declare class BcmDatetimePicker implements ComponentInterface {
   private id;
   private inputId;
   private emptyState;
@@ -25,7 +25,6 @@ export declare class BcmDatetimePicker {
   private minutesDragger;
   private dataIsValid;
   private optionViewportStyleAlignment;
-  private lastDate;
   el: HTMLElement;
   /**
    * Component Properties
@@ -399,7 +398,7 @@ export declare class BcmDatetimePicker {
    * @param disabled
    */
   setDisabled(disabled: boolean): Promise<void>;
-  changeFormat(date: Date): string;
+  changeFormat(date: Date, reverseDay?: boolean): string;
   /**
    * @desc
    * @param dateOrTime

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.3.62",
+  "version": "2.3.66",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/types/helper/number-helper.d.ts

@@ -1,9 +0,0 @@
-export declare class NumberHelper {
-  static isNumber: (str: string) => boolean;
-  static convertToNumber: (str: string) => number;
-  static replaceNumber: (str: string) => string;
-  static replaceFloat: (str: string) => string;
-  static toFixed: (num: number, fixed: number) => string;
-  static parseFloatFixed: (str: string, fixed: number) => string;
-  static getDecimalLength: (str: string) => number;
-}