fix(date-input): overflow input flags (#3163)

* fix(date-input): overflow input flags * fix(date-input): better overflow parameters naming
LuccaSA · Oct 25, 2024 · db79931 · db79931
1 parent 049bea7
commit db79931
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 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
@@ -58,8 +58,8 @@ export class DateInputComponent implements ControlValueAccessor, Validator {
 
 	ranges = input<DateRange[]>([]);
 
-	enableOverflow = input<boolean>(true);
-	showOverflow = input<boolean>(true);
+	disableOverflow = input<boolean, boolean>(false, { transform: booleanAttribute });
+	hideOverflow = input<boolean, boolean>(false, { transform: booleanAttribute });
 	hideToday = input<boolean, boolean>(false, { transform: booleanAttribute });
 	hasTodayButton = input<boolean, boolean>(false, { transform: booleanAttribute });
 	clearable = input<boolean, boolean>(false, { transform: booleanAttribute });

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

diff --git a/stories/documentation/listings/table/table-empty.stories.ts b/stories/documentation/listings/table/table-empty.stories.ts
@@ -1,6 +1,6 @@
 import { EmptyStateSectionComponent } from '@lucca-front/ng/empty-state';
 import { Meta, moduleMetadata, StoryFn } from '@storybook/angular';
-import { ButtonComponent } from 'dist/ng/button';
+import { ButtonComponent } from '@lucca-front/ng/button';
 
 interface TableBasicStory {
 	withOverflow: boolean;