@veeqo/ui 6.2.0 → 6.3.0

package/dist/components/DateInputField/DateInputField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DateInputFieldProps } from './types';
+export declare const DateInputField: ({ id, className, style, shouldForceLeadingZeros, rightAction, minValue, maxvalue, startValue, endValue, isDisabled, isReadOnly, isRangeInput, hasError, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChange, onChangeStartDate, onChangeEndDate, }: DateInputFieldProps) => React.JSX.Element;

package/dist/components/DateInputField/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DateInputField: import("react").FC<import("./types").DateInputFieldProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;

package/dist/components/{DateRangeInput/DateRangeInput.d.ts → DateInputField/types.d.ts}

@@ -1,21 +1,34 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 import { DateValue } from 'react-aria-components';
-export type DateRangeInputProps = {
+import { ButtonProps } from '../Button/types';
+type DateInputRangeProps = {
+    isRangeInput: true;
+    onChangeStartDate: (value: DateValue) => void;
+    onChangeEndDate: (value: DateValue) => void;
+    onChange?: (value: DateValue) => void;
+};
+type DateInputSingleProps = {
+    isRangeInput?: false;
+    onChange: (value: DateValue) => void;
+    onChangeStartDate?: (value: DateValue) => void;
+    onChangeEndDate?: (value: DateValue) => void;
+};
+export type DateInputFieldProps = {
     id?: string;
     className?: string;
     style?: CSSProperties;
     shouldForceLeadingZeros?: boolean;
-    hasError?: boolean;
+    rightAction?: ButtonProps;
     startValue?: DateValue | null;
     endValue?: DateValue | null;
     minValue?: DateValue;
     maxvalue?: DateValue;
     isDisabled?: boolean;
     isReadOnly?: boolean;
+    isRangeInput?: boolean;
+    hasError?: boolean;
     'aria-label'?: string;
     'aria-labelledby'?: string;
     'aria-describedby'?: string;
-    onChangeStartDate: (value: DateValue) => void;
-    onChangeEndDate: (value: DateValue) => void;
-};
-export declare const DateRangeInput: ({ id, className, style, shouldForceLeadingZeros, hasError, minValue, maxvalue, startValue, endValue, isDisabled, isReadOnly, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, onChangeStartDate, onChangeEndDate, }: DateRangeInputProps) => React.JSX.Element;
+} & (DateInputRangeProps | DateInputSingleProps);
+export {};

package/dist/components/index.d.ts

@@ -16,7 +16,7 @@ export { Checkbox } from './Checkbox';
 export { Choice } from './Choice';
 export { ChoiceList } from './ChoiceList';
 export { CopyToClipboard } from './CopyToClipboard';
-export { DateRangeInput } from './DateRangeInput';
+export { DateInputField } from './DateInputField';
 export { DateRangePicker, DATE_RANGE_OPTIONS, DEFAULT_PRESET, DEFAULT_RANGE, DateRanges, checkIfDateRangeInvalid, getDateRange, } from './DateRangePicker';
 export { DataTable, useCellWidths, useColumns, useDragToScroll, useNested, useScrollPosition, useSelection, } from './DataTable';
 export { DescriptionList } from './DescriptionList';