inviton-powerduck 0.0.199 → 0.0.200

package/components/input/daterange-picker.tsx

@@ -51,6 +51,7 @@ interface DaterangePickerArgs extends FormItemWrapperArgs {
 	singleDate?: boolean;
 	pickerRootCssClass?: string;
 	maxDate?: Temporal.PlainDateTime;
+	forceModalMode?: boolean;
 	prevIcon?: string;
 	nextIcon?: string;
 	hideYearInMonthName?: boolean;
@@ -106,6 +107,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 	@Prop() alwaysOpen!: boolean;
 	@Prop() singleDate!: boolean;
 	@Prop() pickerRootCssClass!: string;
+	@Prop() forceModalMode?: boolean;
 	@Prop() wrap!: boolean;
 	@Prop() hint: string;
 	@Prop() appendIcon: string;
@@ -204,6 +206,10 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 	}
 
 	useModalMode(): boolean {
+		if (this.forceModalMode) {
+			return true;
+		}
+
 		if (this.alwaysOpen && (this.calendarPlacement != null && this.calendarPlacement != 'body')) {
 			return false;
 		}
@@ -367,19 +373,27 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 
 		setTimeout(() => {
 			this.$nextTick(() => {
-				const $elem = this.getInputElement();
-				const $modalRoot = $(document.getElementById(uuid));
-				this.bindDateRangePicker(
-					$elem,
-					'inline',
-					true,
-					true,
-					() => {
-						this.raiseChangedEvent();
-						handle.hideModal();
-					},
-					$modalRoot,
-				);
+				setTimeout(() => {
+					this.$nextTick(() => {
+						const $elem = this.getInputElement();
+						const $modalRoot = $(document.getElementById(uuid));
+
+						(window as any)._elem = $elem;
+						(window as any)._modalRoot = $modalRoot;
+
+						this.bindDateRangePicker(
+							$elem,
+							'inline',
+							true,
+							true,
+							() => {
+								this.raiseChangedEvent();
+								handle.hideModal();
+							},
+							$modalRoot,
+						);
+					});
+				}, 1);
 			});
 		}, 1);
 	}

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

@@ -600,7 +600,9 @@ import { globalState } from '../../../../app/global-state';
 
 		init_datepicker.call(this);
 
-
+		if (opt.alwaysOpen) {
+			open(0);
+		}
 
 		// expose some api
 		$(this).data('dateRangePicker', {
@@ -1270,10 +1272,6 @@ 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.199",
+	"version": "0.0.200",
 	"files": [
 		"app/",
 		"common/",