@lets-events/react 12.8.0 → 12.8.2

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.8.0 build
+> @lets-events/react@12.8.2 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
-CJS dist/index.js 409.09 KB
-CJS ⚡️ Build success in 613ms
-ESM dist/index.mjs 393.73 KB
-ESM ⚡️ Build success in 616ms
+CJS dist/index.js 410.67 KB
+CJS ⚡️ Build success in 289ms
+ESM dist/index.mjs 395.31 KB
+ESM ⚡️ Build success in 291ms
 DTS Build start
-DTS ⚡️ Build success in 11472ms
-DTS dist/index.d.mts 403.74 KB
-DTS dist/index.d.ts  403.74 KB
+DTS ⚡️ Build success in 6018ms
+DTS dist/index.d.mts 403.89 KB
+DTS dist/index.d.ts  403.89 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.8.2
+
+### Patch Changes
+
+- Calendar maxDate propo
+
+## 12.8.1
+
+### Patch Changes
+
+- TimePicker Initial Value
+
 ## 12.8.0
 
 ### Minor 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;
@@ -15325,8 +15327,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 +15341,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 +15364,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;
@@ -15325,8 +15327,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 +15341,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 +15364,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: [
@@ -8616,6 +8638,21 @@ var TimePickerIconButton = styled(Button, {
   padding: "0 !important"
 });
 var pad = (num) => String(num).padStart(2, "0");
+var parseTime = (value) => {
+  if (!value) {
+    return {
+      parsedHours: "00",
+      parsedMinutes: "00"
+    };
+  }
+  const [hours, minutes] = value.split(":");
+  const nextHours = Math.min(Math.max(parseInt(hours || "0", 10), 0), 23);
+  const nextMinutes = Math.min(Math.max(parseInt(minutes || "0", 10), 0), 59);
+  return {
+    parsedHours: Number.isNaN(nextHours) ? "00" : pad(nextHours),
+    parsedMinutes: Number.isNaN(nextMinutes) ? "00" : pad(nextMinutes)
+  };
+};
 function TimePicker({
   selected,
   setSelected,
@@ -8630,6 +8667,13 @@ function TimePicker({
   const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
   const dropdownRef = (0, import_react11.useRef)(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
+  (0, import_react11.useEffect)(() => {
+    const { parsedHours, parsedMinutes } = parseTime(selected);
+    setHours(parsedHours);
+    setMinutes(parsedMinutes);
+    setRawHours(parsedHours);
+    setRawMinutes(parsedMinutes);
+  }, [selected]);
   const handleIncrement = (0, import_react11.useCallback)(
     (type) => {
       if (type === "hours") {
@@ -13044,7 +13088,8 @@ var CalendarFormField = (_a) => {
     rules,
     onChange,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -13054,7 +13099,8 @@ var CalendarFormField = (_a) => {
     "rules",
     "onChange",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = (0, import_react25.useCallback)(
     (value) => {
@@ -13102,6 +13148,7 @@ var CalendarFormField = (_a) => {
         },
         hasError: haveError,
         allowPastDates,
+        maxDate,
         maxYearsFromNow
       }, calendarProps)
     ),
@@ -13123,6 +13170,7 @@ var DoubleCalendarFormField = (_a) => {
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    maxDate,
     disabled
   } = _b, calendarProps = __objRest(_b, [
     "name",
@@ -13133,6 +13181,7 @@ var DoubleCalendarFormField = (_a) => {
     "rules",
     "allowPastDates",
     "maxYearsFromNow",
+    "maxDate",
     "disabled"
   ]);
   const handleValidate = (0, import_react26.useCallback)(
@@ -13174,7 +13223,8 @@ var DoubleCalendarFormField = (_a) => {
         disabled,
         hasError: haveError,
         allowPastDates,
-        maxYearsFromNow
+        maxYearsFromNow,
+        maxDate
       }, calendarProps)
     ),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ErrorFormMessage, { message: errorMsg })
@@ -13265,7 +13315,8 @@ var DateAndTimeFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -13274,7 +13325,8 @@ var DateAndTimeFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = (0, import_react28.useCallback)(
     (value) => {
@@ -13354,7 +13406,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: [
@@ -8384,7 +8406,7 @@ function Drawer({
 }
 
 // src/components/TimePicker.tsx
-import { useCallback, useRef as useRef6, useState as useState4 } from "react";
+import { useCallback, useEffect as useEffect6, useRef as useRef6, useState as useState4 } from "react";
 import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var TimePickerStyled = styled("div", {
   position: "relative",
@@ -8500,6 +8522,21 @@ var TimePickerIconButton = styled(Button, {
   padding: "0 !important"
 });
 var pad = (num) => String(num).padStart(2, "0");
+var parseTime = (value) => {
+  if (!value) {
+    return {
+      parsedHours: "00",
+      parsedMinutes: "00"
+    };
+  }
+  const [hours, minutes] = value.split(":");
+  const nextHours = Math.min(Math.max(parseInt(hours || "0", 10), 0), 23);
+  const nextMinutes = Math.min(Math.max(parseInt(minutes || "0", 10), 0), 59);
+  return {
+    parsedHours: Number.isNaN(nextHours) ? "00" : pad(nextHours),
+    parsedMinutes: Number.isNaN(nextMinutes) ? "00" : pad(nextMinutes)
+  };
+};
 function TimePicker({
   selected,
   setSelected,
@@ -8514,6 +8551,13 @@ function TimePicker({
   const [isOpen, setIsOpen] = useState4(false);
   const dropdownRef = useRef6(null);
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
+  useEffect6(() => {
+    const { parsedHours, parsedMinutes } = parseTime(selected);
+    setHours(parsedHours);
+    setMinutes(parsedMinutes);
+    setRawHours(parsedHours);
+    setRawMinutes(parsedMinutes);
+  }, [selected]);
   const handleIncrement = useCallback(
     (type) => {
       if (type === "hours") {
@@ -9247,7 +9291,7 @@ function Card(_a) {
 
 // src/components/TextareaField.tsx
 import { TextArea as TextAreaRadix } from "@radix-ui/themes";
-import React9, { useRef as useRef7, useState as useState5, useEffect as useEffect6 } from "react";
+import React9, { useRef as useRef7, useState as useState5, useEffect as useEffect7 } from "react";
 import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var TextareaFieldStyle = styled(TextAreaRadix, {
   display: "flex",
@@ -9302,7 +9346,7 @@ var TextareaField = React9.forwardRef((_a, forwardedRef) => {
   var _b = _a, { maxLength, color, top = "-1.75rem" } = _b, props = __objRest(_b, ["maxLength", "color", "top"]);
   const inputRef = useRef7(null);
   const [remaining, setRemaining] = useState5(maxLength);
-  useEffect6(() => {
+  useEffect7(() => {
     var _a2;
     if (maxLength && inputRef.current) {
       setRemaining(maxLength - ((_a2 = inputRef.current.value.length) != null ? _a2 : 0));
@@ -10938,7 +10982,7 @@ function StateFormField({
 }
 
 // src/components/FormFields/AddressFormFields/CityFormField.tsx
-import { useEffect as useEffect7, useState as useState9 } from "react";
+import { useEffect as useEffect8, useState as useState9 } from "react";
 import { useFormContext as useFormContext5, Controller as Controller2 } from "react-hook-form";
 import { Fragment as Fragment4, jsx as jsx46 } from "react/jsx-runtime";
 function CityFormField({
@@ -10953,7 +10997,7 @@ function CityFormField({
   const selectedState = watch(stateName);
   const [cities, setCities] = useState9([]);
   const [loading, setLoading] = useState9(false);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!isBrazil) {
       setCities([]);
       return;
@@ -11338,10 +11382,10 @@ var EmailFormField = ({
 import { useController as useController3 } from "react-hook-form";
 
 // src/components/RichEditor/RichEditor.tsx
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState11 } from "react";
 
 // src/components/RichEditor/QuillComponent.tsx
-import { useState as useState10, useRef as useRef9, useEffect as useEffect8, useCallback as useCallback4 } from "react";
+import { useState as useState10, useRef as useRef9, useEffect as useEffect9, useCallback as useCallback4 } from "react";
 import { useQuill } from "react-quilljs";
 
 // src/utils/uploadService.ts
@@ -12521,7 +12565,7 @@ var QuillComponent = ({
     }),
     [disabled, quill, addToast, removeToast, uploadConfig, onChange]
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (quill && value) {
       const currentContent = quill.root.innerHTML;
       if (currentContent !== value) {
@@ -12535,7 +12579,7 @@ var QuillComponent = ({
       }
     }
   }, [quill, value]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (quill) {
       quill.on("text-change", (delta, oldDelta, source) => {
         if (source === "user") {
@@ -12590,7 +12634,7 @@ var QuillComponent = ({
       }, 2e3);
     }
   }, [quill, onChange, handleImageUpload, onCharacterCountChange]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (quill) {
       quill.enable(!disabled);
       if (!disabled) {
@@ -12657,7 +12701,7 @@ var QuillComponent = ({
     setVideoUrl("");
     setShowVideoModal(false);
   }, [videoUrl, quill]);
-  useEffect8(() => {
+  useEffect9(() => {
     const handleClickOutside = (event) => {
       if (showVideoModal && videoModalRef.current && !videoModalRef.current.contains(event.target)) {
         handleVideoCancel();
@@ -12820,7 +12864,7 @@ var QuillComponent_default = QuillComponent;
 import { jsx as jsx53 } from "react/jsx-runtime";
 var RichEditor = (props) => {
   const [isClient, setIsClient] = useState11(false);
-  useEffect9(() => {
+  useEffect10(() => {
     setIsClient(typeof window !== "undefined");
   }, []);
   if (!isClient) return null;
@@ -12937,7 +12981,8 @@ var CalendarFormField = (_a) => {
     rules,
     onChange,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, calendarProps = __objRest(_b, [
     "name",
     "label",
@@ -12947,7 +12992,8 @@ var CalendarFormField = (_a) => {
     "rules",
     "onChange",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = useCallback5(
     (value) => {
@@ -12995,6 +13041,7 @@ var CalendarFormField = (_a) => {
         },
         hasError: haveError,
         allowPastDates,
+        maxDate,
         maxYearsFromNow
       }, calendarProps)
     ),
@@ -13016,6 +13063,7 @@ var DoubleCalendarFormField = (_a) => {
     rules,
     allowPastDates,
     maxYearsFromNow = 20,
+    maxDate,
     disabled
   } = _b, calendarProps = __objRest(_b, [
     "name",
@@ -13026,6 +13074,7 @@ var DoubleCalendarFormField = (_a) => {
     "rules",
     "allowPastDates",
     "maxYearsFromNow",
+    "maxDate",
     "disabled"
   ]);
   const handleValidate = useCallback6(
@@ -13067,7 +13116,8 @@ var DoubleCalendarFormField = (_a) => {
         disabled,
         hasError: haveError,
         allowPastDates,
-        maxYearsFromNow
+        maxYearsFromNow,
+        maxDate
       }, calendarProps)
     ),
     /* @__PURE__ */ jsx57(ErrorFormMessage, { message: errorMsg })
@@ -13158,7 +13208,8 @@ var DateAndTimeFormField = (_a) => {
     validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
     rules,
     allowPastDates,
-    maxYearsFromNow = 20
+    maxYearsFromNow = 20,
+    maxDate
   } = _b, props = __objRest(_b, [
     "name",
     "label",
@@ -13167,7 +13218,8 @@ var DateAndTimeFormField = (_a) => {
     "validationErrorMessage",
     "rules",
     "allowPastDates",
-    "maxYearsFromNow"
+    "maxYearsFromNow",
+    "maxDate"
   ]);
   const handleValidate = useCallback8(
     (value) => {
@@ -13247,7 +13299,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.0",
+  "version": "12.8.2",
   "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/TimePicker.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useRef, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Box } from "./Box";
 import { Button } from "./Button";
 import { TextField, TextFieldSlot } from "./TextField";
@@ -134,6 +134,24 @@ export type TimePickerProps = {
 };
 const pad = (num: number) => String(num).padStart(2, "0");
 
+const parseTime = (value?: string) => {
+  if (!value) {
+    return {
+      parsedHours: "00",
+      parsedMinutes: "00",
+    };
+  }
+
+  const [hours, minutes] = value.split(":");
+  const nextHours = Math.min(Math.max(parseInt(hours || "0", 10), 0), 23);
+  const nextMinutes = Math.min(Math.max(parseInt(minutes || "0", 10), 0), 59);
+
+  return {
+    parsedHours: Number.isNaN(nextHours) ? "00" : pad(nextHours),
+    parsedMinutes: Number.isNaN(nextMinutes) ? "00" : pad(nextMinutes),
+  };
+};
+
 export function TimePicker({
   selected,
   setSelected,
@@ -150,6 +168,14 @@ export function TimePicker({
 
   useOnClickOutside(dropdownRef, () => setIsOpen(false));
 
+  useEffect(() => {
+    const { parsedHours, parsedMinutes } = parseTime(selected);
+    setHours(parsedHours);
+    setMinutes(parsedMinutes);
+    setRawHours(parsedHours);
+    setRawMinutes(parsedMinutes);
+  }, [selected]);
+
   const handleIncrement = useCallback(
     (type: "hours" | "minutes") => {
       if (type === "hours") {