inviton-powerduck 0.0.122 → 0.0.124

package/components/input/daterange-picker.tsx

@@ -59,7 +59,7 @@ export interface DaterangeChangedArgs {
 	endTime: DateWrapper;
 }
 
-const DATE_FORMAT_FOR_RANGE_PICKER = (function () {
+const DATE_FORMAT_FOR_RANGE_PICKER = (() => {
 	const dummyDate = new Date(Date.UTC(
 		2022,
 		11,
@@ -488,6 +488,18 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 		});
 	}
 
+	shouldAddModalClick() {
+		if (!PortalUtils.treatAsMobileDevice()) {
+			return false;
+		}
+
+		if (this.calendarPlacement == 'input-container-leftalign' || this.calendarPlacement == 'input-container-rightalign') {
+			return false;
+		}
+
+		return true;
+	}
+
 	clearValue() {
 		this._startDate = null;
 		this._endDate = null;
@@ -500,8 +512,9 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 	render(h) {
 		return (
 			<FormItemWrapper label={this.label} cssClass={this.getCssClass()} mandatory={this.mandatory} wrap={this.wrap} appendIcon={this.appendIcon} prependIcon={this.prependIcon} hint={this.hint} marginType={this.marginType} appendClicked={this.appendClicked} prependClicked={this.prependClicked} prependIconClicked={this.prependIconClicked} appendIconClicked={this.appendIconClicked} validationState={this.validationState} labelButtons={this.labelButtons} subtitle={this.subtitle}>
-				{PortalUtils.treatAsMobileDevice()
-					&& <div class="pd-daterange-picker-modalclick" onClick={(e) => { this.handleModalOpenClick(e); }}></div>}
+				{this.shouldAddModalClick()
+				&& <div class="pd-daterange-picker-modalclick" onClick={(e) => { this.handleModalOpenClick(e); }}></div>}
+
 				<div style="position: relative; display: flex; align-items: center;">
 					{' '}
 					{/* Added a wrapper for input and clear button */}

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

@@ -317,10 +317,10 @@ import './daterangepicker.css';
 				leftOffset: null,
 				showShortcuts: false,
 				shortcuts: {
-				// 'prev-days': [1,3,5,7],
-				// 'next-days': [3,5,7],
-				// 'prev' : ['week','month','year'],
-				// 'next' : ['week','month','year']
+					// 'prev-days': [1,3,5,7],
+					// 'next-days': [3,5,7],
+					// 'prev' : ['week','month','year'],
+					// 'next' : ['week','month','year']
 				},
 				customShortcuts: [],
 				calendarPlacement: 'body',
@@ -954,6 +954,10 @@ import './daterangepicker.css';
 		}
 
 		function changeTime(name: 'start' | 'end', date: DateWrapper) {
+			if ((date as any)?._dte == null) {
+				date = new DateWrapper(date);
+			}
+
 			opt[name] = new DateWrapper(
 				date.getFullYear(),
 				date.getMonth(),
@@ -1866,14 +1870,12 @@ import './daterangepicker.css';
 				+ `       <thead>`
 				+ `           <tr class="caption">`
 				+ `               <th style="width:27px;">`
-				+ `                   <span class="prev">${
-					arrowPrev
+				+ `                   <span class="prev">${arrowPrev
 				}                   </span>`
 				+ `               </th>`
 				+ `               <th colspan="${_colspan}" class="month-name">`
 				+ `               </th>`
-				+ `               <th style="width:27px;">${
-					opt.singleDate || !opt.stickyMonths ? `<span class="next">${arrowNext}</span>` : ''
+				+ `               <th style="width:27px;">${opt.singleDate || !opt.stickyMonths ? `<span class="next">${arrowNext}</span>` : ''
 				}               </th>`
 				+ `           </tr>`
 				+ `           <tr class="week-name">${getWeekHead()
@@ -1885,8 +1887,7 @@ import './daterangepicker.css';
 				+ `<table class="month2" cellspacing="0" border="0" cellpadding="0">`
 				+ `   <thead>`
 				+ `   <tr class="caption">`
-				+ `       <th style="width:27px;">${
-					!opt.stickyMonths ? `<span class="prev">${arrowPrev}</span>` : ''
+				+ `       <th style="width:27px;">${!opt.stickyMonths ? `<span class="prev">${arrowPrev}</span>` : ''
 				}       </th>`
 				+ `       <th colspan="${_colspan}" class="month-name">`
 				+ `       </th>`
@@ -2288,4 +2289,4 @@ import './daterangepicker.css';
 			showGap();
 		}
 	};
-})($);
+})($);

package/package.json

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