inviton-powerduck 0.0.196 → 0.0.199

package/components/input/daterange-picker.tsx

@@ -178,8 +178,8 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 			return;
 		}
 
-		const $elem = this.getInputElement();
 		if (!this.useModalMode()) {
+			const $elem = this.getInputElement();
 			this.bindDateRangePicker(
 				$elem,
 				this.calendarPlacement,
@@ -190,29 +190,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 			);
 		} else {
 			this.getInputElement().parent().on('click', async () => {
-				const uuid = `drp-modal-${PortalUtils.randomString(6)}`;
-				const handle = await DialogUtils.showDialogEx({
-					title: this.label || '',
-					cssClass: 'daterangepicker-modal pd-modal-mobile-input',
-					message: `<div><div id="${uuid}"></div></div>`,
-					buttons: [],
-					onHidden: () => {
-						this.tryDestroyPickerInstance();
-					},
-				});
-
-				const $modalRoot = $(document.getElementById(uuid));
-				this.bindDateRangePicker(
-					$elem,
-					'inline',
-					true,
-					true,
-					() => {
-						this.raiseChangedEvent();
-						handle.hideModal();
-					},
-					$modalRoot,
-				);
+				this.openInModal();
 			});
 		}
 	}
@@ -375,6 +353,37 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 		}, 0);
 	}
 
+	async openInModal(args?: { title: string }) {
+		const uuid = `drp-modal-${PortalUtils.randomString(6)}`;
+		const handle = await DialogUtils.showDialogEx({
+			title: args?.title ?? this.label ?? '',
+			cssClass: 'daterangepicker-modal pd-modal-mobile-input',
+			message: `<div><div id="${uuid}"></div></div>`,
+			buttons: [],
+			onHidden: () => {
+				this.tryDestroyPickerInstance();
+			},
+		});
+
+		setTimeout(() => {
+			this.$nextTick(() => {
+				const $elem = this.getInputElement();
+				const $modalRoot = $(document.getElementById(uuid));
+				this.bindDateRangePicker(
+					$elem,
+					'inline',
+					true,
+					true,
+					() => {
+						this.raiseChangedEvent();
+						handle.hideModal();
+					},
+					$modalRoot,
+				);
+			});
+		}, 1);
+	}
+
 	close(ms?: number): void {
 		const $elem = this.getInputElement();
 

package/components/input/plugins/daterangepicker/jquery.daterangepicker.ts

@@ -600,9 +600,7 @@ import { globalState } from '../../../../app/global-state';
 
 		init_datepicker.call(this);
 
-		if (opt.alwaysOpen) {
-			open(0);
-		}
+
 
 		// expose some api
 		$(this).data('dateRangePicker', {
@@ -1272,6 +1270,10 @@ import { globalState } from '../../../../app/global-state';
 					min,
 				);
 			});
+
+			if (opt.alwaysOpen) {
+				open(0);
+			}
 		}
 
 		function calcPosition() {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.196",
+	"version": "0.0.199",
 	"files": [
 		"app/",
 		"common/",