@lets-events/react 12.8.1 → 12.8.3

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.8.1 build
+> @lets-events/react@12.8.3 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 394.44 KB
-ESM ⚡️ Build success in 296ms
-CJS dist/index.js 409.79 KB
-CJS ⚡️ Build success in 296ms
+CJS dist/index.js 411.36 KB
+CJS ⚡️ Build success in 459ms
+ESM dist/index.mjs 395.98 KB
+ESM ⚡️ Build success in 460ms
 DTS Build start
-DTS ⚡️ Build success in 6147ms
-DTS dist/index.d.mts 403.74 KB
-DTS dist/index.d.ts  403.74 KB
+DTS ⚡️ Build success in 8332ms
+DTS dist/index.d.mts 404.05 KB
+DTS dist/index.d.ts  404.05 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.8.3
+
+### Patch Changes
+
+- Select Show More Button
+
+## 12.8.2
+
+### Patch Changes
+
+- Calendar maxDate propo
+
 ## 12.8.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -4725,9 +4725,10 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     hasError?: boolean;
     expand?: boolean;
     allowPastDates?: boolean;
+    maxDate?: Date;
     maxYearsFromNow?: number;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxDate, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 type DateRange = {
     from?: Date;
@@ -4744,9 +4745,10 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     expand?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
     disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;
@@ -15247,13 +15249,16 @@ type SelectFormFieldProps = {
     required?: boolean;
     placeholder?: string;
     options: Option[];
+    showMoreButton?: boolean;
+    showMoreButtonLabel?: string;
+    showMoreButtonOnClick?: () => void;
     validation?: {
         validate?: (value: string) => boolean | string;
     };
     validationErrorMessage?: string;
     defaultValue?: string;
 };
-declare const SelectFormField: ({ name, label, required, placeholder, options, validation, validationErrorMessage, defaultValue, }: SelectFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const SelectFormField: ({ name, label, required, placeholder, options, showMoreButton, showMoreButtonLabel, showMoreButtonOnClick, validation, validationErrorMessage, defaultValue, }: SelectFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type SwitchFormFieldProps = {
     name: string;
@@ -15325,8 +15330,9 @@ type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> &
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
-declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, maxYearsFromNow, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, maxYearsFromNow, maxDate, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type DoubleCalendarFormFieldProps = Omit<DoubleCalendarProps, "selected" | "setSelected"> & {
     name: string;
@@ -15338,8 +15344,9 @@ type DoubleCalendarFormFieldProps = Omit<DoubleCalendarProps, "selected" | "setS
     disabled?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
-declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, disabled, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, maxDate, disabled, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
     name: string;
@@ -15360,8 +15367,9 @@ type DateAndTimeFormFieldProps = Omit<CalendarProps, "selected" | "setSelected">
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
-declare const DateAndTimeFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, ...props }: DateAndTimeFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const DateAndTimeFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, maxDate, ...props }: DateAndTimeFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface UploadConfig {
     apiUrl: string;

package/dist/index.d.ts

@@ -4725,9 +4725,10 @@ type CalendarProps = ComponentProps<typeof CalendarStyled> & {
     hasError?: boolean;
     expand?: boolean;
     allowPastDates?: boolean;
+    maxDate?: Date;
     maxYearsFromNow?: number;
 };
-declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxDate, maxYearsFromNow, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
 
 type DateRange = {
     from?: Date;
@@ -4744,9 +4745,10 @@ type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     expand?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
     disabled?: boolean;
 };
-declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
+declare function DoubleCalendar({ action, actionText, calendarLayout, selected, setSelected, position, hasError, expand, allowPastDates, maxYearsFromNow, maxDate, disabled, ...props }: DoubleCalendarProps): react_jsx_runtime.JSX.Element;
 
 declare const DrawerOverlayStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     open?: boolean | "false" | "true" | undefined;
@@ -15247,13 +15249,16 @@ type SelectFormFieldProps = {
     required?: boolean;
     placeholder?: string;
     options: Option[];
+    showMoreButton?: boolean;
+    showMoreButtonLabel?: string;
+    showMoreButtonOnClick?: () => void;
     validation?: {
         validate?: (value: string) => boolean | string;
     };
     validationErrorMessage?: string;
     defaultValue?: string;
 };
-declare const SelectFormField: ({ name, label, required, placeholder, options, validation, validationErrorMessage, defaultValue, }: SelectFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const SelectFormField: ({ name, label, required, placeholder, options, showMoreButton, showMoreButtonLabel, showMoreButtonOnClick, validation, validationErrorMessage, defaultValue, }: SelectFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type SwitchFormFieldProps = {
     name: string;
@@ -15325,8 +15330,9 @@ type CalendarFormFieldProps = Omit<CalendarProps, "selected" | "setSelected"> &
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
-declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, maxYearsFromNow, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const CalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, onChange, allowPastDates, maxYearsFromNow, maxDate, ...calendarProps }: CalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type DoubleCalendarFormFieldProps = Omit<DoubleCalendarProps, "selected" | "setSelected"> & {
     name: string;
@@ -15338,8 +15344,9 @@ type DoubleCalendarFormFieldProps = Omit<DoubleCalendarProps, "selected" | "setS
     disabled?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
-declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, disabled, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const DoubleCalendarFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, maxDate, disabled, ...calendarProps }: DoubleCalendarFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type TimePickerFormFieldProps = Omit<TimePickerProps, "selected" | "setSelected"> & {
     name: string;
@@ -15360,8 +15367,9 @@ type DateAndTimeFormFieldProps = Omit<CalendarProps, "selected" | "setSelected">
     rules?: Omit<RegisterOptions<FieldValues, string>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
-declare const DateAndTimeFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, ...props }: DateAndTimeFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const DateAndTimeFormField: ({ name, label, required, validate, validationErrorMessage, rules, allowPastDates, maxYearsFromNow, maxDate, ...props }: DateAndTimeFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface UploadConfig {
     apiUrl: string;

package/dist/index.js

@@ -8101,7 +8101,8 @@ function Calendar(_a) {
     hasError,
     expand,
     allowPastDates = false,
-    maxYearsFromNow = 20
+    maxDate,
+    maxYearsFromNow
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -8112,6 +8113,7 @@ function Calendar(_a) {
     "hasError",
     "expand",
     "allowPastDates",
+    "maxDate",
     "maxYearsFromNow"
   ]);
   const [inputValue, setInputValue] = (0, import_react8.useState)("");
@@ -8121,7 +8123,14 @@ function Calendar(_a) {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
-  const maxDate = addYears(today, maxYearsFromNow);
+  const resolvedMaxDate = maxDate != null ? maxDate : typeof maxYearsFromNow === "number" ? addYears(today, maxYearsFromNow) : void 0;
+  const disabledDays = [];
+  if (!allowPastDates) {
+    disabledDays.push({ before: today });
+  }
+  if (resolvedMaxDate) {
+    disabledDays.push({ after: resolvedMaxDate });
+  }
   (0, import_react8.useEffect)(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
@@ -8138,6 +8147,10 @@ function Calendar(_a) {
         console.warn("Datas passadas n\xE3o s\xE3o permitidas:", masked);
         return;
       }
+      if (resolvedMaxDate && parsed > resolvedMaxDate) {
+        console.warn("Data maior que o limite m\xE1ximo permitido:", masked);
+        return;
+      }
       setSelected(parsed);
     } else {
       console.warn("Data inv\xE1lida inserida no input:", masked);
@@ -8175,9 +8188,9 @@ function Calendar(_a) {
           onSelect: setSelected,
           required: true,
           locale: ptBR,
-          disabled: allowPastDates ? void 0 : { before: today },
+          disabled: disabledDays.length > 0 ? disabledDays : void 0,
           startMonth: allowPastDates ? void 0 : today,
-          endMonth: maxDate
+          endMonth: resolvedMaxDate
         }
       ) }) }),
       action && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CalendarFooterStyled, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -8214,6 +8227,7 @@ function DoubleCalendar(_a) {
     expand,
     allowPastDates = false,
     maxYearsFromNow = 20,
+    maxDate,
     disabled = false
   } = _b, props = __objRest(_b, [
     "action",
@@ -8226,6 +8240,7 @@ function DoubleCalendar(_a) {
     "expand",
     "allowPastDates",
     "maxYearsFromNow",
+    "maxDate",
     "disabled"
   ]);
   const [startValue, setStartValue] = (0, import_react9.useState)("");
@@ -8237,7 +8252,14 @@ function DoubleCalendar(_a) {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
-  const maxDate = addYears(today, maxYearsFromNow);
+  const resolvedMaxDate = maxDate != null ? maxDate : typeof maxYearsFromNow === "number" ? addYears(today, maxYearsFromNow) : void 0;
+  const disabledDays = [];
+  if (!allowPastDates) {
+    disabledDays.push({ before: today });
+  }
+  if (resolvedMaxDate) {
+    disabledDays.push({ after: resolvedMaxDate });
+  }
   (0, import_react9.useEffect)(() => {
     if (selected && selected.from) {
       setStartValue(format2(selected.from, "dd/MM/yyyy"));
@@ -8289,9 +8311,9 @@ function DoubleCalendar(_a) {
           onSelect: setSelected,
           required: true,
           locale: ptBR,
-          disabled: allowPastDates ? void 0 : { before: today },
+          disabled: disabledDays.length > 0 ? disabledDays : void 0,
           fromMonth: allowPastDates ? void 0 : today,
-          toMonth: maxDate
+          toMonth: resolvedMaxDate
         }
       ) }) }),
       action && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CalendarFooterStyled, { children: [
@@ -10876,6 +10898,9 @@ var SelectFormField = ({
   required,
   placeholder = "Selecione",
   options,
+  showMoreButton = false,
+  showMoreButtonLabel = "Carregar mais",
+  showMoreButtonOnClick,
   validation,
   validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
   defaultValue
@@ -10909,24 +10934,38 @@ var SelectFormField = ({
         defaultValue: defaultValue || "",
         render: ({ field: { value, onChange } }) => {
           const selectedOption = options.find((opt) => opt.value === value);
-          return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
             DropdownMenu2,
             {
               placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
               fontWeight: "regular",
               typography: "labelLarge",
               color: haveError ? "error" : "default",
-              children: options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                DropdownMenuItem,
-                {
-                  value: option.value,
-                  onSelect: () => onChange(option.value),
-                  fontWeight: "regular",
-                  typography: "labelLarge",
-                  children: option.label
-                },
-                `${option.value}${index}`
-              ))
+              children: [
+                options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  DropdownMenuItem,
+                  {
+                    value: option.value,
+                    onSelect: () => onChange(option.value),
+                    fontWeight: "regular",
+                    typography: "labelLarge",
+                    children: option.label
+                  },
+                  `${option.value}${index}`
+                )),
+                showMoreButton && showMoreButtonOnClick && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                  Button,
+                  {
+                    variant: "menuDropdownItem",
+                    color: "brand",
+                    onClick: showMoreButtonOnClick,
+                    fontWeight: "semibold",
+                    type: "button",
+                    css: { justifyContent: "flex-start", color: "var(--colors-brand500)!important" },
+                    children: showMoreButtonLabel
+                  }
+                )
+              ]
             }
           );
         }
@@ -13066,7 +13105,8 @@ var CalendarFormField = (_a) => {
     rules,
     onChange,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -13076,7 +13116,8 @@ var CalendarFormField = (_a) => {
     "rules",
     "onChange",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = (0, import_react25.useCallback)(
     (value) => {
@@ -13124,6 +13165,7 @@ var CalendarFormField = (_a) => {
         },
         hasError: haveError,
         allowPastDates,
+        maxDate,
         maxYearsFromNow
       }, calendarProps)
     ),
@@ -13145,6 +13187,7 @@ var DoubleCalendarFormField = (_a) => {
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    maxDate,
     disabled
   } = _b, calendarProps = __objRest(_b, [
     "name",
@@ -13155,6 +13198,7 @@ var DoubleCalendarFormField = (_a) => {
     "rules",
     "allowPastDates",
     "maxYearsFromNow",
+    "maxDate",
     "disabled"
   ]);
   const handleValidate = (0, import_react26.useCallback)(
@@ -13196,7 +13240,8 @@ var DoubleCalendarFormField = (_a) => {
         disabled,
         hasError: haveError,
         allowPastDates,
-        maxYearsFromNow
+        maxYearsFromNow,
+        maxDate
       }, calendarProps)
     ),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ErrorFormMessage, { message: errorMsg })
@@ -13287,7 +13332,8 @@ var DateAndTimeFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -13296,7 +13342,8 @@ var DateAndTimeFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = (0, import_react28.useCallback)(
     (value) => {
@@ -13376,7 +13423,8 @@ var DateAndTimeFormField = (_a) => {
           },
           hasError: haveError,
           allowPastDates,
-          maxYearsFromNow
+          maxYearsFromNow,
+          maxDate
         }, props)
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Flex, { direction: "column", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(

package/dist/index.mjs

@@ -7985,7 +7985,8 @@ function Calendar(_a) {
     hasError,
     expand,
     allowPastDates = false,
-    maxYearsFromNow = 20
+    maxDate,
+    maxYearsFromNow
   } = _b, props = __objRest(_b, [
     "action",
     "actionText",
@@ -7996,6 +7997,7 @@ function Calendar(_a) {
     "hasError",
     "expand",
     "allowPastDates",
+    "maxDate",
     "maxYearsFromNow"
   ]);
   const [inputValue, setInputValue] = useState2("");
@@ -8005,7 +8007,14 @@ function Calendar(_a) {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
-  const maxDate = addYears(today, maxYearsFromNow);
+  const resolvedMaxDate = maxDate != null ? maxDate : typeof maxYearsFromNow === "number" ? addYears(today, maxYearsFromNow) : void 0;
+  const disabledDays = [];
+  if (!allowPastDates) {
+    disabledDays.push({ before: today });
+  }
+  if (resolvedMaxDate) {
+    disabledDays.push({ after: resolvedMaxDate });
+  }
   useEffect3(() => {
     if (selected) {
       setInputValue(format2(selected, "dd/MM/yyyy"));
@@ -8022,6 +8031,10 @@ function Calendar(_a) {
         console.warn("Datas passadas n\xE3o s\xE3o permitidas:", masked);
         return;
       }
+      if (resolvedMaxDate && parsed > resolvedMaxDate) {
+        console.warn("Data maior que o limite m\xE1ximo permitido:", masked);
+        return;
+      }
       setSelected(parsed);
     } else {
       console.warn("Data inv\xE1lida inserida no input:", masked);
@@ -8059,9 +8072,9 @@ function Calendar(_a) {
           onSelect: setSelected,
           required: true,
           locale: ptBR,
-          disabled: allowPastDates ? void 0 : { before: today },
+          disabled: disabledDays.length > 0 ? disabledDays : void 0,
           startMonth: allowPastDates ? void 0 : today,
-          endMonth: maxDate
+          endMonth: resolvedMaxDate
         }
       ) }) }),
       action && /* @__PURE__ */ jsx15(CalendarFooterStyled, { children: /* @__PURE__ */ jsx15(
@@ -8098,6 +8111,7 @@ function DoubleCalendar(_a) {
     expand,
     allowPastDates = false,
     maxYearsFromNow = 20,
+    maxDate,
     disabled = false
   } = _b, props = __objRest(_b, [
     "action",
@@ -8110,6 +8124,7 @@ function DoubleCalendar(_a) {
     "expand",
     "allowPastDates",
     "maxYearsFromNow",
+    "maxDate",
     "disabled"
   ]);
   const [startValue, setStartValue] = useState3("");
@@ -8121,7 +8136,14 @@ function DoubleCalendar(_a) {
     setShowCalendar(false);
   });
   const today = /* @__PURE__ */ new Date();
-  const maxDate = addYears(today, maxYearsFromNow);
+  const resolvedMaxDate = maxDate != null ? maxDate : typeof maxYearsFromNow === "number" ? addYears(today, maxYearsFromNow) : void 0;
+  const disabledDays = [];
+  if (!allowPastDates) {
+    disabledDays.push({ before: today });
+  }
+  if (resolvedMaxDate) {
+    disabledDays.push({ after: resolvedMaxDate });
+  }
   useEffect4(() => {
     if (selected && selected.from) {
       setStartValue(format2(selected.from, "dd/MM/yyyy"));
@@ -8173,9 +8195,9 @@ function DoubleCalendar(_a) {
           onSelect: setSelected,
           required: true,
           locale: ptBR,
-          disabled: allowPastDates ? void 0 : { before: today },
+          disabled: disabledDays.length > 0 ? disabledDays : void 0,
           fromMonth: allowPastDates ? void 0 : today,
-          toMonth: maxDate
+          toMonth: resolvedMaxDate
         }
       ) }) }),
       action && /* @__PURE__ */ jsxs8(CalendarFooterStyled, { children: [
@@ -10769,6 +10791,9 @@ var SelectFormField = ({
   required,
   placeholder = "Selecione",
   options,
+  showMoreButton = false,
+  showMoreButtonLabel = "Carregar mais",
+  showMoreButtonOnClick,
   validation,
   validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
   defaultValue
@@ -10802,24 +10827,38 @@ var SelectFormField = ({
         defaultValue: defaultValue || "",
         render: ({ field: { value, onChange } }) => {
           const selectedOption = options.find((opt) => opt.value === value);
-          return /* @__PURE__ */ jsx42(
+          return /* @__PURE__ */ jsxs23(
             DropdownMenu2,
             {
               placeholder: (selectedOption == null ? void 0 : selectedOption.label) || placeholder,
               fontWeight: "regular",
               typography: "labelLarge",
               color: haveError ? "error" : "default",
-              children: options.map((option, index) => /* @__PURE__ */ jsx42(
-                DropdownMenuItem,
-                {
-                  value: option.value,
-                  onSelect: () => onChange(option.value),
-                  fontWeight: "regular",
-                  typography: "labelLarge",
-                  children: option.label
-                },
-                `${option.value}${index}`
-              ))
+              children: [
+                options.map((option, index) => /* @__PURE__ */ jsx42(
+                  DropdownMenuItem,
+                  {
+                    value: option.value,
+                    onSelect: () => onChange(option.value),
+                    fontWeight: "regular",
+                    typography: "labelLarge",
+                    children: option.label
+                  },
+                  `${option.value}${index}`
+                )),
+                showMoreButton && showMoreButtonOnClick && /* @__PURE__ */ jsx42(
+                  Button,
+                  {
+                    variant: "menuDropdownItem",
+                    color: "brand",
+                    onClick: showMoreButtonOnClick,
+                    fontWeight: "semibold",
+                    type: "button",
+                    css: { justifyContent: "flex-start", color: "var(--colors-brand500)!important" },
+                    children: showMoreButtonLabel
+                  }
+                )
+              ]
             }
           );
         }
@@ -12959,7 +12998,8 @@ var CalendarFormField = (_a) => {
     rules,
     onChange,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12969,7 +13009,8 @@ var CalendarFormField = (_a) => {
     "rules",
     "onChange",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = useCallback5(
     (value) => {
@@ -13017,6 +13058,7 @@ var CalendarFormField = (_a) => {
         },
         hasError: haveError,
         allowPastDates,
+        maxDate,
         maxYearsFromNow
       }, calendarProps)
     ),
@@ -13038,6 +13080,7 @@ var DoubleCalendarFormField = (_a) => {
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    maxDate,
     disabled
   } = _b, calendarProps = __objRest(_b, [
     "name",
@@ -13048,6 +13091,7 @@ var DoubleCalendarFormField = (_a) => {
     "rules",
     "allowPastDates",
     "maxYearsFromNow",
+    "maxDate",
     "disabled"
   ]);
   const handleValidate = useCallback6(
@@ -13089,7 +13133,8 @@ var DoubleCalendarFormField = (_a) => {
         disabled,
         hasError: haveError,
         allowPastDates,
-        maxYearsFromNow
+        maxYearsFromNow,
+        maxDate
       }, calendarProps)
     ),
     /* @__PURE__ */ jsx57(ErrorFormMessage, { message: errorMsg })
@@ -13180,7 +13225,8 @@ var DateAndTimeFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -13189,7 +13235,8 @@ var DateAndTimeFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = useCallback8(
     (value) => {
@@ -13269,7 +13316,8 @@ var DateAndTimeFormField = (_a) => {
           },
           hasError: haveError,
           allowPastDates,
-          maxYearsFromNow
+          maxYearsFromNow,
+          maxDate
         }, props)
       ) }),
       /* @__PURE__ */ jsx59(Flex, { direction: "column", children: /* @__PURE__ */ jsx59(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.8.1",
+  "version": "12.8.3",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Calendar/index.tsx

@@ -1,6 +1,6 @@
 import React, { ComponentProps, useRef, useEffect, useState } from "react";
 import { useOnClickOutside } from "../../hooks/useOnClickOutside";
-import { DayPicker } from "react-day-picker";
+import { DayPicker, Matcher } from "react-day-picker";
 import { ptBR } from "date-fns/locale";
 import { parse, isValid, format, addYears } from "date-fns";
 import { Button } from "../Button";
@@ -25,6 +25,7 @@ export type CalendarProps = ComponentProps<typeof CalendarStyled> & {
   hasError?: boolean;
   expand?: boolean;
   allowPastDates?: boolean;
+  maxDate?: Date;
   maxYearsFromNow?: number;
 };
 
@@ -46,7 +47,8 @@ export function Calendar({
   hasError,
   expand,
   allowPastDates = false,
-  maxYearsFromNow = 20,
+  maxDate,
+  maxYearsFromNow,
   ...props
 }: CalendarProps) {
   const [inputValue, setInputValue] = useState("");
@@ -58,7 +60,16 @@ export function Calendar({
     setShowCalendar(false);
   });
   const today = new Date();
-  const maxDate = addYears(today, maxYearsFromNow);
+  const resolvedMaxDate =
+    maxDate ?? (typeof maxYearsFromNow === "number" ? addYears(today, maxYearsFromNow) : undefined);
+  const disabledDays: Matcher[] = [];
+
+  if (!allowPastDates) {
+    disabledDays.push({ before: today });
+  }
+  if (resolvedMaxDate) {
+    disabledDays.push({ after: resolvedMaxDate });
+  }
 
   useEffect(() => {
     if (selected) {
@@ -78,6 +89,10 @@ export function Calendar({
         console.warn("Datas passadas não são permitidas:", masked);
         return;
       }
+      if (resolvedMaxDate && parsed > resolvedMaxDate) {
+        console.warn("Data maior que o limite máximo permitido:", masked);
+        return;
+      }
       setSelected(parsed);
     } else {
       console.warn("Data inválida inserida no input:", masked);
@@ -117,9 +132,9 @@ export function Calendar({
                   onSelect={setSelected}
                   required
                   locale={ptBR}
-                  disabled={allowPastDates ? undefined : { before: today }}
+                  disabled={disabledDays.length > 0 ? disabledDays : undefined}
                   startMonth={allowPastDates ? undefined : today}
-                  endMonth={maxDate}
+                  endMonth={resolvedMaxDate}
                 />
               </DayPickerWrapperStyled>
             </Box>

package/src/components/DoubleCalendar/index.tsx

@@ -1,6 +1,6 @@
 import React, { ComponentProps, useRef, useEffect, useState } from "react";
 import { useOnClickOutside } from "../../hooks/useOnClickOutside";
-import { DayPicker } from "react-day-picker";
+import { DayPicker, Matcher } from "react-day-picker";
 import { ptBR } from "date-fns/locale";
 import { format, addYears } from "date-fns";
 import { Button } from "../Button";
@@ -28,6 +28,7 @@ export type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
     expand?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
     disabled?: boolean;
 };
 
@@ -42,6 +43,7 @@ export function DoubleCalendar({
     expand,
     allowPastDates = false,
     maxYearsFromNow = 20,
+    maxDate,
     disabled = false,
     ...props
 }: DoubleCalendarProps) {
@@ -56,7 +58,17 @@ export function DoubleCalendar({
         setShowCalendar(false);
     });
     const today = new Date();
-    const maxDate = addYears(today, maxYearsFromNow);
+    const resolvedMaxDate =
+        maxDate ??
+        (typeof maxYearsFromNow === "number" ? addYears(today, maxYearsFromNow) : undefined);
+    const disabledDays: Matcher[] = [];
+
+    if (!allowPastDates) {
+        disabledDays.push({ before: today });
+    }
+    if (resolvedMaxDate) {
+        disabledDays.push({ after: resolvedMaxDate });
+    }
 
     useEffect(() => {
         if (selected && selected.from) {
@@ -117,9 +129,9 @@ export function DoubleCalendar({
                                     onSelect={setSelected}
                                     required
                                     locale={ptBR}
-                                    disabled={allowPastDates ? undefined : { before: today }}
+                                    disabled={disabledDays.length > 0 ? disabledDays : undefined}
                                     fromMonth={allowPastDates ? undefined : today}
-                                    toMonth={maxDate}
+                                    toMonth={resolvedMaxDate}
                                 />
                             </DayPickerWrapperStyled>
                         </Box>

package/src/components/FormFields/CalendarFormField.tsx

@@ -21,6 +21,7 @@ export type CalendarFormFieldProps = Omit<
   >;
   allowPastDates?: boolean;
   maxYearsFromNow?: number;
+  maxDate?: Date;
 };
 
 export const CalendarFormField = ({
@@ -33,6 +34,7 @@ export const CalendarFormField = ({
   onChange,
   allowPastDates,
   maxYearsFromNow = 20,
+  maxDate,
   ...calendarProps
 }: CalendarFormFieldProps) => {
   const handleValidate = useCallback(
@@ -85,6 +87,7 @@ export const CalendarFormField = ({
         }}
         hasError={haveError}
         allowPastDates={allowPastDates}
+        maxDate={maxDate}
         maxYearsFromNow={maxYearsFromNow}
         {...calendarProps}
       />

package/src/components/FormFields/DateAndTimeFormField.tsx

@@ -24,6 +24,7 @@ export type DateAndTimeFormFieldProps = Omit<
     >;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
 
 export const DateAndTimeFormField = ({
@@ -35,6 +36,7 @@ export const DateAndTimeFormField = ({
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    maxDate,
     ...props
 }: DateAndTimeFormFieldProps) => {
     const handleValidate = useCallback(
@@ -129,6 +131,7 @@ export const DateAndTimeFormField = ({
                         hasError={haveError}
                         allowPastDates={allowPastDates}
                         maxYearsFromNow={maxYearsFromNow}
+                        maxDate={maxDate}
                         {...(props as Omit<CalendarProps, "selected" | "setSelected">)}
                     />
                 </Flex>

package/src/components/FormFields/DoubleCalendarFormField.tsx

@@ -21,6 +21,7 @@ export type DoubleCalendarFormFieldProps = Omit<
     disabled?: boolean;
     allowPastDates?: boolean;
     maxYearsFromNow?: number;
+    maxDate?: Date;
 };
 
 export const DoubleCalendarFormField = ({
@@ -32,6 +33,7 @@ export const DoubleCalendarFormField = ({
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    maxDate,
     disabled,
     ...calendarProps
 }: DoubleCalendarFormFieldProps) => {
@@ -82,6 +84,7 @@ export const DoubleCalendarFormField = ({
                 hasError={haveError}
                 allowPastDates={allowPastDates}
                 maxYearsFromNow={maxYearsFromNow}
+                maxDate={maxDate}
                 {...calendarProps}
             />
 

package/src/components/FormFields/SelectFormField.tsx

@@ -4,6 +4,7 @@ import { Flex } from "../Flex";
 import { FormLabel } from "./subComponents/FormLabel";
 import { ErrorFormMessage } from "./subComponents/ErrorFormMessage";
 import { getNestedValue } from "../../utils/getNestedValue";
+import { Button } from "../Button";
 
 type Option = {
   label: string;
@@ -16,6 +17,9 @@ export type SelectFormFieldProps = {
   required?: boolean;
   placeholder?: string;
   options: Option[];
+  showMoreButton?: boolean;
+  showMoreButtonLabel?: string;
+  showMoreButtonOnClick?: () => void;
   validation?: {
     validate?: (value: string) => boolean | string;
   };
@@ -29,6 +33,9 @@ export const SelectFormField = ({
   required,
   placeholder = "Selecione",
   options,
+  showMoreButton = false,
+  showMoreButtonLabel = "Carregar mais",
+  showMoreButtonOnClick,
   validation,
   validationErrorMessage = "Este campo é obrigatório.",
   defaultValue,
@@ -82,6 +89,19 @@ export const SelectFormField = ({
                   {option.label}
                 </DropdownMenuItem>
               ))}
+
+              {showMoreButton && showMoreButtonOnClick && (
+                <Button
+                  variant="menuDropdownItem"
+                  color="brand"
+                  onClick={showMoreButtonOnClick}
+                  fontWeight="semibold"
+                  type="button"
+                  css={{ justifyContent: "flex-start", color: "var(--colors-brand500)!important" }}
+                >
+                  {showMoreButtonLabel}
+                </Button>
+              )}
             </DropdownMenu>
           );
         }}