@bsol-oss/react-datatable5 13.0.1-beta.9 → 13.0.1

package/dist/index.d.ts

@@ -3,15 +3,14 @@ import { Row, Table as Table$1, RowData, OnChangeFn, Updater, SortingState, Colu
 import * as React$1 from 'react';
 import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, TableRootProps, BoxProps, FlexProps, CardBodyProps, TextProps, ImageProps } from '@chakra-ui/react';
+import { TableHeaderProps as TableHeaderProps$1, TableRowProps, GridProps, TableRootProps, FlexProps, CardBodyProps, TextProps, ImageProps, BoxProps } from '@chakra-ui/react';
 import { IconType } from 'react-icons';
 import { UseQueryResult } from '@tanstack/react-query';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 import { JSONSchema7 } from 'json-schema';
-import { ForeignKeyProps as ForeignKeyProps$1 } from '@/components/Form/components/fields/StringInputField';
-import { AxiosRequestConfig } from 'axios';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
+import { UseFormReturn, FieldValues } from 'react-hook-form';
+import dayjs from 'dayjs';
 
 interface TableHeaderTexts {
     pinColumn?: string;
@@ -130,8 +129,6 @@ interface TableControlsProps {
     children?: ReactNode;
     showGlobalFilter?: boolean;
     showFilter?: boolean;
-    showFilterName?: boolean;
-    showFilterTags?: boolean;
     showReload?: boolean;
     showPagination?: boolean;
     showPageSizeControl?: boolean;
@@ -149,11 +146,20 @@ interface TableControlsProps {
     hasError?: boolean;
     gridProps?: GridProps;
 }
-declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showFilterName, showFilterTags, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => react_jsx_runtime.JSX.Element;
+declare const TableControls: ({ fitTableWidth, fitTableHeight, children, showGlobalFilter, showFilter, showReload, showPagination, showPageSizeControl, showPageCountText, showView, filterTagsOptions, extraItems, loading, hasError, gridProps, }: TableControlsProps) => react_jsx_runtime.JSX.Element;
 
 declare const TableFilter: () => react_jsx_runtime.JSX.Element;
 
-declare const TableFilterTags: () => react_jsx_runtime.JSX.Element;
+interface TableFilterTagsProps {
+    filterTagsOptions?: {
+        column: string;
+        options: {
+            label: string;
+            value: string;
+        }[];
+    }[];
+}
+declare const TableFilterTags: ({ filterTagsOptions, }?: TableFilterTagsProps) => react_jsx_runtime.JSX.Element | null;
 
 interface TableProps extends TableRootProps {
     showLoading?: boolean;
@@ -185,12 +191,12 @@ interface TableRowSelectorProps<TData> {
 }
 declare const TableBody: ({ showSelector, canResize, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 
-interface TableCardContainerProps extends BoxProps {
+interface TableCardContainerProps extends Omit<GridProps, 'direction'> {
     children: ReactNode;
-    variant?: "carousel" | "";
+    variant?: 'carousel' | '';
     gap?: string;
     gridTemplateColumns?: string;
-    direction?: FlexProps["direction"];
+    direction?: FlexProps['direction'];
 }
 declare const TableCardContainer: ({ children, variant, gap, gridTemplateColumns, direction, ...props }: TableCardContainerProps) => react_jsx_runtime.JSX.Element;
 
@@ -313,7 +319,7 @@ interface UseDataTableReturn {
 }
 declare const useDataTable: ({ default: { sorting: defaultSorting, pagination: defaultPagination, rowSelection: defaultRowSelection, columnFilters: defaultColumnFilters, columnOrder: defaultColumnOrder, columnVisibility: defaultColumnVisibility, globalFilter: defaultGlobalFilter, density: defaultDensity, }, }?: UseDataTableProps) => UseDataTableReturn;
 
-interface UseDataTableServerProps<TData> extends Omit<UseDataTableProps, 'keyPrefix'> {
+interface UseDataTableServerProps<TData> extends UseDataTableProps {
     /**
      * Delay to send the request if the `refreshData` called multiple times
      *
@@ -468,6 +474,9 @@ interface DataTableLabel {
     globalFilterPlaceholder: string;
     trueLabel: string;
     falseLabel: string;
+    noFiltersMatchText: string;
+    filterByLabel: string;
+    filterLabelsPlaceholder: string;
 }
 interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 'translate'> {
     table: Table$1<TData>;
@@ -479,292 +488,19 @@ interface DataTableContextProps<TData = unknown> extends Omit<DataTableProps, 't
 
 declare const useDataTableContext: <TData>() => DataTableContextProps<TData>;
 
-interface GetColumnsConfigs<K extends RowData> {
-    schema: JSONSchema7;
-    include?: K[];
-    ignore?: K[];
-    width?: number[];
-    meta?: {
-        [key in K as string]?: object;
-    };
-    defaultWidth?: number;
-}
-declare const widthSanityCheck: <K extends unknown>(widthList: number[], ignoreList: K[], properties: { [key in K as string]?: object | undefined; }) => void;
-declare const getColumns: <TData extends unknown>({ schema, include, ignore, width, meta, defaultWidth, }: GetColumnsConfigs<TData>) => ColumnDef<TData>[];
-
-interface Translate {
-    t: (key: string, options?: any) => string;
-    i18n?: any;
-    ready?: boolean;
-}
-interface UseFormProps {
-    preLoadedValues?: FieldValues | undefined;
-    keyPrefix?: string;
-    namespace?: string;
-    schema?: JSONSchema7;
-}
-declare const useForm: ({ preLoadedValues, keyPrefix: _keyPrefix, namespace: _namespace, schema, }: UseFormProps) => {
-    form: react_hook_form.UseFormReturn<FieldValues, any, undefined>;
-    idMap: Record<string, object>;
-    setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, object>>>;
-    translate: Translate;
-};
-
-interface CustomQueryFnResponse {
-    /**
-     * The data of the query
-     */
-    data: any;
-    /**
-     * The id map of the data
-     */
-    idMap: Record<string, any>;
-}
-interface CustomQueryFnParams {
-    searching: string;
-    limit: number;
-    offset: number;
-    where?: Array<{
-        id: string;
-        value: string | string[];
-    }>;
-}
-type CustomQueryFn = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse>;
-interface ForeignKeyProps {
-    column: string;
-    table: string;
-    customQueryFn?: CustomQueryFn;
-}
-
-/**
- * Type definitions for error message configuration
- */
-/**
- * Common validation error types that can be customized
- */
 type ValidationErrorType = 'minLength' | 'maxLength' | 'pattern' | 'minimum' | 'maximum' | 'multipleOf' | 'format' | 'type' | 'enum' | 'required' | 'minItems' | 'maxItems' | 'uniqueItems' | 'minProperties' | 'maxProperties' | 'anyOf' | 'oneOf' | 'allOf' | 'const' | 'additionalProperties' | 'dependencies';
-/**
- * Configuration for field-specific validation errors
- */
-type FieldErrorConfig = Partial<Record<ValidationErrorType, string>>;
-/**
- * Configuration for building error messages
- */
-interface ErrorMessageConfig {
-    /**
-     * Required field error messages
-     * Maps field names to their required error messages
-     * Supports both plain strings and i18n translation keys
-     *
-     * @example
-     * ```typescript
-     * required: {
-     *   username: "Username is required", // plain string
-     *   email: "user.email.field_required" // i18n key
-     * }
-     * ```
-     */
-    required?: Record<string, string>;
-    /**
-     * Field-specific validation error messages
-     * Maps field names to their validation error configurations
-     *
-     * @example
-     * ```typescript
-     * properties: {
-     *   username: {
-     *     minLength: "Username must be at least 3 characters",
-     *     pattern: "Username can only contain letters and numbers"
-     *   },
-     *   age: {
-     *     minimum: "Age must be at least 18",
-     *     maximum: "Age cannot exceed 120"
-     *   }
-     * }
-     * ```
-     */
-    properties?: Record<string, FieldErrorConfig>;
-    /**
-     * Global fallback error messages for validation types
-     * These are used when no field-specific message is provided
-     *
-     * @example
-     * ```typescript
-     * {
-     *   minLength: "This field is too short",
-     *   minimum: "Value is too small"
-     * }
-     * ```
-     */
-    [key: string]: any;
-}
-/**
- * Result of buildErrorMessages that follows ajv-errors format
- */
-interface ErrorMessageResult {
-    required?: Record<string, string>;
-    properties?: Record<string, FieldErrorConfig>;
-    [key: string]: any;
-}
-/**
- * Schema-level error message builder
- *
- * Builds a complete errorMessage object compatible with ajv-errors plugin.
- * Supports both i18n translation keys and plain string messages.
- *
- * @param config - Error message configuration
- * @returns Complete errorMessage object for JSON Schema
- *
- * @example
- * ```typescript
- * // Simple required field errors
- * const errorMessage = buildErrorMessages({
- *   required: {
- *     username: "Username is required",
- *     email: "user.email.field_required" // i18n key
- *   }
- * });
- *
- * // With validation rules
- * const errorMessage = buildErrorMessages({
- *   required: {
- *     password: "Password is required"
- *   },
- *   properties: {
- *     password: {
- *       minLength: "Password must be at least 8 characters",
- *       pattern: "Password must contain letters and numbers"
- *     },
- *     age: {
- *       minimum: "Must be 18 or older",
- *       maximum: "Must be under 120"
- *     }
- *   }
- * });
- *
- * // With global fallbacks
- * const errorMessage = buildErrorMessages({
- *   required: {
- *     email: "Email is required"
- *   },
- *   minLength: "This field is too short", // applies to all fields
- *   minimum: "Value is too small"
- * });
- * ```
- */
-declare const buildErrorMessages: (config: ErrorMessageConfig) => ErrorMessageResult;
-/**
- * Converts buildErrorMessages result to ajv-errors compatible format
- */
-declare const convertToAjvErrorsFormat: (errorMessages: ErrorMessageResult) => Record<string, any>;
-/**
- * Helper function to build required field errors
- *
- * Simplifies creating required field error messages, especially useful
- * for generating i18n translation keys following a pattern.
- *
- * @param fields - Array of required field names
- * @param messageOrGenerator - Either a string template or function to generate messages
- * @returns Required field error configuration
- *
- * @example
- * ```typescript
- * // Plain string messages
- * const required = buildRequiredErrors(
- *   ["username", "email", "password"],
- *   (field) => `${field} is required`
- * );
- * // Result: { username: "username is required", email: "email is required", ... }
- *
- * // i18n translation keys
- * const required = buildRequiredErrors(
- *   ["username", "email"],
- *   (field) => `user.${field}.field_required`
- * );
- * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
- *
- * // Same message for all fields
- * const required = buildRequiredErrors(
- *   ["username", "email"],
- *   "This field is required"
- * );
- * // Result: { username: "This field is required", email: "This field is required" }
- *
- * // With keyPrefix for i18n
- * const required = buildRequiredErrors(
- *   ["username", "email"],
- *   (field) => `${field}.field_required`,
- *   "user"
- * );
- * // Result: { username: "user.username.field_required", email: "user.email.field_required" }
- * ```
- */
-declare const buildRequiredErrors: (fields: string[], messageOrGenerator: string | ((field: string) => string), keyPrefix?: string) => Record<string, string>;
-/**
- * Helper function to build field-specific validation errors
- *
- * Creates property-specific error messages for multiple fields at once.
- *
- * @param config - Maps field names to their validation error configurations
- * @returns Properties error configuration
- *
- * @example
- * ```typescript
- * const properties = buildFieldErrors({
- *   username: {
- *     minLength: "Username must be at least 3 characters",
- *     pattern: "Username can only contain letters and numbers"
- *   },
- *   age: {
- *     minimum: "Must be 18 or older",
- *     maximum: "Must be under 120"
- *   },
- *   email: {
- *     format: "Please enter a valid email address"
- *   }
- * });
- * ```
- */
-declare const buildFieldErrors: (config: Record<string, FieldErrorConfig>) => Record<string, FieldErrorConfig>;
-/**
- * Helper function to create a complete error message configuration in one call
- *
- * Convenient wrapper that combines required and validation errors.
- *
- * @param required - Required field error messages
- * @param properties - Field-specific validation error messages
- * @param globalFallbacks - Global fallback error messages
- * @returns Complete error message configuration
- *
- * @example
- * ```typescript
- * const errorMessage = createErrorMessage(
- *   {
- *     username: "Username is required",
- *     email: "Email is required"
- *   },
- *   {
- *     username: {
- *       minLength: "Username must be at least 3 characters"
- *     },
- *     email: {
- *       format: "Please enter a valid email"
- *     }
- *   },
- *   {
- *     minLength: "This field is too short",
- *     format: "Invalid format"
- *   }
- * );
- * ```
- */
-declare const createErrorMessage: (required?: Record<string, string>, properties?: Record<string, FieldErrorConfig>, globalFallbacks?: Partial<Record<ValidationErrorType, string>>) => ErrorMessageResult;
-
 interface DateTimePickerLabels {
     monthNamesShort?: string[];
     weekdayNamesShort?: string[];
     backButtonLabel?: string;
     forwardButtonLabel?: string;
+    selectDateLabel?: string;
+    quickActionLabels?: {
+        yesterday?: string;
+        today?: string;
+        tomorrow?: string;
+        plus7Days?: string;
+    };
 }
 interface IdPickerLabels {
     undefined?: string;
@@ -816,24 +552,25 @@ interface FormButtonLabels {
 interface TimePickerLabels {
     placeholder?: string;
     emptyMessage?: string;
+    selectTimeLabel?: string;
 }
-interface LoadInitialValuesParams {
+interface LoadInitialValuesParams<TRecord = unknown> {
     ids: string[];
-    foreign_key: ForeignKeyProps;
-    setIdMap: React__default.Dispatch<React__default.SetStateAction<Record<string, object>>>;
+    customQueryFn: CustomQueryFn<TRecord>;
+    setIdMap: React__default.Dispatch<React__default.SetStateAction<Record<string, TRecord>>>;
 }
-interface LoadInitialValuesResult {
+interface LoadInitialValuesResult<TRecord = unknown> {
     data: {
-        data: Record<string, any>[];
+        data: TRecord[];
         count: number;
     };
-    idMap: Record<string, object>;
+    idMap: Record<string, TRecord>;
 }
-interface CustomJSONSchema7 extends JSONSchema7 {
+interface CustomJSONSchema7 extends Omit<JSONSchema7, 'items' | 'additionalItems' | 'properties' | 'additionalProperties' | 'definitions' | 'patternProperties' | 'dependencies' | 'allOf' | 'anyOf' | 'oneOf' | 'not' | 'if' | 'then' | 'else' | 'contains'> {
     gridColumn?: string;
     gridRow?: string;
-    foreign_key?: ForeignKeyProps;
-    variant?: string;
+    customQueryFn?: CustomQueryFn;
+    variant?: 'custom-input' | 'id-picker' | 'text-area' | 'media-library-browser' | 'file-picker' | 'date-range' | 'enum-picker' | 'radio';
     renderDisplay?: (item: unknown) => ReactNode;
     itemToValue?: (item: unknown) => string;
     loadInitialValues?: (params: LoadInitialValuesParams) => Promise<LoadInitialValuesResult>;
@@ -856,73 +593,182 @@ interface CustomJSONSchema7 extends JSONSchema7 {
     showLabel?: boolean;
     formatOptions?: Intl.NumberFormatOptions;
     numberStorageType?: 'string' | 'number';
-    errorMessages?: Partial<Record<ValidationErrorType | string, string>>;
+    errorMessage?: Record<Partial<ValidationErrorType> | string, string | Record<string, string>>;
     filePicker?: FilePickerProps;
-    tagPicker?: {
-        queryFn?: (params: {
-            in_table: string;
-            where?: {
-                id: string;
-                value: string[];
-            }[];
-            limit?: number;
-            offset?: number;
-            searching?: string;
-        }) => Promise<{
-            data: {
-                data: any[];
-                count: number;
-            };
-            idMap?: Record<string, object>;
-        }>;
+    dateTimePicker?: {
+        showQuickActions?: boolean;
+        quickActionLabels?: {
+            yesterday?: string;
+            today?: string;
+            tomorrow?: string;
+            plus7Days?: string;
+        };
+        showTimezoneSelector?: boolean;
+    };
+    items?: CustomJSONSchema7 | CustomJSONSchema7[];
+    additionalItems?: CustomJSONSchema7;
+    properties?: {
+        [key: string]: CustomJSONSchema7;
     };
+    additionalProperties?: boolean | CustomJSONSchema7;
+    definitions?: {
+        [key: string]: CustomJSONSchema7;
+    };
+    patternProperties?: {
+        [key: string]: CustomJSONSchema7;
+    };
+    dependencies?: {
+        [key: string]: CustomJSONSchema7 | string[];
+    };
+    allOf?: CustomJSONSchema7[];
+    anyOf?: CustomJSONSchema7[];
+    oneOf?: CustomJSONSchema7[];
+    not?: CustomJSONSchema7;
+    if?: CustomJSONSchema7;
+    then?: CustomJSONSchema7;
+    else?: CustomJSONSchema7;
+    contains?: CustomJSONSchema7;
 }
 declare const defaultRenderDisplay: (item: unknown) => ReactNode;
-interface TagPickerProps {
-    column: string;
-    schema: CustomJSONSchema7;
-    prefix: string;
-}
+/**
+ * Expected shape of a media file returned by `onFetchFiles` and used by
+ * the Media Library Browser and File Picker components.
+ *
+ * @example
+ * ```ts
+ * {
+ *   id: 'file-1',
+ *   name: 'photo.jpg',
+ *   url: 'https://cdn.example.com/photo.jpg',
+ *   size: 102400,
+ *   comment: 'Profile photo',
+ *   type: 'image/jpeg',
+ * }
+ * ```
+ */
 interface FilePickerMediaFile {
+    /** Unique identifier for the file (required) */
     id: string;
+    /** Display name of the file (required) */
     name: string;
+    /** URL for image preview; required for thumbnails in media library */
     url?: string;
+    /** File size in bytes (number) or human-readable string (e.g. "1.2 MB") */
     size?: string | number;
+    /** Optional description or metadata */
     comment?: string;
+    /** MIME type (e.g. "image/jpeg", "application/pdf") */
     type?: string;
 }
+/**
+ * JSON Schema definition for FilePickerMediaFile.
+ * Use this to document or validate the expected structure in your API/schema.
+ */
+declare const FilePickerMediaFileSchema: {
+    readonly type: "object";
+    readonly required: readonly ["id", "name"];
+    readonly properties: {
+        readonly id: {
+            readonly type: "string";
+            readonly description: "Unique identifier for the file";
+        };
+        readonly name: {
+            readonly type: "string";
+            readonly description: "Display name of the file";
+        };
+        readonly url: {
+            readonly type: "string";
+            readonly format: "uri";
+            readonly description: "URL for image preview; required for thumbnails in media library";
+        };
+        readonly size: {
+            readonly oneOf: readonly [{
+                readonly type: "number";
+            }, {
+                readonly type: "string";
+            }];
+            readonly description: "File size in bytes (number) or human-readable string";
+        };
+        readonly comment: {
+            readonly type: "string";
+            readonly description: "Optional description or metadata";
+        };
+        readonly type: {
+            readonly type: "string";
+            readonly description: "MIME type (e.g. \"image/jpeg\", \"application/pdf\")";
+        };
+    };
+};
 interface FilePickerProps {
+    /**
+     * Fetches files from your media library/API. Must return FilePickerMediaFile[].
+     * The search string can be used to filter results.
+     */
     onFetchFiles?: (search: string) => Promise<FilePickerMediaFile[]>;
+    /** When true, adds a "Browse Library" button to the file picker (file-picker variant only) */
     enableMediaLibrary?: boolean;
+    /** When true, only shows image files (jpg, jpeg, png, gif, bmp, webp, svg) */
     filterImageOnly?: boolean;
+    /** When true, shows an upload tab in the media library dialog */
     enableUpload?: boolean;
+    /** Upload handler; must return the new file's ID string */
     onUploadFile?: (file: File) => Promise<string>;
 }
+interface CustomQueryFnResponse<TRecord = unknown> {
+    /**
+     * The data of the query
+     */
+    data: {
+        data: TRecord[];
+        count: number;
+    };
+    /**
+     * The id map of the data
+     */
+    idMap: Record<string, TRecord>;
+}
+interface CustomQueryFnParams {
+    searching: string;
+    limit: number;
+    offset: number;
+    where?: Array<{
+        id: string;
+        value: string | string[];
+    }>;
+}
+type CustomQueryFn<TRecord = unknown> = (params: CustomQueryFnParams) => Promise<CustomQueryFnResponse<TRecord>>;
 
 interface FormRootProps<TData extends FieldValues> {
+    /**
+     * JSON Schema with support for errorMessages in properties.
+     * Each property can define errorMessages object with keys like:
+     * - required: Error message when field is required but missing
+     * - minLength, maxLength: Error messages for string length validation
+     * - minimum, maximum: Error messages for number range validation
+     * - format: Error message for format validation (email, date, etc.)
+     * - pattern: Error message for pattern validation
+     * - type: Error message for type validation
+     *
+     * @example
+     * {
+     *   type: 'object',
+     *   properties: {
+     *     username: {
+     *       type: 'string',
+     *       minLength: 3,
+     *       errorMessages: {
+     *         required: 'Username is required',
+     *         minLength: 'Username must be at least 3 characters'
+     *       }
+     *     }
+     *   }
+     * }
+     */
     schema: CustomJSONSchema7;
-    requestUrl?: string;
-    idMap: Record<string, object>;
-    setIdMap: Dispatch<SetStateAction<Record<string, object>>>;
-    form: UseFormReturn;
-    /** Translate object for fallback text (components prefer label objects) */
-    translate: Translate;
+    idMap: Record<string, unknown>;
+    setIdMap: Dispatch<SetStateAction<Record<string, unknown>>>;
+    form: UseFormReturn<TData, any, TData>;
     children: ReactNode;
-    order?: string[];
-    ignore?: string[];
-    include?: string[];
-    onSubmit?: SubmitHandler<TData>;
-    rowNumber?: number | string;
-    requestOptions?: AxiosRequestConfig;
-    getUpdatedData?: () => TData | Promise<TData> | void;
-    customErrorRenderer?: (error: unknown) => ReactNode;
-    customSuccessRenderer?: (resetHandler: () => void | Promise<void>) => ReactNode;
-    displayConfig?: {
-        showSubmitButton?: boolean;
-        showResetButton?: boolean;
-        showTitle?: boolean;
-    };
-    requireConfirmation?: boolean;
     dateTimePickerLabels?: DateTimePickerLabels;
     idPickerLabels?: IdPickerLabels;
     enumPickerLabels?: EnumPickerLabels;
@@ -933,27 +779,18 @@ interface FormRootProps<TData extends FieldValues> {
 }
 interface CustomJSONSchema7Definition extends JSONSchema7 {
     variant: string;
-    in_table: string;
-    column_ref: string;
     gridColumn: string;
     gridRow: string;
-    foreign_key: ForeignKeyProps$1;
+    customQueryFn: any;
     children: ReactNode;
 }
-declare const idPickerSanityCheck: (column: string, foreign_key?: {
-    table?: string | undefined;
-    column?: string | undefined;
-} | undefined) => void;
-declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, translate, children, order, ignore, include, onSubmit, rowNumber, requestOptions, getUpdatedData, customErrorRenderer, customSuccessRenderer, displayConfig, requireConfirmation, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
+declare const FormRoot: <TData extends FieldValues>({ schema, idMap, setIdMap, form, children, dateTimePickerLabels, idPickerLabels, enumPickerLabels, filePickerLabels, formButtonLabels, timePickerLabels, insideDialog, }: FormRootProps<TData>) => react_jsx_runtime.JSX.Element;
 
 interface DefaultFormProps<TData extends FieldValues> {
-    formConfig: Omit<FormRootProps<TData>, "children">;
-    showTitle?: boolean;
+    formConfig: Omit<FormRootProps<TData>, 'children'>;
 }
 declare const DefaultForm: <TData extends FieldValues>({ formConfig, }: DefaultFormProps<TData>) => react_jsx_runtime.JSX.Element;
 
-declare const FormTitle: () => react_jsx_runtime.JSX.Element;
-
 declare const FormBody: () => react_jsx_runtime.JSX.Element;
 
 type MediaLibraryBrowserPropsBase = {
@@ -975,7 +812,17 @@ type MediaLibraryBrowserPropsMultiple = MediaLibraryBrowserPropsBase & {
     onSelectedFileChange?: (files: FilePickerMediaFile[]) => void;
 };
 type MediaLibraryBrowserProps = MediaLibraryBrowserPropsSingle | MediaLibraryBrowserPropsMultiple;
-declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => react_jsx_runtime.JSX.Element | null;
+declare const MediaLibraryBrowser: ({ onFetchFiles, filterImageOnly, labels, enabled, multiple, onFileSelect, selectedFile: controlledSelectedFile, onSelectedFileChange, }: MediaLibraryBrowserProps) => react_jsx_runtime.JSX.Element;
+
+interface UseFormProps<T> {
+    preLoadedValues?: T | undefined;
+    schema: CustomJSONSchema7;
+}
+declare function useForm<T extends FieldValues = any>({ preLoadedValues, schema, }: UseFormProps<T>): {
+    form: react_hook_form.UseFormReturn<T, any, T>;
+    idMap: Record<string, unknown>;
+    setIdMap: React$1.Dispatch<React$1.SetStateAction<Record<string, unknown>>>;
+};
 
 interface CalendarDate {
     date: Date;
@@ -1025,6 +872,15 @@ interface GetVariantProps {
     selected: boolean;
     selectable: boolean;
 }
+interface DatePickerLabels {
+    monthNamesShort: string[];
+    weekdayNamesShort: string[];
+    backButtonLabel?: string;
+    forwardButtonLabel?: string;
+    todayLabel?: string;
+    yesterdayLabel?: string;
+    tomorrowLabel?: string;
+}
 interface DatePickerProps {
     onDateSelected?: (obj: {
         date: Date;
@@ -1032,31 +888,20 @@ interface DatePickerProps {
     }) => void;
     selected: Date | Date[];
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** @deprecated No-op; kept for story compatibility */
     showOutsideDays?: boolean;
+    /** @deprecated No-op; kept for story compatibility */
     date?: Date;
     minDate?: Date;
     maxDate?: Date;
     monthsToDisplay?: number;
-    labels?: {
-        monthNamesShort: string[];
-        weekdayNamesShort: string[];
-        backButtonLabel?: string;
-        forwardButtonLabel?: string;
-        todayLabel?: string;
-        yesterdayLabel?: string;
-        tomorrowLabel?: string;
-    };
-    render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
-}
-interface DatePickerLabels {
-    monthNamesShort: string[];
-    weekdayNamesShort: string[];
-    backButtonLabel?: string;
-    forwardButtonLabel?: string;
-    todayLabel?: string;
-    yesterdayLabel?: string;
-    tomorrowLabel?: string;
+    labels?: DatePickerLabels;
 }
+
+declare const DatePickerContext: React$1.Context<{
+    labels: DatePickerLabels;
+}>;
+
 interface DatePickerInputProps {
     value?: string | Date;
     onChange?: (date?: string) => void;
@@ -1074,7 +919,7 @@ interface DatePickerInputProps {
     readOnly?: boolean;
     showHelperButtons?: boolean;
 }
-declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, labels, timezone, minDate, maxDate, firstDayOfWeek, showOutsideDays, monthsToDisplay, insideDialog, readOnly, showHelperButtons, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
+declare function DatePickerInput({ value, onChange, placeholder, dateFormat, displayFormat, timezone, minDate, maxDate, insideDialog, readOnly, }: DatePickerInputProps): react_jsx_runtime.JSX.Element;
 
 interface GetMultiDatesProps {
     selected: boolean;
@@ -1091,16 +936,6 @@ interface GetRangeDatesProps {
 }
 declare const getRangeDates: ({ selectable, date, selectedDates, }: GetRangeDatesProps) => Date[] | undefined;
 
-interface RangeCalendarProps extends CalendarRenderProps {
-    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    selected?: Date[];
-}
-interface GetStyleProps {
-    today: boolean;
-    selected: boolean;
-    unavailable: boolean;
-    isInRange: boolean;
-}
 interface RangeDatePickerLabels {
     monthNamesFull: string[];
     weekdayNamesShort: string[];
@@ -1115,53 +950,281 @@ interface RangeDatePickerProps {
     }) => void;
     selected?: Date[];
     firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** @deprecated No-op; kept for story compatibility */
     showOutsideDays?: boolean;
+    /** @deprecated No-op; kept for story compatibility */
     date?: Date;
     minDate?: Date;
     maxDate?: Date;
     monthsToDisplay?: number;
     labels?: RangeDatePickerLabels;
-    /**
-     * Whether to render the calendar in a popover with a trigger button.
-     * @default true
-     */
     withPopover?: boolean;
-    /**
-     * Controlled open state for the popover.
-     */
     open?: boolean;
-    /**
-     * Callback when the popover open state changes.
-     */
     onOpenChange?: (details: {
         open: boolean;
     }) => void;
-    /**
-     * The trigger button element. If not provided, a default button will be rendered.
-     */
     trigger?: React__default.ReactNode;
-    /**
-     * Format string for displaying the selected date range in the trigger button.
-     * @default "YYYY-MM-DD"
-     */
     displayFormat?: string;
-    /**
-     * Placeholder text for the trigger button when no dates are selected.
-     */
     placeholder?: string;
-    /**
-     * Whether to close the popover when clicking outside.
-     * @default true
-     */
     closeOnInteractOutside?: boolean;
-    /**
-     * Whether to portal the popover content.
-     * @default true
-     */
     portalled?: boolean;
-    render?: (calendarData: CalendarRenderProps) => React__default.ReactNode;
+    /** IANA timezone for wall dates */
+    timezone?: string;
 }
 
+type TimeInput = Date | string | number;
+interface ViewableTimeRange {
+    start: TimeInput;
+    end: TimeInput;
+}
+interface TimeRangeZoomLabels {
+    zoomIn?: string;
+    zoomOut?: string;
+    reset?: string;
+    visibleRange?: string;
+    duration?: string;
+    daysShort?: string;
+    hoursShort?: string;
+    minutesShort?: string;
+    secondsShort?: string;
+    invalidRange?: string;
+    dateTimeFormat?: string;
+}
+interface TimeRangeZoomProps {
+    range: ViewableTimeRange;
+    onRangeChange: (range: {
+        start: Date;
+        end: Date;
+    }) => void;
+    minDurationMs?: number;
+    maxDurationMs?: number;
+    zoomFactor?: number;
+    resetDurationMs?: number;
+    showResetButton?: boolean;
+    disabled?: boolean;
+    labels?: TimeRangeZoomLabels;
+}
+interface TimeViewportBlockProps {
+    start: TimeInput;
+    end: TimeInput;
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    height?: string | number;
+    minWidthPx?: number;
+    borderRadius?: string | number;
+    colorPalette?: string;
+    background?: string;
+    label?: string;
+    showLabel?: boolean;
+    hideWhenOutOfView?: boolean;
+    onClick?: () => void;
+}
+interface TimeViewportBlockItem {
+    id: string;
+    start?: TimeInput;
+    end?: TimeInput;
+    label?: string;
+    colorPalette?: string;
+    background?: string;
+    track?: string | number;
+    children?: TimeViewportBlockItem[];
+    onClick?: (block: TimeViewportBlockItem) => void;
+}
+interface TimeViewportMarkerLineProps {
+    timestamp: TimeInput;
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    height?: string | number;
+    colorPalette?: string;
+    color?: string;
+    lineWidthPx?: number;
+    label?: string;
+    showLabel?: boolean;
+    hideWhenOutOfView?: boolean;
+}
+interface TimeViewportHeaderProps {
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    tickCount?: number;
+    tickStrategy?: 'count' | 'timeUnit';
+    tickUnit?: 'minute' | 'hour' | 'day';
+    tickStep?: number;
+    format?: string;
+    height?: string | number;
+    color?: string;
+    borderColor?: string;
+    showBottomBorder?: boolean;
+    animationDurationMs?: number;
+    animationEasing?: string;
+}
+interface TimeViewportHeaderTick {
+    index: number;
+    percent: number;
+    label: string;
+}
+interface UseTimeViewportTicksResult {
+    isValidViewport: boolean;
+    getTicksByCount: (tickCount?: number) => TimeViewportHeaderTick[];
+    getTicksByTimeUnit: (tickUnit?: TimeViewportHeaderProps['tickUnit'], tickStep?: number) => TimeViewportHeaderTick[];
+    getTicks: (options?: {
+        tickStrategy?: TimeViewportHeaderProps['tickStrategy'];
+        tickCount?: number;
+        tickUnit?: TimeViewportHeaderProps['tickUnit'];
+        tickStep?: number;
+    }) => TimeViewportHeaderTick[];
+}
+interface TimeViewportGridProps {
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    tickCount?: number;
+    tickStrategy?: 'count' | 'timeUnit';
+    tickUnit?: 'minute' | 'hour' | 'day';
+    tickStep?: number;
+    format?: string;
+    minorDivisions?: number;
+    majorLineColor?: string;
+    minorLineColor?: string;
+    showMinorLines?: boolean;
+    zIndex?: number;
+    animationDurationMs?: number;
+    animationEasing?: string;
+}
+interface TimeViewportBlockRenderArgs {
+    block: TimeViewportBlockItem;
+    geometry: {
+        leftPercent: number;
+        widthPercent: number;
+    };
+    index: number;
+}
+interface TimeViewportTrackRenderArgs {
+    trackIndex: number;
+    trackKey?: string | number;
+    trackBlocks: TimeViewportBlockItem[];
+    defaultContent: ReactNode;
+}
+interface TimeViewportBlocksProps {
+    blocks: TimeViewportBlockItem[];
+    viewportStart?: TimeInput;
+    viewportEnd?: TimeInput;
+    height?: string | number;
+    minWidthPx?: number;
+    borderRadius?: string | number;
+    defaultColorPalette?: string;
+    showLabel?: boolean;
+    hideWhenOutOfView?: boolean;
+    hideEmptyTracks?: boolean;
+    gap?: number;
+    allowOverlap?: boolean;
+    overlapOpacity?: number;
+    renderTrackPrefix?: (args: {
+        trackIndex: number;
+        trackBlocks: TimeViewportBlockItem[];
+        trackKey?: string | number;
+    }) => ReactNode;
+    renderTrackSuffix?: (args: {
+        trackIndex: number;
+        trackBlocks: TimeViewportBlockItem[];
+        trackKey?: string | number;
+    }) => ReactNode;
+    /** Custom render function for block content. The returned node is placed inside a positioning wrapper that handles translateX and transitions. */
+    renderBlock?: (args: TimeViewportBlockRenderArgs) => ReactNode;
+    /** Custom render function for an entire track row. Receives the default rendered content so you can wrap or replace it. */
+    renderTrack?: (args: TimeViewportTrackRenderArgs) => ReactNode;
+    onBlockClick?: (block: TimeViewportBlockItem) => void;
+    /** Enable virtual scrolling for large track lists. */
+    virtualize?: boolean;
+    /** Fixed pixel height of the scroll container when virtualize is true. Defaults to 400. */
+    virtualHeight?: number;
+    /** Number of off-screen rows to render above/below the visible area. Defaults to 5. */
+    overscan?: number;
+}
+interface TimeViewportRootProps {
+    viewportStart: TimeInput;
+    viewportEnd: TimeInput;
+    children: ReactNode;
+    onViewportChange?: (range: {
+        start: Date;
+        end: Date;
+    }) => void;
+    enableDragPan?: boolean;
+    enableCtrlWheelZoom?: boolean;
+    wheelZoomFactor?: number;
+    minDurationMs?: number;
+    maxDurationMs?: number;
+}
+declare function TimeViewportRoot({ viewportStart, viewportEnd, children, onViewportChange, enableDragPan, enableCtrlWheelZoom, wheelZoomFactor, minDurationMs, maxDurationMs, }: TimeViewportRootProps): react_jsx_runtime.JSX.Element;
+interface UseTimeRangeZoomResult {
+    labels: Required<TimeRangeZoomLabels>;
+    start: dayjs.Dayjs;
+    end: dayjs.Dayjs;
+    durationMs: number;
+    canZoomIn: boolean;
+    canZoomOut: boolean;
+    hasValidDisplayRange: boolean;
+    visibleRangeText: string;
+    durationText: string;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+}
+interface UseTimeViewportBlockGeometryResult {
+    hasValidViewport: boolean;
+    getGeometry: (start?: TimeInput, end?: TimeInput) => {
+        valid: boolean;
+        leftPercent: number;
+        widthPercent: number;
+    };
+    toTimeMs: (value?: TimeInput) => number | null;
+}
+interface UseTimeViewportDerivedResult {
+    isValidViewport: boolean;
+    toTimeMs: (value?: TimeInput) => number | null;
+    getGeometry: (start?: TimeInput, end?: TimeInput) => {
+        valid: boolean;
+        leftPercent: number;
+        widthPercent: number;
+    };
+    getTimestampPercent: (timestamp?: TimeInput) => {
+        valid: boolean;
+        percent: number;
+        inView: boolean;
+    };
+    getTicksByCount: (tickCount?: number) => TimeViewportHeaderTick[];
+    getTicksByTimeUnit: (tickUnit?: TimeViewportHeaderProps['tickUnit'], tickStep?: number) => TimeViewportHeaderTick[];
+    getTicks: (options?: {
+        tickStrategy?: TimeViewportHeaderProps['tickStrategy'];
+        tickCount?: number;
+        tickUnit?: TimeViewportHeaderProps['tickUnit'];
+        tickStep?: number;
+    }) => TimeViewportHeaderTick[];
+}
+declare function useTimeViewport(viewportStart?: TimeInput, viewportEnd?: TimeInput, format?: string): UseTimeViewportDerivedResult;
+declare function useTimeViewportBlockGeometry(viewportStart?: TimeInput, viewportEnd?: TimeInput): UseTimeViewportBlockGeometryResult;
+declare function useTimeViewportTicks({ viewportStart, viewportEnd, format, }: Pick<TimeViewportHeaderProps, 'viewportStart' | 'viewportEnd' | 'format'>): UseTimeViewportTicksResult;
+declare const useTimeViewportHeader: typeof useTimeViewportTicks;
+/**
+ * A resizable timeline block based on block time range and viewport time range.
+ * Width and offset are automatically derived from datetime overlap.
+ */
+declare function TimeViewportBlock({ start, end, viewportStart, viewportEnd, height, minWidthPx, borderRadius, colorPalette, background, label, showLabel, hideWhenOutOfView, onClick, }: TimeViewportBlockProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Vertical marker line for a timestamp in the current viewport.
+ */
+declare function TimeViewportMarkerLine({ timestamp, viewportStart, viewportEnd, height, colorPalette, color, lineWidthPx, label, showLabel, hideWhenOutOfView, }: TimeViewportMarkerLineProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Header labels for timeline viewport time scale.
+ */
+declare function TimeViewportHeader({ viewportStart, viewportEnd, tickCount, tickStrategy, tickUnit, tickStep, format, height, color, borderColor, showBottomBorder, animationDurationMs, animationEasing, }: TimeViewportHeaderProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * Vertical grid lines for measuring block positions in the viewport.
+ * Render inside a relative container that also contains blocks.
+ */
+declare function TimeViewportGrid({ viewportStart, viewportEnd, tickCount, tickStrategy, tickUnit, tickStep, format, minorDivisions, majorLineColor, minorLineColor, showMinorLines, zIndex, animationDurationMs, animationEasing, }: TimeViewportGridProps): react_jsx_runtime.JSX.Element | null;
+declare function TimeViewportBlocks({ blocks, viewportStart, viewportEnd, height, minWidthPx, borderRadius, defaultColorPalette, showLabel, hideWhenOutOfView, hideEmptyTracks, gap, allowOverlap, overlapOpacity, renderTrackPrefix, renderTrackSuffix, renderBlock, renderTrack, onBlockClick, virtualize, virtualHeight, overscan, }: TimeViewportBlocksProps): react_jsx_runtime.JSX.Element;
+declare function TimeRangeZoom({ range, onRangeChange, minDurationMs, maxDurationMs, zoomFactor, resetDurationMs, showResetButton, disabled, labels, }: TimeRangeZoomProps): react_jsx_runtime.JSX.Element;
+declare function useTimeRangeZoom({ range, onRangeChange, minDurationMs, maxDurationMs, zoomFactor, resetDurationMs, disabled, labels, }: TimeRangeZoomProps): UseTimeRangeZoomResult;
+
 interface RecordDisplayProps {
     object: object | null;
     boxProps?: BoxProps;
@@ -1214,7 +1277,7 @@ declare const DefaultTableServer: ({ isLoading: isLoadingOverride, ...props }: D
 interface DataDisplayProps {
     variant?: 'horizontal' | 'stats' | '';
 }
-declare const DataDisplay: ({ variant }: DataDisplayProps) => react_jsx_runtime.JSX.Element;
+declare const DataDisplay: ({}: DataDisplayProps) => react_jsx_runtime.JSX.Element;
 
 interface CalendarEvent<TData = unknown> {
     data: TData;
@@ -1422,7 +1485,17 @@ declare module '@tanstack/react-table' {
          * Only applies when canResize={false}.
          */
         responsivePriority?: number;
+        /**
+         * Grid column span for data display layout.
+         * Used in DataDisplay component.
+         */
+        gridColumn?: string | string[];
+        /**
+         * Grid row span for data display layout.
+         * Used in DataDisplay component.
+         */
+        gridRow?: string | object;
     }
 }
 
-export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type ErrorMessageConfig, type ErrorMessageResult, type FieldErrorConfig, type FilePickerLabels, type FilePickerMediaFile, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, FormTitle, type GetColumnsConfigs, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetStyleProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, type LoadInitialValuesParams, type LoadInitialValuesResult, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeCalendarProps, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, type TagPickerProps, TextCell, type TextCellProps, type TimePickerLabels, type Translate, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type ValidationErrorType, ViewDialog, buildErrorMessages, buildFieldErrors, buildRequiredErrors, convertToAjvErrorsFormat, createErrorMessage, defaultRenderDisplay, getColumns, getMultiDates, getRangeDates, idPickerSanityCheck, useDataTable, useDataTableContext, useDataTableServer, useForm, widthSanityCheck };
+export { CalendarDisplay, type CalendarDisplayProps, type CalendarEvent, type CalendarProps, CardHeader, type CardHeaderProps, type CustomJSONSchema7, type CustomJSONSchema7Definition, type CustomQueryFn, type CustomQueryFnParams, type CustomQueryFnResponse, DataDisplay, type DataDisplayProps, type DataResponse, DataTable, type DataTableDefaultState, type DataTableProps, DataTableServer, type DataTableServerProps, DatePickerContext, DatePickerInput, type DatePickerInputProps, type DatePickerLabels, type DatePickerProps, type DateTimePickerLabels, DefaultCardTitle, DefaultForm, type DefaultFormProps, DefaultTable, type DefaultTableProps, DefaultTableServer, type DefaultTableServerProps, DensityToggleButton, type DensityToggleButtonProps, type EditFilterButtonProps, EditSortingButton, type EditSortingButtonProps, type EditViewButtonProps, EmptyState, type EmptyStateProps, type EnumPickerLabels, ErrorAlert, type ErrorAlertProps, type FilePickerLabels, type FilePickerMediaFile, FilePickerMediaFileSchema, type FilePickerProps, FilterDialog, FormBody, type FormButtonLabels, FormRoot, type FormRootProps, type GetDateColorProps, type GetMultiDatesProps, type GetRangeDatesProps, type GetVariantProps, GlobalFilter, type IdPickerLabels, type LoadInitialValuesParams, type LoadInitialValuesResult, MediaLibraryBrowser, type MediaLibraryBrowserProps, PageSizeControl, type PageSizeControlProps, Pagination, type QueryParams, type RangeDatePickerLabels, type RangeDatePickerProps, RecordDisplay, type RecordDisplayProps, ReloadButton, type ReloadButtonProps, ResetFilteringButton, ResetSelectionButton, ResetSortingButton, type Result, RowCountText, SelectAllRowsToggle, type SelectAllRowsToggleProps, Table, TableBody, type TableBodyProps, TableCardContainer, type TableCardContainerProps, TableCards, type TableCardsProps, TableComponent, TableControls, type TableControlsProps, TableDataDisplay, type TableDataDisplayProps, TableFilter, TableFilterTags, type TableFilterTagsProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, type TableHeaderTexts, TableLoadingComponent, type TableLoadingComponentProps, type TableProps, type TableRendererProps, type TableRowSelectorProps, TableSelector, TableSorter, TableViewer, TextCell, type TextCellProps, type TimePickerLabels, TimeRangeZoom, type TimeRangeZoomLabels, type TimeRangeZoomProps, TimeViewportBlock, type TimeViewportBlockItem, type TimeViewportBlockProps, type TimeViewportBlockRenderArgs, TimeViewportBlocks, type TimeViewportBlocksProps, TimeViewportGrid, type TimeViewportGridProps, TimeViewportHeader, type TimeViewportHeaderProps, type TimeViewportHeaderTick, TimeViewportMarkerLine, type TimeViewportMarkerLineProps, TimeViewportRoot, type TimeViewportRootProps, type TimeViewportTrackRenderArgs, type UseDataTableProps, type UseDataTableReturn, type UseDataTableServerProps, type UseDataTableServerReturn, type UseFormProps, type UseTimeRangeZoomResult, type UseTimeViewportBlockGeometryResult, type UseTimeViewportDerivedResult, type UseTimeViewportTicksResult, type ValidationErrorType, ViewDialog, type ViewableTimeRange, defaultRenderDisplay, getMultiDates, getRangeDates, useDataTable, useDataTableContext, useDataTableServer, useForm, useTimeRangeZoom, useTimeViewport, useTimeViewportBlockGeometry, useTimeViewportHeader, useTimeViewportTicks };