Merge pull request #586 from buildo/579-datefield_allow_disable_dates

Author: gabro

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,

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,
+});