inviton-powerduck 0.0.181 → 0.0.183

package/components/input/daterange-picker.tsx

@@ -1,3 +1,5 @@
+/* eslint-disable no-useless-call */
+/* eslint-disable ts/no-this-alias */
 import type { DropdownButtonItemArgs } from '../dropdown-button/dropdown-button-item';
 import type { FormItemWrapperArgs, MarginType } from '../form/form-item-wrapper';
 import { Temporal } from '@js-temporal/polyfill';
@@ -47,6 +49,7 @@ interface DaterangePickerArgs extends FormItemWrapperArgs {
 	minDate?: Temporal.PlainDateTime;
 	alwaysOpen?: boolean;
 	singleDate?: boolean;
+	pickerRootCssClass?: string
 	maxDate?: Temporal.PlainDateTime;
 	prevIcon?: string;
 	nextIcon?: string;
@@ -71,6 +74,7 @@ export interface DaterangeChangedArgs {
 }
 
 const DATE_FORMAT_FOR_RANGE_PICKER = (() => {
+	// eslint-disable-next-line no-restricted-syntax
 	const dummyDate = new Date(Date.UTC(
 		2022,
 		11,
@@ -101,6 +105,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 	@Prop() inputReadOnly?: boolean;
 	@Prop() alwaysOpen!: boolean;
 	@Prop() singleDate!: boolean;
+	@Prop() pickerRootCssClass!: string
 	@Prop() wrap!: boolean;
 	@Prop() hint: string;
 	@Prop() appendIcon: string;
@@ -239,6 +244,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 			singleMonth: singleMonth == true,
 			alwaysOpen: alwaysOpen == true,
 			singleDate: this.singleDate == true,
+			rootCssClass: this.pickerRootCssClass,
 			startOfWeek: DateInputHelper.getStartOfWeek() == 0 ? 'sunday' : 'monday',
 			separator: self.getSeparator(),
 			hideYearInMonthName: this.hideYearInMonthName == true,
@@ -253,9 +259,7 @@ class DaterangePickerComponent extends TsxComponent<DaterangePickerArgs> impleme
 			maxDaysTooltip: this.maxDaysTooltip,
 			calendarPlacement,
 			container,
-			displayMode: () => {
-				return 'below-input';
-			},
+			displayMode: () => 'below-input',
 			leftOffset: () => {
 				if (this.prependIcon == null) {
 					return 0;

package/components/input/plugins/daterangepicker/daterangepicker.css

@@ -625,7 +625,6 @@
 	-moz-appearance: none;
 }
 
-
 .date-range-picker-wrapper table .caption,
 .daterangepicker-modal .date-range-picker-root.inline-wrapper.drpc-inline .month-wrapper .month-wrapper-inner-common table th>span.select-wrapper,
 .daterangepicker-modal .date-range-picker-root.inline-wrapper.drpc-inline .month-wrapper .month-wrapper-inner-common table th>span.select-wrapper select {
@@ -653,6 +652,10 @@
 	vertical-align: top;
 }
 
+.daterangepicker-dummy-row-item {
+	visibility: hidden;
+}
+
 .daterangepicker-modal .date-range-picker-root.inline-wrapper.drpc-inline .month-wrapper .month-wrapper-inner-common {}
 
 .daterangepicker-modal .date-range-picker-root.inline-wrapper.drpc-inline .month-wrapper .month-wrapper-inner-common table {
@@ -680,7 +683,6 @@
 	position: relative;
 }
 
-
 .daterangepicker-modal .date-range-picker-root .select-wrapper-selected-month {
 	display: inline-block;
 }

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

@@ -386,6 +386,7 @@ import { globalState } from '../../../../app/global-state';
 		// attribute bags for day cells are unknown
 		dayDivAttrs: any[];
 		dayTdAttrs: any[];
+		rootCssClass: string
 
 		selectForward: boolean;
 		selectBackward: boolean;
@@ -2551,7 +2552,7 @@ import { globalState } from '../../../../app/global-state';
 		}
 
 		function createDom() {
-			let html = '<div class="date-range-picker-root"><div class="drpc-modal-close-button">x</div><div class="date-range-picker-wrapper';
+			let html = '<div class="date-range-picker-root ' + (opt.rootCssClass || '') + '"><div class="drpc-modal-close-button">x</div><div class="date-range-picker-wrapper';
 			if (opt.extraClass) { html += ` ${opt.extraClass} `; }
 
 			if (opt.singleDate) { html += ' single-date '; }
@@ -2960,7 +2961,12 @@ import { globalState } from '../../../../app/global-state';
 			}
 
 			while (weekCount < 6) {
-				html.push('<tr><td colspan="7"><div color="transparent" class="day daterangepicker-dummy-row-item" time="-1" style="visibility:hidden;">42</div></td></tr>');
+				const inner = getInnerDayHtml(
+					{ 'time': String(-1), 'data-tooltip': '', 'class': 'day daterangepicker-dummy-row-item' },
+					{ day: 42, type: 'toMonth', time: -1, valid: false } as any
+				);
+
+				html.push('<tr><td colspan="7">' + inner + '</td></tr>');
 				weekCount += 1;
 			}
 

package/package.json

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