Merge pull request #586 from buildo/579-datefield_allow_disable_dates

buildo · May 3, 2023 · 866949a · 866949a · vercel · May 3, 2023
2 parents c5d1941 + 061fdd8
commit 866949a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/bento-design-system/src/DateField/DateField.tsx b/packages/bento-design-system/src/DateField/DateField.tsx
@@ -28,6 +28,7 @@ type RangeDateFieldProps = {
 type Props = (SingleDateFieldProps | RangeDateFieldProps) & {
   minDate?: UseDatepickerProps["minBookingDate"];
   maxDate?: UseDatepickerProps["maxBookingDate"];
+  shouldDisableDate?: UseDatepickerProps["isDateBlocked"];
   readOnly?: boolean;
 };
 
@@ -77,6 +78,7 @@ export function DateField(props: Props) {
     },
     startDate: props.type === "range" ? props.value[0] : props.value,
     endDate: props.type === "range" ? props.value[1] : null,
+    isDateBlocked: props.shouldDisableDate,
     focusedInput,
     numberOfMonths: 1,
     minBookingDate: props.minDate,

diff --git a/packages/storybook/stories/Components/DateField.stories.tsx b/packages/storybook/stories/Components/DateField.stories.tsx
@@ -96,3 +96,7 @@ export const RangeWithShortcuts = createControlledStory([null, null], {
     },
   ],
 });
+
+export const DisabledDates = createControlledStory(null, {
+  shouldDisableDate: (date: Date) => date.getDay() === 0,
+});