finform-react-builder 1.14.0 → 1.15.0

package/dist/components/FinForm/inputs/FinDateField.d.ts

@@ -1,12 +1,36 @@
 import { default as React } from 'react';
-import { TextFieldProps } from '@mui/material';
-export type FinDateFieldProps = TextFieldProps & {
+export declare const DEFAULT_DATE_FORMAT = "DD-MM-YYYY";
+/** Map dayjs format tokens to a human placeholder (DD/MM/YYYY, etc.). */
+export declare function dateFormatToPlaceholder(format: string): string;
+export type FinDateFieldProps = {
+    value?: string | null;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    name?: string;
+    /** Dayjs format for typed input + display (e.g. DD-MM-YYYY). */
+    dateFormat?: string;
+    minDate?: string;
+    maxDate?: string;
     label?: React.ReactNode;
     labelPosition?: 'inner' | 'top' | 'none';
     labelVariant?: 'caption' | 'body2' | 'subtitle2' | 'h6';
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    fullWidth?: boolean;
+    size?: 'small' | 'medium';
+    placeholder?: string;
+    sx?: any;
     inputTestId?: string;
     labelTestId?: string;
     errorTestId?: string;
-    [key: string]: any;
+    /** @deprecated Use minDate / maxDate props. Kept for FieldRenderer backward compat. */
+    inputProps?: {
+        min?: string;
+        max?: string;
+        [key: string]: unknown;
+    };
+    id?: string;
+    required?: boolean;
 };
 export declare const FinDateField: React.FC<FinDateFieldProps>;

package/dist/components/FinForm/inputs/FinEditableGrid.d.ts

@@ -45,6 +45,8 @@ export type GridColumn = {
     };
     sx?: any;
     cellSx?: any;
+    /** Per-column dayjs format override for date columns. */
+    dateFormat?: string;
 };
 export interface FinEditableGridProps {
     name: string;
@@ -68,6 +70,8 @@ export interface FinEditableGridProps {
     setValue?: (name: string, value: any, options?: any) => void;
     rowSelectionMode?: "single" | "multi";
     rowSelectionKey?: string;
+    /** Form-level dayjs date format for date columns. */
+    dateFormat?: string;
 }
 export declare const FinEditableGrid: React.FC<FinEditableGridProps>;
 export default FinEditableGrid;

package/dist/components/FinForm/types.d.ts

@@ -153,6 +153,8 @@ export interface DateField extends BaseField {
     type: 'date';
     minDate?: string;
     maxDate?: string;
+    /** Per-field dayjs format override (e.g. DD-MM-YYYY). Falls back to FinForm dateFormat. */
+    dateFormat?: string;
 }
 export interface ImageField extends BaseField {
     type: 'image';
@@ -422,6 +424,11 @@ export interface FinFormProps {
     };
     /** Prefix for stable data-testid attributes on generated form controls (e.g. "client-profile"). */
     testIdPrefix?: string;
+    /**
+     * Dayjs format for all date fields (e.g. DD-MM-YYYY, MM-DD-YYYY, YYYY-MM-DD).
+     * Host app should map company regional settings to this value.
+     */
+    dateFormat?: string;
 }
 export interface FieldRendererProps {
     field: FieldConfig;
@@ -432,6 +439,8 @@ export interface FieldRendererProps {
     formData?: Record<string, any>;
     setValue?: (name: string, value: any, options?: any) => void;
     testIdPrefix?: string;
+    /** Form-level dayjs date format inherited by date fields. */
+    dateFormat?: string;
 }
 export interface FinInputTestIdProps {
     inputTestId?: string;