@libs-ui/components-datetime-picker 0.2.77 → 0.2.79

package/fesm2022/libs-ui-components-datetime-picker.mjs

@@ -62,8 +62,6 @@ const getDateRangeDefault = () => {
         _3months_ago: [dayjs().subtract(89, 'days').hour(0).second(0).minute(0).millisecond(0), dayjs().hour(23).minute(59).second(59)],
     };
 };
-const DEFAULT_MIN_YEAR = 1945;
-const DEFAULT_MAX_YEAR = 2100;
 
 const getMonthsDefault = () => {
     return [
@@ -197,6 +195,9 @@ const getYearsDetailById = (listOfYears = []) => {
     };
 };
 
+const DEFAULT_MIN_YEAR = 1945;
+const DEFAULT_MAX_YEAR = 2100;
+
 var SideEnum;
 (function (SideEnum) {
     SideEnum["left"] = "left";
@@ -233,6 +234,7 @@ class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent {
     computedDisplayTimeLeftInputMinute = computed(() => this.computedDisplayTimeInput(SideEnum.left, 'minute'));
     computedDisplayTimeRightInputHour = computed(() => this.computedDisplayTimeInput(SideEnum.right, 'hour'));
     computedDisplayTimeRightInputMinute = computed(() => this.computedDisplayTimeInput(SideEnum.right, 'minute'));
+    timepickerValueItem = signal({ lefthour: signal(0), leftminute: signal(0), righthour: signal(0), rightminute: signal(0) });
     functionControls = new Map();
     pickingDate = signal(false);
     isShown = signal(false);
@@ -241,7 +243,6 @@ class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent {
     selectedLabel = signal(undefined);
     keyCodeBackspace = signal(false);
     checkBackspaceFocus = signal({ lefthour: signal(1), leftminute: signal(1), righthour: signal(1), rightminute: signal(1) });
-    timepickerValueItem = signal({ lefthour: signal(0), leftminute: signal(0), righthour: signal(0), rightminute: signal(0) });
     isZero = signal(undefined);
     oldDate = signal({ start: dayjs(0), end: dayjs(0) });
     isSelectedData = signal({ leftmonth: false, leftyear: false, rightmonth: false, rightyear: false });
@@ -287,6 +288,7 @@ class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent {
     ngOnInit() {
         const startDate = this.startDate()?.clone();
         const endDate = this.endDate()?.clone();
+        console.log(startDate, endDate);
         this.splitPickerDate.update(current => {
             current.start.update(sideCurrent => {
                 sideCurrent.day = (startDate ?? dayjs().startOf('day')).date();
@@ -429,6 +431,7 @@ class LibsUiComponentsDatetimePickerCustomRangesCalendarComponent {
         if (!this.hasTimePicker() || !this.timePickerIncrement()) {
             return;
         }
+        console.log('vao day');
         this.startDate.update((current) => {
             if (!current) {
                 return;
@@ -1474,7 +1477,21 @@ class LibsUiComponentsDatetimePickerCustomRangesComponent {
     endDate = model(dayjs().endOf('day'));
     showCustomRangeLabel = input(undefined);
     keepCalendarOpeningWithRange = input(undefined);
-    singleDateSelected = input();
+    singleDateSelected = input(undefined, {
+        transform: (value) => {
+            if (!value) {
+                return;
+            }
+            let date = value.date;
+            if (typeof date === 'string') {
+                date = dayjs(date);
+            }
+            return {
+                ...value,
+                date
+            };
+        }
+    });
     dateRangeSelected = input(undefined, {
         transform: (value) => {
             if (!value) {
@@ -1516,10 +1533,37 @@ class LibsUiComponentsDatetimePickerCustomRangesComponent {
             this.endDate.set(dayjs().endOf('day'));
         }
         const dateRangeSelected = this.dateRangeSelected();
+        const singleDateSelected = this.singleDateSelected();
         const customRange = {
             id: this.dateOptions()?.customRangeLabel || '',
             label: this.dateOptions()?.customRangeLabel || ''
         };
+        if (this.isSingle()) {
+            if (this.hasTimePicker()) {
+                const now = dayjs();
+                this.startDate.update(current => {
+                    if (current) {
+                        current.set('hour', 10).set('minute', 30);
+                        // current.hour(now.hour()).minute(now.minute());
+                    }
+                    console.log('current', current, now, now.hour(), now.minute());
+                    return current;
+                });
+                this.endDate.update(current => {
+                    if (current) {
+                        current.hour(now.hour()).minute(now.minute());
+                    }
+                    return current;
+                });
+                console.log(this.startDate(), this.endDate());
+            }
+            if (singleDateSelected) {
+                this.startDate.set(singleDateSelected.date);
+                this.endDate.set(singleDateSelected.date);
+            }
+            this.renderRanges();
+            return;
+        }
         if (dateRangeSelected) {
             this.selectedQuickRange.set(dateRangeSelected.quickRangeId ? dateRangeSelected.quickRangeId : customRange.id);
             this.chosenQuickRange.set(dateRangeSelected.quickRangeId ?? customRange.id);
@@ -1543,10 +1587,11 @@ class LibsUiComponentsDatetimePickerCustomRangesComponent {
     }
     renderRanges() {
         if (this.isSingle()) {
+            this.showCalTableInRanges.set(true);
             return;
         }
         const rangesDefault = getDateRangeDefault();
-        const ranges = this.isSingle() ? {} : this.dateOptions()?.ranges;
+        const ranges = this.dateOptions()?.ranges;
         this.quickRangesArray.set([]);
         for (const key in ranges) {
             const rangeValue = rangesDefault[key];
@@ -1783,6 +1828,16 @@ class LibsUiComponentsDatetimePickerComponent {
     }
     handlerPickerSingleDate(data) {
         this.outSelectSingleDate.emit(data);
+        this.chosenDateFromRanges.set({ selectedLabel: data.displayLabel });
+        if (this.hasTimePicker()) {
+            const startTime = dayjs(data.date).format('DD/MM/YYYY HH:mm');
+            this.chosenDateFromRanges.update(current => {
+                current.selectedLabel = `${startTime}`;
+                return current;
+            });
+        }
+        this.singleDateSelected.set(data);
+        this.popoverFunctionControlEvent()?.removePopoverOverlay();
     }
     handlerPickerDateRange(data) {
         console.log(data);
@@ -1797,7 +1852,7 @@ class LibsUiComponentsDatetimePickerComponent {
             const startTime = dayjs(data.startDate).format('DD/MM/YYYY HH:mm');
             const endTime = dayjs(data.endDate).format('DD/MM/YYYY HH:mm');
             this.chosenDateFromRanges.update(current => {
-                current.selectedLabel = `${!this.isSingle() ? `${startTime} - ${endTime}` : startTime}`;
+                current.selectedLabel = `${startTime} - ${endTime}`;
                 return current;
             });
         }
@@ -1878,5 +1933,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { LibsUiComponentsDatetimePickerComponent };
+export { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, LibsUiComponentsDatetimePickerComponent };
 //# sourceMappingURL=libs-ui-components-datetime-picker.mjs.map