@hemerson/design-system 0.4.0 → 0.5.0

package/dist/components/DateInput/DateInput.d.ts

@@ -0,0 +1,27 @@
+import { type InputHTMLAttributes, type ReactNode } from "react";
+export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange" | "min" | "max"> {
+    label: ReactNode;
+    /** The date as "yyyy-mm-dd", or "" for none: the format of <input type="date">. */
+    value?: string;
+    defaultValue?: string;
+    /** Called with "yyyy-mm-dd" when a whole valid date is typed or picked, and with "" when the field is cleared. */
+    onChange?: (value: string) => void;
+    /** Earliest and latest dates that can be picked or typed, as "yyyy-mm-dd". */
+    min?: string;
+    max?: string;
+    hint?: ReactNode;
+    error?: ReactNode;
+    /** Locale of the month and weekday names. Default "pt-BR". */
+    locale?: string;
+    /** First day of the week, 0 for Sunday. Default 0. */
+    weekStartsOn?: number;
+    /** Accessible names. Defaults in Brazilian Portuguese. */
+    calendarLabel?: string;
+    previousMonthLabel?: string;
+    nextMonthLabel?: string;
+}
+/**
+ * A date field: type day/month/year, or pick from a glass calendar. The value is "yyyy-mm-dd",
+ * and with `name` a hidden input carries it, so forms read it like a native date input.
+ */
+export declare function DateInput({ label, value, defaultValue, onChange, min, max, hint, error, locale, weekStartsOn, calendarLabel, previousMonthLabel, nextMonthLabel, name, id, disabled, required, placeholder, className, ...rest }: DateInputProps): import("react").JSX.Element;

package/dist/components/DateInput/dates.d.ts

@@ -0,0 +1,13 @@
+/** Calendar dates as "yyyy-mm-dd" strings, the value format of <input type="date">, in local time. */
+export declare function toIso(date: Date): string;
+export declare function fromIso(value: string | undefined): Date | null;
+/** "10/10/2026" from "2026-10-10". */
+export declare function formatTyped(value: string): string;
+/** "2026-10-10" from what was typed as day/month/year ("10/10/2026", "1/2/2026" or "10102026"), or null. */
+export declare function parseTyped(text: string): string | null;
+export declare function addDays(date: Date, days: number): Date;
+/** The same day in another month, or that month's last day when it is shorter. */
+export declare function addMonths(date: Date, months: number): Date;
+/** Six weeks of days covering the month of `date`, each week starting on `weekStartsOn` (0 = Sunday). */
+export declare function monthGrid(date: Date, weekStartsOn: number): Date[][];
+export declare function isWithin(value: string, min?: string, max?: string): boolean;

package/dist/index.d.ts

@@ -21,6 +21,8 @@ export type { ToastApi, ToastOptions, ToastProviderProps } from "./components/To
 export { Input } from "./components/Input/Input";
 export type { InputProps } from "./components/Input/Input";
 export { Select } from "./components/Select/Select";
+export { DateInput } from "./components/DateInput/DateInput";
+export type { DateInputProps } from "./components/DateInput/DateInput";
 export type { SelectOption, SelectProps } from "./components/Select/Select";
 export { Checkbox } from "./components/Checkbox/Checkbox";
 export type { CheckboxProps } from "./components/Checkbox/Checkbox";