fix(date-input): rename overflow inputs and set them to boolean attri…

…butes
LuccaSA · Dec 12, 2024 · 960617f · 960617f
1 parent ce39482
commit 960617f
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/packages/ng/date2/date-input/date-input.component.html b/packages/ng/date2/date-input/date-input.component.html
@@ -57,8 +57,8 @@
 		</div>
 		<div class="calendarWrapper-content" tabindex="-1">
 			<lu-calendar2
-				[enableOverflow]="enableOverflow()"
-				[showOverflow]="showOverflow()"
+				[enableOverflow]="!disableOverflow()"
+				[showOverflow]="!hideOverflow()"
 				[hideToday]="hideToday()"
 				[hasTodayButton]="hasTodayButton()"
 				[date]="currentDate()"

diff --git a/packages/ng/date2/date-input/date-input.component.ts b/packages/ng/date2/date-input/date-input.component.ts
@@ -1,5 +1,5 @@
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
-import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, forwardRef, inject, input, signal, untracked, viewChild, ViewEncapsulation } from '@angular/core';
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, effect, ElementRef, forwardRef, inject, input, signal, untracked, viewChild, ViewEncapsulation } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors, Validator } from '@angular/forms';
 import { LuClass, ɵeffectWithDeps } from '@lucca-front/ng/core';
 import { InputDirective } from '@lucca-front/ng/form-field';
@@ -45,8 +45,8 @@ export class DateInputComponent extends AbstractDateComponent implements Control
 
 	placeholder = input<string>();
 
-	enableOverflow = input<boolean>(true);
-	showOverflow = input<boolean>(true);
+	disableOverflow = input(false, { transform: booleanAttribute });
+	hideOverflow = input(false, { transform: booleanAttribute });
 
 	popoverPositions: ConnectionPositionPair[] = [
 		new ConnectionPositionPair({ originX: 'start', originY: 'bottom' }, { overlayX: 'start', overlayY: 'top' }, -8, 0),

diff --git a/stories/documentation/forms/date2/date-input.stories.ts b/stories/documentation/forms/date2/date-input.stories.ts
@@ -66,8 +66,8 @@ export default {
 
 export const Basic: StoryObj<DateInputComponent> = {
 	args: {
-		enableOverflow: false,
-		showOverflow: false,
+		disableOverflow: false,
+		hideOverflow: false,
 		hideToday: false,
 		hideWeekend: false,
 		clearable: false,

diff --git a/stories/documentation/forms/fields/date/date-input-field.stories.ts b/stories/documentation/forms/fields/date/date-input-field.stories.ts
@@ -33,11 +33,11 @@ export default {
 		hasTodayButton: {
 			control: 'boolean',
 		},
-		disableOverflow: {
+		enableOverflow: {
 			control: 'boolean',
 			description: 'Autorise la sélection des jours du mois précédent ou suivant sur la vue du mois en cours.',
 		},
-		hideOverflow: {
+		showOverflow: {
 			control: 'boolean',
 			description: 'Affiche la sélection des jours du mois précédent ou suivant sur la vue du mois en cours.',
 		},
@@ -84,8 +84,8 @@ export const Basic: StoryObj<DateInputComponent & FormFieldComponent> = {
 		inlineMessage: 'Helper Text',
 		inlineMessageState: 'default',
 		// DateInput
-		enableOverflow: false,
-		showOverflow: false,
+		disableOverflow: false,
+		hideOverflow: false,
 		hideToday: false,
 		hasTodayButton: false,
 		hideWeekend: false,