@cwellt_software/cwellt-reactjs-lib 1.2.5 → 1.2.7

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, HTMLProps, FC, ReactNode, CSSProperties, ReactElement, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
+import React__default, { HTMLProps, PropsWithChildren, FC, ReactNode, CSSProperties, ReactElement, HTMLAttributes, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
 import * as CSS from 'csstype';
 import { FormInstance } from 'antd/lib/form';
-import { ItemType } from 'antd/lib/menu/hooks/useItems';
+import { Matcher } from 'react-day-picker';
 
 declare class CwSelectList {
     type: string;
@@ -35,58 +35,6 @@ declare function CwHeadingMain(props: React__default.PropsWithChildren<React__de
 
 declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
 
-interface CwAlignProps extends Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>, "className" | "style"> {
-    alignContent?: CSS.Property.AlignContent;
-    alignItems?: CSS.Property.AlignItems;
-    alignSelf?: CSS.Property.AlignSelf;
-    bottom?: CSS.Property.Bottom;
-    display?: CSS.Property.Display;
-    flexBasis?: CSS.Property.FlexBasis;
-    flexDirection?: CSS.Property.FlexDirection;
-    flexGrow?: CSS.Property.FlexGrow;
-    flexShrink?: CSS.Property.FlexShrink;
-    flexWrap?: CSS.Property.FlexWrap;
-    cssHeight?: CSS.Property.Height;
-    justifyContent?: CSS.Property.JustifyContent;
-    left?: CSS.Property.Left;
-    margin?: CSS.Property.Margin;
-    order?: CSS.Property.Order;
-    padding?: CSS.Property.Padding;
-    position?: CSS.Property.Position;
-    right?: CSS.Property.Right;
-    top?: CSS.Property.Top;
-    cssWidth?: CSS.Property.Width;
-    gap?: CSS.Property.Gap;
-}
-/**
- * General purpose aligner flex container, useful for column or row view.
- * @remarks
- * ```txt
- * flexDirection="row" (default):
- *
- * <Row A> | - item 1 - item 2 - item 3 |
- * <Row B> | - item 1 - item 2 - item 3 |
- *
- * flexDirection="column":
- *
- *   <Col A>    <Col B>
- * | - item 1 | - item 1 |
- * | - item 2 | - item 2 |
- * | - item 3 | - item 3 |
- *
- * ```
- * @example
- * <CwAlign flexDirection="column">
- *   <div>
- *     <h2>ColumnA</h2>
- *   </div>
- *   <div>
- *     <h2>ColumnB</h2>
- *   </div>
- * </CwAlign>
- */
-declare function CwAlign(props: CwAlignProps): react_jsx_runtime.JSX.Element;
-
 interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement>>, "className"> {
     /** Text to display on the label; Same as props.children
      * @example text="Name:" */
@@ -100,14 +48,12 @@ interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement
     labelWidth?: CSS.Property.Width;
     /** css height */
     labelHeight?: CSS.Property.Height;
-    /** CwAlign properties */
-    alignProps?: CwAlignProps;
 }
 /**
  * Label for form controls.
  * @example
  * ```tsx
- * <CwLabelForm justify="right" >Username:</CwLabelForm>
+ * <CwLabel justify="right" >Username:</CwLabel>
  * ```
  */
 declare function CwLabel(props: CwLabelProps): react_jsx_runtime.JSX.Element;
@@ -153,20 +99,6 @@ interface CwChipProps {
 **/
 declare const CwChip: React__default.FC<CwChipProps>;
 
-interface CwTagProps {
-    children?: any;
-    styleTag?: React$1.CSSProperties;
-    styleTag_description?: React$1.CSSProperties;
-    closableTag?: boolean;
-    className?: string;
-    onClickTag?: (clickEvent: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    onClickClosableTag?: (clickEvent: React$1.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    idTag?: string;
-    ref?: any;
-    styleClosableButton?: React$1.CSSProperties;
-}
-declare function CwTag(tagProps: React$1.PropsWithChildren<CwTagProps>): react_jsx_runtime.JSX.Element;
-
 declare enum CwMessageType {
     ERROR = "close-circle",
     WARN = "warning",
@@ -421,6 +353,7 @@ interface CwGenericTooltipProps {
     position?: TooltipPosition;
     overlayStyle?: CSSProperties;
     showDelay?: number;
+    displayInline?: boolean;
 }
 declare const CwGenericTooltip: FC<CwGenericTooltipProps>;
 
@@ -443,6 +376,10 @@ interface CwModalProps {
     custButtonTitle?: string;
     custColorButtonTooltip?: string;
 }
+/**
+ * **Note:** For new development, we recommend using {@link CwDialog} instead. CwModal remains supported for existing code.
+ * @see {@link CwDialog}
+ */
 declare function CwModal(custModalProps: React__default.PropsWithChildren<CwModalProps>): react_jsx_runtime.JSX.Element;
 
 interface ConfirmationPopupProps {
@@ -457,40 +394,6 @@ interface ConfirmationPopupProps {
 }
 declare function CwConfirmationPopup(props: ConfirmationPopupProps): react_jsx_runtime.JSX.Element;
 
-interface CwModalConfirmProps {
-    modalStateConfirm?: boolean;
-    children?: any;
-    classNameModalOverlay?: string;
-    classNameModalConfirm?: string;
-    widthModalConfirm?: string | number;
-    headerTextConfirm?: string;
-    onCloseModalConfirm?: any;
-    descriptionModalConfirm?: string;
-    onClickActionModalConfirm?: any;
-    confirmClassName?: string;
-    confirmText?: string;
-}
-declare function CwModalConfirm(custModalProps: React__default.PropsWithChildren<CwModalConfirmProps>): react_jsx_runtime.JSX.Element;
-
-interface CwModalIframeProps {
-    url: string;
-    title: string;
-    width: number;
-    height: number;
-    visible: boolean;
-    SET_IFRAME_VISIBLE: (visible: boolean) => void;
-    cblConfig: string;
-}
-interface State$5 {
-    disabled: boolean;
-}
-declare class CwModalIframe extends React$1.Component<CwModalIframeProps, State$5> {
-    constructor(Props: CwModalIframeProps);
-    draggableRef: React$1.RefObject<HTMLDivElement>;
-    handleCancel: () => void;
-    render(): react_jsx_runtime.JSX.Element;
-}
-
 interface CwReportModalFunctionalProps {
     content: string;
     name: string;
@@ -518,7 +421,7 @@ interface CwReportModalProps {
     SET_MODAL_REPORT_VISIBLE: (visible: boolean) => void;
     isModal?: boolean;
 }
-interface State$4 {
+interface State$3 {
     disabled: boolean;
     modalPosition: {
         top: number;
@@ -528,7 +431,7 @@ interface State$4 {
     };
     isModal: boolean;
 }
-declare class CwReportModal extends React$1.Component<CwReportModalProps, State$4> {
+declare class CwReportModal extends React$1.Component<CwReportModalProps, State$3> {
     formRef: React$1.RefObject<FormInstance<any>>;
     constructor(props: Readonly<CwReportModalProps>);
     render(): react_jsx_runtime.JSX.Element;
@@ -591,6 +494,58 @@ declare class CwDialogManager {
     static GetOpenDialogCount(): number;
 }
 
+interface CwAlignProps extends Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>, "className" | "style"> {
+    alignContent?: CSS.Property.AlignContent;
+    alignItems?: CSS.Property.AlignItems;
+    alignSelf?: CSS.Property.AlignSelf;
+    bottom?: CSS.Property.Bottom;
+    display?: CSS.Property.Display;
+    flexBasis?: CSS.Property.FlexBasis;
+    flexDirection?: CSS.Property.FlexDirection;
+    flexGrow?: CSS.Property.FlexGrow;
+    flexShrink?: CSS.Property.FlexShrink;
+    flexWrap?: CSS.Property.FlexWrap;
+    cssHeight?: CSS.Property.Height;
+    justifyContent?: CSS.Property.JustifyContent;
+    left?: CSS.Property.Left;
+    margin?: CSS.Property.Margin;
+    order?: CSS.Property.Order;
+    padding?: CSS.Property.Padding;
+    position?: CSS.Property.Position;
+    right?: CSS.Property.Right;
+    top?: CSS.Property.Top;
+    cssWidth?: CSS.Property.Width;
+    gap?: CSS.Property.Gap;
+}
+/**
+ * General purpose aligner flex container, useful for column or row view.
+ * @remarks
+ * ```txt
+ * flexDirection="row" (default):
+ *
+ * <Row A> | - item 1 - item 2 - item 3 |
+ * <Row B> | - item 1 - item 2 - item 3 |
+ *
+ * flexDirection="column":
+ *
+ *   <Col A>    <Col B>
+ * | - item 1 | - item 1 |
+ * | - item 2 | - item 2 |
+ * | - item 3 | - item 3 |
+ *
+ * ```
+ * @example
+ * <CwAlign flexDirection="column">
+ *   <div>
+ *     <h2>ColumnA</h2>
+ *   </div>
+ *   <div>
+ *     <h2>ColumnB</h2>
+ *   </div>
+ * </CwAlign>
+ */
+declare function CwAlign(props: CwAlignProps): react_jsx_runtime.JSX.Element;
+
 type CardChip = Omit<CwChipProps, 'closable' | 'onClose' | 'className' | 'style'>;
 interface CwCardProps {
     /*** Unique identifier for the card **/
@@ -692,7 +647,7 @@ interface CwAccordionContainerProps {
  */
 declare function CwAccordionContainer(CwelltAccordionContainerProps: React$1.PropsWithChildren<CwAccordionContainerProps>): react_jsx_runtime.JSX.Element;
 
-interface Column<T = any> {
+interface Column$1<T = any> {
     title: string;
     dataIndex?: keyof T;
     key: string;
@@ -705,7 +660,7 @@ interface DataItem {
     [key: string]: any;
 }
 interface CwTableProps<T = any> {
-    columns: Column<T>[];
+    columns: Column$1<T>[];
     data: T[];
     pagination?: boolean;
     pageSizeOptions?: number[];
@@ -713,7 +668,7 @@ interface CwTableProps<T = any> {
     onExpand?: (record: T) => void;
     classNameContainer?: string;
     className?: string;
-    classNameRow?: string;
+    classNameRow?: string | ((record: T) => string);
     style?: React__default.CSSProperties;
     id?: string;
     textNoData?: string;
@@ -721,6 +676,11 @@ interface CwTableProps<T = any> {
     loading?: boolean;
     scrollHeight?: number | string;
     stickyHeader?: boolean;
+    rowSelection?: {
+        selectedRowKeys?: T[keyof T][];
+        onChange?: (selectedKeys: T[keyof T][], selectedRows: T[]) => void;
+        type?: "single" | "multiple";
+    };
 }
 /**
  * A reusable and customizable table component.
@@ -730,23 +690,23 @@ interface CwTableProps<T = any> {
  * @example
  * const columns: Column<User>[] = [
  *   {
- *     title: 'Name',
- *     dataIndex: 'name',
- *     key: 'name',
+ *     title: "Name",
+ *     dataIndex: "name",
+ *     key: "name",
  *     sortable: true, // Column is sortable
  *     width: 100 // You can define the width of the column
  *   },
  *   {
- *     title: 'Age',
- *     dataIndex: 'age',
- *     key: 'age',
+ *     title: "Age",
+ *     dataIndex: "age",
+ *     key: "age",
  *     sortable: true,
  *     render: (item) => <span>{item.age} years</span> // Custom rendering
  *   },
  *   {
- *     title: 'Address',
- *     dataIndex: 'address',
- *     key: 'address',
+ *     title: "Address",
+ *     dataIndex: "address",
+ *     key: "address",
  *     render: (item) => (
  *       <a href={`https://maps.google.com/?q=${encodeURIComponent(item.address)}`} target="_blank" rel="noreferrer">
  *         {item.address}
@@ -756,12 +716,12 @@ interface CwTableProps<T = any> {
  * ];
  *
  * const data:User[] = [
- *   { key: '1', name: 'Mike', age: 32, address: '10 Downing Street' },
- *   { key: '2', name: 'John', age: 42, address: '11 Downing Street' },
- *   { key: '3', name: 'Andres', age: 33, address: '12 Downing Street' },
- *   { key: '4', name: 'Gabriel', age: 22, address: '13 Downing Street' },
- *   { key: '5', name: 'Sergio', age: 47, address: '14 Downing Street' },
- *   { key: '6', name: 'Zacarias', age: 61, address: '15 Downing Street' }
+ *   { key: "1", name: "Mike", age: 32, address: "10 Downing Street" },
+ *   { key: "2", name: "John", age: 42, address: "11 Downing Street" },
+ *   { key: "3", name: "Andres", age: 33, address: "12 Downing Street" },
+ *   { key: "4", name: "Gabriel", age: 22, address: "13 Downing Street" },
+ *   { key: "5", name: "Sergio", age: 47, address: "14 Downing Street" },
+ *   { key: "6", name: "Zacarias", age: 61, address: "15 Downing Street" }
  * ];
  *
  * const generateExpandedContent = (record) => (
@@ -776,8 +736,8 @@ interface CwTableProps<T = any> {
  *   pagination={true}
  *   pageSizeOptions={[3, 5, 10]} // Optional, defaults to [5, 10, 20, 50]
  *   expandedRowRender={generateExpandedContent}
- *   onExpand={(item) => console.log('Expanded:', item)}
- *   rowKey="key" // Optional, defaults to 'key'
+ *   onExpand={(item) => console.log("Expanded:", item)}
+ *   rowKey="key" // Optional, defaults to "key"
  *   textNoData="No data available" // Optional message when no data
  *   loading={false} // Optional, shows loading indicator
  *   scrollHeight={300} // Optional scroll height, defaults to 300
@@ -786,12 +746,108 @@ interface CwTableProps<T = any> {
  *   className="my-table" // Optional table class
  *   classNameRow="my-table-row" // Optional class for each row
  *   id="custom-table-id" // Optional ID for the container
- *   style={{ border: '1px solid #ccc' }} // Optional inline styles
+ *   style={{ border: "1px solid #ccc" }} // Optional inline styles
  * />
  *
  * @returns React component
  */
-declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
+declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, rowSelection, }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
+
+interface ServerSideTableState<T = any> {
+    page: number;
+    pageSize: number;
+    sortKey?: keyof T | null;
+    sortDirection?: "asc" | "desc" | null;
+}
+interface Column<T = any> {
+    title: string;
+    dataIndex?: keyof T;
+    key: string;
+    render?: (item: T) => React__default.ReactNode;
+    className?: string;
+    sortable?: boolean;
+    width?: number | string;
+}
+interface CwTableServerSideProps<T = any> {
+    columns: Column<T>[];
+    data: T[];
+    totalItems: number;
+    pagination?: boolean;
+    pageSizeOptions?: number[];
+    expandedRowRender?: (record: T) => React__default.ReactNode;
+    onExpand?: (record: T) => void;
+    classNameContainer?: string;
+    className?: string;
+    classNameRow?: string | ((record: T) => string);
+    style?: React__default.CSSProperties;
+    id?: string;
+    textNoData?: string;
+    rowKey?: keyof T;
+    loading?: boolean;
+    scrollHeight?: number | string;
+    stickyHeader?: boolean;
+    rowSelection?: {
+        selectedRowKeys?: T[keyof T][];
+        onChange?: (selectedKeys: T[keyof T][], selectedRows: T[]) => void;
+        type?: "single" | "multiple";
+    };
+    onChange?: (state: ServerSideTableState<T>) => void;
+    serverState?: ServerSideTableState<T>;
+}
+/**
+ * A reusable and customizable table component (server-side pagination and sorting).
+ *
+ * @param props - Component props to configure columns, data, styles, pagination, expanded rows, and more.
+ *
+ * @example
+ * // --- Componente padre ---
+ * const columns: Column<User>[] = [
+ *   { title: "Name", dataIndex: "name", key: "name", sortable: true },
+ *   { title: "Age", dataIndex: "age", key: "age", sortable: true },
+ *   { title: "Address", dataIndex: "address", key: "address" }
+ * ];
+ *
+ * // Estado para datos, total y paginación/ordenación
+ * const [tableState, setTableState] = useState<ServerSideTableState<User>>({
+ *   page: 1,
+ *   pageSize: 5,
+ *   sortKey: null,
+ *   sortDirection: null
+ * });
+ * const [data, setData] = useState<User[]>([]);
+ * const [totalItems, setTotalItems] = useState(0);
+ * const [loading, setLoading] = useState(false);
+ *
+ * // Simulación de fetch al servidor
+ * useEffect(() => {
+ *   setLoading(true);
+ *   fetch(`/api/users?page=${tableState.page}&pageSize=${tableState.pageSize}` +
+ *     (tableState.sortKey ? `&sortKey=${tableState.sortKey}&sortDirection=${tableState.sortDirection}` : "")
+ *   )
+ *     .then(res => res.json())
+ *     .then(({ items, total }) => {
+ *       setData(items);
+ *       setTotalItems(total);
+ *     })
+ *     .finally(() => setLoading(false));
+ * }, [tableState]);
+ *
+ * <CwTableServerSide<User>
+ *   columns={columns}
+ *   data={data}
+ *   totalItems={totalItems}
+ *   pagination={true}
+ *   pageSizeOptions={[5, 10, 20]}
+ *   loading={loading}
+ *   serverState={tableState}
+ *   onChange={setTableState}
+ *   rowKey="id"
+ *   textNoData="No data available"
+ * />
+ *
+ * @returns React component
+ */
+declare function CwTableServerSide<T = any>({ columns, data, totalItems, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, rowSelection, onChange, serverState, }: Readonly<CwTableServerSideProps<T>>): react_jsx_runtime.JSX.Element;
 
 interface Tab {
     key: string;
@@ -799,6 +855,8 @@ interface Tab {
     content: React__default.ReactNode;
     icon?: React__default.ReactNode | string;
     iconClassName?: string;
+    badge?: number | string;
+    badgeColor?: string;
 }
 interface CwTabsProps {
     id?: string;
@@ -861,7 +919,7 @@ declare const CwExpandable: FC<CwExpandableProps>;
 /**
  * Props for the CwKeyValueList component
  */
-interface CwKeyValueListProps {
+interface CwKeyValueListProps extends HTMLAttributes<HTMLDListElement> {
     items: Array<{
         key: string;
         label: string;
@@ -1110,6 +1168,7 @@ interface CwFileUploadMultipleProps {
     onError?: (error: string) => void;
     className?: string;
     disabled?: boolean;
+    initialFileName?: string;
 }
 declare function CwFileUploadMultiple(fileUploadProps: React__default.PropsWithChildren<CwFileUploadMultipleProps>): react_jsx_runtime.JSX.Element;
 
@@ -1137,12 +1196,14 @@ declare function CwInput(CwInputProps: React__default.PropsWithChildren<CwInputP
  * @param color - Color theme: 'primary' (default), 'danger', or 'neutral'
  * @param icon - Icon identifier for CSS classes (cwi-{icon})
  * @param className - Additional CSS classes
+ * @param title - Built-in tooltip
+ * @param tooltipPosition - Tooltip position: 'top', 'bottom' (default), 'left', 'right'
  * @param children - Custom button content (overrides text and icon rendering)
  *
  * @example
  * <CwButton text="Save" />
  * <CwButton text="Delete" variant="outline" color="danger" />
- * <CwButton variant="icon" icon="edit" />
+ * <CwButton variant="icon" icon="edit" title="Edit item" />
  * <CwButton icon="star" text="Favorite" color="primary" />
  * <CwButton className="custom-class">Custom content</CwButton>
  */
@@ -1151,9 +1212,10 @@ interface CwButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'solid' | 'outline' | 'icon';
     color?: 'primary' | 'danger' | 'neutral';
     icon?: string;
+    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
     ref?: React.LegacyRef<HTMLButtonElement>;
 }
-declare function CwButton({ text, variant, color, className, icon, children, ...buttonProps }: CwButtonProps): react_jsx_runtime.JSX.Element;
+declare function CwButton({ text, variant, color, className, icon, title, tooltipPosition, children, ...buttonProps }: CwButtonProps): react_jsx_runtime.JSX.Element;
 
 interface CwDigitProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
     /** Props to define alignment and size; undefined == column
@@ -1656,38 +1718,6 @@ interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOptionEleme
  */
 declare function CwOption(props: CwOptionProps): react_jsx_runtime.JSX.Element;
 
-interface CwDropdownProps extends HTMLProps<HTMLDivElement> {
-    selectList: Array<CwSelectList>;
-    labelName: string;
-    labelPosition?: string;
-    labelClassName?: string;
-    handleChange?: (value: any) => void;
-    placeholder?: string;
-    className?: string;
-    style?: React__default.CSSProperties;
-    styleSelect?: React__default.CSSProperties;
-    styleOption?: React__default.CSSProperties;
-    disabled?: boolean;
-    error?: boolean;
-    defaultSelected?: any;
-}
-declare function CwDropdown(optionsProps: React__default.PropsWithChildren<CwDropdownProps>): react_jsx_runtime.JSX.Element;
-
-interface CwDropdownContainerProps {
-    dropDownState?: boolean;
-    idDropDownContainer?: string;
-    children?: any;
-    listItems?: Array<OptionListItems>;
-    onKeyDownDropDownContainer?: any;
-    onMouseLeaveDropDownContainer?: any;
-    className?: string;
-}
-interface OptionListItems {
-    idListOption?: string | number | any;
-    childrenOptionList?: string | any;
-}
-declare function CwDropdownContainer(dropDownContainerProps: React$1.PropsWithChildren<CwDropdownContainerProps>): react_jsx_runtime.JSX.Element;
-
 interface CwDropdownListItems {
     IdDropDown_filter?: string | number | any;
     dropDownFilter_desc?: string | any;
@@ -1704,27 +1734,6 @@ interface CwDropdownFilterProps {
 }
 declare function CwDropdownFilter(props: React$1.PropsWithChildren<CwDropdownFilterProps>): react_jsx_runtime.JSX.Element;
 
-interface MultiselectProps {
-    selectLists: Array<Array<CwSelectList>>;
-    handleChange?: (value: any, test: any) => void;
-    selectedItems?: Array<CwSelectList>;
-}
-interface State$3 {
-    selected: any;
-    isVisibleDropDown: any;
-    activeClassName: string;
-}
-declare class MultiSelect extends React$1.Component<MultiselectProps, State$3> {
-    constructor(Props: MultiselectProps);
-    componentDidMount(): void;
-    onClickSelect: () => void;
-    handleOnDropDownVisibleChange: () => void;
-    onKeyUpSelect: (e_KeyUp_select: any) => void;
-    onMouseHoverDropDownActive: () => boolean;
-    onMouseLeaveMultiSelect: (event_mouseLeave: any) => void;
-    render(): react_jsx_runtime.JSX.Element;
-}
-
 interface CwMultiFilterTagProps {
     /** Make sure each ID is unique */
     ID: string;
@@ -1740,8 +1749,8 @@ interface CwMultiFilterTagProps {
         g: number;
         b: number;
     };
-    /** color for text and outline of the tag/filter/chip, you can use hexToRGB("#222222") instead */
-    OnPrimaryColor: {
+    /** @deprecated No longer used. Color contrast is calculated automatically. Will be removed in future version. */
+    OnPrimaryColor?: {
         r: number;
         g: number;
         b: number;
@@ -1767,46 +1776,6 @@ declare function itemsToMultiFilterTags(items: Array<any>, nameKey: string, valu
     b: number;
 }): Set<ICwMultiFilterTag>;
 
-interface CwHeadFilterProps {
-    style?: React$1.CSSProperties;
-    className?: string;
-    placeholder_desc?: string;
-    children?: any;
-    onShowDropDown?: any;
-    onChangeSearch?: any;
-    Id?: string;
-    tagValueContent?: any;
-    onClearValue?: any;
-    onKeypressInput?: any;
-    onMouseLeave?: any;
-    onBlur?: any;
-}
-declare function CwHeadFilter(cwelltFilterTabMultiSelectProps: React$1.PropsWithChildren<CwHeadFilterProps>): react_jsx_runtime.JSX.Element;
-
-interface CwFilterTabProps {
-    id?: string;
-    idDropDownContainer?: string;
-    style?: React__default.CSSProperties;
-    placeholder?: string;
-    onclickHandleChange?: any;
-    selectListsItems?: Array<Array<CwSelectListProps>>;
-    selectedListsItems?: Array<CwSelectListProps>;
-}
-declare function CwMultiselect(CwelltCustomFilterTabProps: React__default.PropsWithChildren<CwFilterTabProps>): JSX.Element;
-
-interface CwOptionListProps {
-    children?: any;
-    value?: string;
-    title?: string;
-    onClick?: any;
-    idOptionList?: string | number | any;
-    onKeyPress?: any;
-    onChangeOptionList?: any;
-    isSelected?: boolean;
-    style?: React$1.CSSProperties;
-}
-declare function CwOptionList(optionListProps: React$1.PropsWithChildren<CwOptionListProps>): react_jsx_runtime.JSX.Element;
-
 interface CwMultiFilterProps {
     /** Classic HTML id, needed to simplify UI testing */
     id: string;
@@ -1831,7 +1800,7 @@ interface CwMultiFilterProps {
  * - `Category`: Group the filter belongs to
  * - `ID`: Unique identifier for the filter
  * - `PrimaryColor`: Background color of the tag
- * - `OnPrimaryColor`: Text color of the tag
+ * - `OnPrimaryColor`: (Optional, deprecated) Text color of the tag - contrast is now calculated automatically
  *
  * ```
  * ╭───────────────────────────────────────────────────────────────╮
@@ -1873,7 +1842,6 @@ interface CwMultiFilterProps {
  *       Value: "admin",
  *       Category: "Roles",
  *       ID: "Roles_admin",
- *       OnPrimaryColor: hexToRGB("#2050a8"),
  *       PrimaryColor: hexToRGB("#cedcff")
  *     },
  *     {
@@ -1881,7 +1849,6 @@ interface CwMultiFilterProps {
  *       Value: "user",
  *       Category: "Roles",
  *       ID: "Roles_user",
- *       OnPrimaryColor: hexToRGB("#2050a8"),
  *       PrimaryColor: hexToRGB("#cedcff")
  *     },
  *     {
@@ -1889,7 +1856,6 @@ interface CwMultiFilterProps {
  *       Value: "IT",
  *       Category: "Departments",
  *       ID: "Departments_IT",
- *       OnPrimaryColor: hexToRGB("#a82037"),
  *       PrimaryColor: hexToRGB("#ffceda")
  *     },
  *     {
@@ -1897,7 +1863,6 @@ interface CwMultiFilterProps {
  *       Value: "HR",
  *       Category: "Departments",
  *       ID: "Departments_HR",
- *       OnPrimaryColor: hexToRGB("#a82037"),
  *       PrimaryColor: hexToRGB("#ffceda")
  *     }
  *   ]);
@@ -1979,17 +1944,97 @@ declare function CwTreeView<T>({ data, onSelect, allowParentSelection, selectedI
 
 interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
     selectList: Array<CwSelectList>;
-    labelName?: string;
-    labelPosition?: string;
+    labelProps?: CwLabelProps;
+    iconProps?: CwIconProps;
+    alignProps?: CwAlignProps;
     handleChange?: (value: any) => void;
     placeholder?: string;
     className?: string;
     style?: React__default.CSSProperties;
     disabled?: boolean;
     error?: boolean;
+    renderOption?: (option: CwSelectList) => React__default.ReactNode;
 }
 declare function CwSearchInput(optionsProps: React__default.PropsWithChildren<CwSearchInputProps>): react_jsx_runtime.JSX.Element;
 
+type Placement = 'bottom' | 'top' | 'left' | 'right';
+interface MenuOption {
+    key: string;
+    label: string | React__default.ReactNode;
+    disabled?: boolean;
+    icon?: React__default.ReactNode;
+}
+/**
+ * Advanced context menu anchored to an element with arrow indicator.
+ * Opens on right-click and positions itself relative to the trigger element.
+ * Supports controlled state, complex options with icons, automatic viewport adjustment, and smart placement flipping.
+ * Optimized for Scheduler / Timelines / Datagrids.
+ *
+ * @example
+ * // Basic usage with simple string options
+ * <CwAnchoredMenu
+ *     options={['Edit', 'Delete', 'Copy']}
+ *     onSelect={(key) => handleAction(key)}
+ *     placement="bottom"
+ * >
+ *     <div>Right-click me!</div>
+ * </CwAnchoredMenu>
+ *
+ * @example
+ * // Advanced usage with MenuOption objects
+ * <CwAnchoredMenu
+ *     options={[
+ *         { key: 'edit', label: 'Edit item', icon: <EditIcon /> },
+ *         { key: 'delete', label: 'Delete item', disabled: false },
+ *         { key: 'info', label: <span style={{color: 'blue'}}>Info</span> }
+ *     ]}
+ *     onSelect={(key) => handleAction(key)}
+ *     placement="bottom"
+ * >
+ *     <div>Right-click me!</div>
+ * </CwAnchoredMenu>
+ *
+ * @example
+ * // Controlled mode for complex UIs (schedulers, timelines)
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <CwAnchoredMenu
+ *     open={isOpen}
+ *     onOpenChange={setIsOpen}
+ *     onContextMenu={(e) => {
+ *         console.log('Menu opened at', e.clientX, e.clientY);
+ *         // Handle custom logic here
+ *     }}
+ *     options={menuOptions}
+ *     onSelect={(key) => handleAction(key)}
+ *     placement="bottom"
+ * >
+ *     <div className="scheduler-event">Event</div>
+ * </CwAnchoredMenu>
+ *
+ * @remarks
+ * - Automatically flips placement when reaching viewport edges (bottom↔top, left↔right)
+ * - Menu centers on click position for better UX
+ * - Arrow always points to trigger element center
+ * - Uses useLayoutEffect to prevent visual flickering
+ * - Works with complex nested elements (e.g., positioned absolute children)
+ */
+interface CwAnchoredMenuProps extends React__default.PropsWithChildren {
+    /** Array of menu options (strings or MenuOption objects) */
+    options: (string | MenuOption)[];
+    /** Callback when an option is selected */
+    onSelect: (key: string) => void;
+    /** Preferred placement of the menu (will auto-flip if no space) @default 'bottom' */
+    placement?: Placement;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes (for controlled mode) */
+    onOpenChange?: (open: boolean) => void;
+    /** Callback when context menu is triggered (right-click) */
+    onContextMenu?: (event: React__default.MouseEvent) => void;
+}
+declare const CwAnchoredMenu: React__default.FC<CwAnchoredMenuProps>;
+
 interface ContextMenuProps extends React__default.PropsWithChildren {
     options: string[];
     offset?: {
@@ -1998,98 +2043,267 @@ interface ContextMenuProps extends React__default.PropsWithChildren {
     };
     onSelect: (option: string) => void;
 }
-/**
- * A context menu that is rendered when the user clicks on a button.
- * @author NVS
- * @example
- * <ContextMenu
- *  options={['Option 1', 'Option 2', 'Option 3']}
- *  onSelect={(option) => console.log(`Selected: ${option}`)}
- * >
- *   <div>Right-click me!</div>
- * </ContextMenu>
- */
 declare const CwContextMenu: React__default.FC<ContextMenuProps>;
 
-interface CwContextualMenuProps {
-    children?: any;
-    handleContextMenu?: any;
-    onClick?: any;
-    dataSourceContextMenu?: Array<CwDataItemsListProps>;
-    dataSourceContextMenu_schd?: Array<CwDataItemsListSchdProps>;
-}
-interface CwDataItemsListProps {
-    idDataItem?: string | number | any;
-    dataItemContent?: string | any;
-    style?: React$1.CSSProperties;
-    styleDataItem?: React$1.CSSProperties;
-}
-interface CwDataItemsListSchdProps {
-    key?: string;
-    text?: string;
-    icon?: string;
-    color?: string;
-}
-declare function CwContextualMenu(CwelltRightClickProps: React$1.PropsWithChildren<CwContextualMenuProps>): react_jsx_runtime.JSX.Element;
-
 /**
- * A floating button.
- * @identifier cw_btnFloatingButton
- * @classes cw_btnFloatingButtonActive
- * @dependencies #CwScheduler #CwSchedulerActive #cwelltContentDuty #cwelltContentDutyActive
+ * Props for legacy icon button wrappers
+ * @deprecated These wrappers exist for backward compatibility.
+ * New code should use <CwButton variant="icon" icon="..." /> directly.
+ * Migration happens organically as files are modified.
  */
-declare function CwFloatingButton(): react_jsx_runtime.JSX.Element;
-interface cwButtonsDescProps {
-    cw_btn_desc: string;
-    cw_btnOnclick: any;
+interface cw_btnProps extends Omit<CwButtonProps, 'variant' | 'icon' | 'color'> {
+    /** @deprecated Use onClick instead */
+    cw_btnOnclick?: () => void;
+    /** @deprecated Use disabled instead */
     cw_btn_disabled?: boolean;
 }
-declare function CwButtonDef({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
-interface cw_btnProps {
-    cw_btnOnclick: any;
-    cw_btn_disabled?: boolean;
-    cw_name?: string;
-}
-declare function CwBtnAdd({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnSave({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnSearch({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnDownload({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnPrint({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnRefresh({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnHide({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnSelect({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnShare({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnFiles({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnAirport({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnDownLoadAllInfo({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnPropertyFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnAddFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnEditFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnUploadFiles({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnGoBackFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnBookMark({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnPublish({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnBulkDuty({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnDropDownMenu({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnAlert({ cw_btnOnclick, cw_btn_disabled, cw_name }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnNavFirstItemView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnNavLastItemView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnNavPreviewItem({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnNavNextDay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnStatistic({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnCrewPlanning({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnReleasePeriod({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnGeneratePairing({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnImportRequests({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnPairing({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnVacations({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnMVT({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
-declare function CwBtnDelay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+/**
+ * Save button wrapper
+ * @deprecated Use <CwButton variant="icon" icon="save" onClick={...} /> instead
+ */
+declare function CwBtnSave({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+/**
+ * Edit button wrapper
+ * @deprecated Use <CwButton variant="icon" icon="edit" onClick={...} /> instead
+ */
+declare function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+/**
+ * Delete button wrapper
+ * @deprecated Use <CwButton variant="icon" icon="delete" color="danger" onClick={...} /> instead
+ */
+declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled, onClick, disabled, ...rest }: cw_btnProps): react_jsx_runtime.JSX.Element;
+
+type DateMatcher$2 = Matcher;
+interface CwDatePickerProps {
+    /** Current selected date */
+    value?: Date;
+    /** Callback when date changes */
+    onChange: (date: Date | undefined) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher$2;
+    /** Default month to display when calendar opens */
+    defaultMonth?: Date;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Display format for the input (default: dd/MM/yyyy) */
+    displayFormat?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display (default: 1) */
+    numberOfMonths?: number;
+    showTodayButton?: boolean;
+}
+declare function CwDatePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, defaultMonth, labelProps, alignProps, placeholder, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, }: Readonly<CwDatePickerProps>): react_jsx_runtime.JSX.Element;
+
+interface DateRangePreset {
+    key: string;
+    label: string;
+    getValue: () => {
+        from: Date;
+        to: Date;
+    };
+}
+
+type DateMatcher$1 = Matcher;
+interface DateRangeValue {
+    from: Date | undefined;
+    to: Date | undefined;
+}
+interface CwDateRangePickerProps {
+    /** Current selected date range */
+    value?: DateRangeValue;
+    /** Callback when date range changes */
+    onChange: (range: DateRangeValue | undefined) => void;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher$1;
+    /** Maximum number of days allowed in range (optional) */
+    maxRangeDays?: number;
+    /** Default month to display when calendar opens */
+    defaultMonth?: Date;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for "from" input */
+    placeholderFrom?: string;
+    /** Placeholder text for "to" input */
+    placeholderTo?: string;
+    /** Display format for the inputs (default: dd.MM.yyyy) */
+    displayFormat?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear buttons */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display (default: 2 for ranges) */
+    numberOfMonths?: number;
+    /**
+     * Show preset buttons
+     * @default false
+     */
+    showPresets?: boolean;
+    /**
+     * Keys of presets to display from PRESET_LIBRARY
+     * @example ['thisWeek', 'past7Days', 'past30Days']
+     */
+    presetKeys?: string[];
+    /**
+     * Custom presets to add alongside library presets
+     */
+    customPresets?: DateRangePreset[];
+}
+declare function CwDateRangePicker({ value, onChange, minDate, maxDate, disabledDates, disabledMatcher, maxRangeDays, defaultMonth, labelProps, alignProps, placeholderFrom, placeholderTo, displayFormat, disabled, required, className, showClear, popupPosition, numberOfMonths, showPresets, presetKeys, customPresets, }: Readonly<CwDateRangePickerProps>): react_jsx_runtime.JSX.Element;
+
+interface CwDateTimePickerProps {
+    /** Current selected datetime */
+    value?: Date;
+    /** Callback when datetime changes */
+    onChange: (datetime: Date | undefined) => void;
+    /** Minimum selectable datetime */
+    minDateTime?: Date | string;
+    /** Maximum selectable datetime */
+    maxDateTime?: Date | string;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher$2;
+    /** Interval in minutes for time selection (default: 15) */
+    timeInterval?: 5 | 10 | 15 | 30 | 60;
+    /** Minimum selectable time in format "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time in format "HH:mm" */
+    maxTime?: string;
+    /** Props for label component (applies to the container) */
+    labelProps?: CwLabelProps;
+    /** Props for alignment (applies to the container) */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for date input */
+    datePlaceholder?: string;
+    /** Placeholder text for time input */
+    timePlaceholder?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear buttons on individual inputs */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display in calendar (default: 1) */
+    numberOfMonths?: number;
+    /** Show "Now" button to select current date and time */
+    showNowButton?: boolean;
+}
+declare function CwDateTimePicker({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, datePlaceholder, timePlaceholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showNowButton, }: Readonly<CwDateTimePickerProps>): react_jsx_runtime.JSX.Element;
+
+type DateMatcher = Matcher;
+interface CwDateTimePickerCompactProps {
+    /** Current selected datetime */
+    value?: Date;
+    /** Callback when datetime changes */
+    onChange: (datetime: Date | undefined) => void;
+    /** Minimum selectable datetime */
+    minDateTime?: Date;
+    /** Maximum selectable datetime */
+    maxDateTime?: Date;
+    /** Array of specific dates to disable */
+    disabledDates?: Date[];
+    /** Function to determine if a date should be disabled */
+    disabledMatcher?: DateMatcher;
+    /** Interval in minutes for time selection (default: 15) */
+    timeInterval?: 5 | 10 | 15 | 30 | 60;
+    /** Minimum selectable time in format "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time in format "HH:mm" */
+    maxTime?: string;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-top" | "right-bottom";
+    /** Number of months to display (default: 1) */
+    numberOfMonths?: number;
+    showTodayButton?: boolean;
+}
+declare function CwDateTimePickerCompact({ value, onChange, minDateTime, maxDateTime, disabledDates, disabledMatcher, timeInterval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, numberOfMonths, showTodayButton, }: Readonly<CwDateTimePickerCompactProps>): react_jsx_runtime.JSX.Element;
+
+interface CwTimePickerProps {
+    /** Current selected time in format "HH:mm" (24h format) */
+    value?: string;
+    /** Callback when time changes - returns format "HH:mm" */
+    onChange: (time: string | undefined) => void;
+    /** Interval in minutes for time selection (default: 15) */
+    interval?: 5 | 10 | 15 | 30 | 60;
+    /** Minimum selectable time in format "HH:mm" */
+    minTime?: string;
+    /** Maximum selectable time in format "HH:mm" */
+    maxTime?: string;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text for input */
+    placeholder?: string;
+    /** Is the input disabled */
+    disabled?: boolean;
+    /** Is the input required */
+    required?: boolean;
+    /** Additional CSS class for container */
+    className?: string;
+    /** Show clear button */
+    showClear?: boolean;
+    /** Pop Up Position */
+    popupPosition?: "left-bottom" | "left-top" | "right-bottom" | "right-top";
+    /**
+     * Use native time input instead of custom picker
+     * Recommended for mobile devices and better accessibility
+     * @default false on desktop, true on mobile
+     */
+    useNative?: boolean;
+}
+declare function CwTimePicker({ value, onChange, interval, minTime, maxTime, labelProps, alignProps, placeholder, disabled, required, className, showClear, popupPosition, useNative, }: CwTimePickerProps): react_jsx_runtime.JSX.Element;
 
 declare class cblEvent$1 {
     id: string;
@@ -2458,7 +2672,7 @@ interface SchedulerEventDm {
     icons?: ReactElement;
     rectangleColors?: string[];
     tooltip?: ReactNode;
-    contextMenuItems?: ItemType[];
+    contextMenuItems?: MenuOption[];
     primaryTimeMarkerColor?: string;
     secondaryTimeMarkerColor?: string;
     eventType?: number;
@@ -2511,7 +2725,7 @@ interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
     events: P[];
     backgroundEvents: BackgroundEventDm[];
     rows: T[];
-    contextMenuItems: ItemType[];
+    contextMenuItems: MenuOption[];
     orderCategories?: OrderCategory<T>[];
     useOrderCategory?: boolean;
     RowTitleComp: React__default.ComponentType<RowHeaderProps<T>>;
@@ -2526,7 +2740,7 @@ interface SchedulerRowProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
     events: P[];
     backgroundEvents: BackgroundEventDm[];
     rowHeader: RowHeaderProps<T>;
-    contextMenuItems?: ItemType[];
+    contextMenuItems?: MenuOption[];
     EventComp: ComponentType<SchedulerEventState<P>>;
     RowTitleComp: ComponentType<RowHeaderProps<T>>;
     BackgroundEventComp: ComponentType<SchedulerEventState<BackgroundEventDm>>;
@@ -2555,7 +2769,7 @@ type resourceCompProps2 = {
 
 interface PinRowHeaderProps extends RowHeaderDm {
     isPinned: boolean;
-    contextMenuItems: ItemType[];
+    contextMenuItems: MenuOption[];
     isLoading: boolean;
     highlightColor?: string;
     tooltip?: ReactNode;
@@ -2571,7 +2785,7 @@ interface SuperSchedulerProps {
     rows: PinRowHeaderProps[];
     events: SchedulerEventDm[];
     backgroundEvents: BackgroundEventDm[];
-    contextMenuItems: ItemType[];
+    contextMenuItems: MenuOption[];
     pinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
     unPinnedOrderCategory?: OrderCategory<PinRowHeaderProps>[];
     onEvent: OnEvent;
@@ -2602,6 +2816,8 @@ interface CwFindAirportProps {
     disabled?: boolean;
     displayMode?: DisplayMode;
     width?: string;
+    labelProps?: CwLabelProps;
+    alignProps?: CwAlignProps;
 }
 declare const CwFindAirport: React__default.FC<CwFindAirportProps>;
 
@@ -2623,7 +2839,8 @@ declare class OnDoubleClickEvent implements UiEvent {
 }
 declare class OnDragEvent implements UiEvent {
     readonly id: string;
-    constructor(id: string);
+    readonly crewId: string;
+    constructor(id: string, crewId: string);
 }
 declare class OnDropEvent implements UiEvent {
     readonly id: string;
@@ -2681,4 +2898,5 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-export { type BackgroundEventDm, type CardChip, CblDragAndDrop$1 as CblDragAndDrop, type ChipColorScheme, type ChipVariant, type Column, type ConfirmationPopupProps, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwButton, CwButtonDef, CwCard, CwCardList, type CwCardListProps, type CwCardProps, CwCheckbox, CwChip, type CwChipProps, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwExpandable, type CwExpandableProps, CwFileUpload, CwFileUploadMultiple, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwNote, type CwNoteProps, CwOption, CwOptionList, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSortableList, type CwSortableListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, type CwTreeNode, CwTreeView, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, type ImageItem, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, type Tab, UiEvent, type Weekday, Weekdays, type ZoomImageItem, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage, useSortableList };
+export { CblDragAndDrop$1 as CblDragAndDrop, CwAccordionContainer, CwAlign, CwAnchoredMenu, CwBtnDelete, CwBtnEdit, CwBtnSave, CwButton, CwCard, CwCardList, CwCheckbox, CwChip, CwColorPicker, CwConfirmationPopup, CwContextMenu, CwDatePicker, CwDateRangePicker, CwDateTimePicker, CwDateTimePickerCompact, CwDialog, CwDialogManager, CwDigit, CwDisplayMessage, CwDropdownFilter, CwExpandable, CwFileUpload, CwFileUploadMultiple, CwFindAirport, CwGenericTooltip, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, CwImageGallery, CwImageZoom, CwInput, CwInputColor, CwInputDate, CwInputDatePicker, CwInputDateText, CwInputDatetime, CwInputImage, CwInputNumber, CwInputPhone, CwInputText, CwKeyValueList, CwLabel, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, CwMessageType, CwModal, CwModalHover, CwModalReportFunctional, CwMultiFilter, CwMultiFilterTag, CwNote, CwOption, CwReportModal, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, CwSortableList, CwSuperScheduler, CwTable, CwTableGrouped, CwTableServerSide, CwTabs, CwTextArea, CwTime, CwTimePicker, CwToggle, CwTooltip, CwTreeView, CwWeekdaySelector, DefaultRowHeader, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, Resource, Scheduler, SchedulerEvent, SuperScheduler, UiEvent, Weekdays, cblEvent, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, useCwMessage, useSortableList };
+export type { BackgroundEventDm, CardChip, ChipColorScheme, ChipVariant, Column$1 as Column, ConfirmationPopupProps, CwAlignProps, CwCardListProps, CwCardProps, CwChipProps, CwDialogProps, CwExpandableProps, CwImageAreaMethods, CwImageAreaProps, CwInputDatePickerProps, CwInputDateProps, CwInputDateTextProps, CwInputDatetimeProps, CwInputImageProps, CwInputNumberProps, CwInputPhoneProps, CwInputTextProps, CwInputTimeProps, CwKeyValueListProps, CwLabelProps, CwMessageProps, CwModalHoverProps, CwMultiFilterProps, CwMultiFilterTagProps, CwNoteProps, CwReportModalFunctionalProps, CwSelectListProps, CwSortableListProps, CwTableGroupedData, CwTableGroupedData_Group, CwTableGroupedData_Row, CwTableGroupedProps, CwTextAreaProps, CwTreeNode, DataItem, DateRangeValue, ICwMultiFilterTag, ImageItem, MenuOption, OnEvent, PinRowHeaderProps, RowHeaderDm, RowHeaderProps, SchedulerEventDm, SchedulerEventState, SchedulerRowProps, SchedulerState, ServerSideTableState, SuperSchedulerProps, Tab, Weekday, ZoomImageItem, cblEventCompProps, resourceCompProps2 };