@maxio-com/react-ui-components 9.25.0 → 9.26.0

package/typings/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode, HTMLAttributes, LiHTMLAttributes, ButtonHTMLAttributes, AnchorHTMLAttributes, RefObject, FC, ElementType, InputHTMLAttributes } from 'react';
 import { RowData, Row, Table, ExpandedState, RowSelectionState, SortingState, TableOptions } from '@tanstack/react-table';
 export { createColumnHelper } from '@tanstack/react-table';
-import { PopoverProps as PopoverProps$1, ToggleButtonGroupProps, ToggleButtonProps, ListBoxProps as ListBoxProps$1, ListBoxLoadMoreItemProps, ListBoxItemProps as ListBoxItemProps$1, ListBoxSectionProps as ListBoxSectionProps$1, HeaderProps, ComboBoxProps as ComboBoxProps$1, ValidationResult, TextFieldProps as TextFieldProps$1, DateValue, CalendarProps as CalendarProps$1, RangeCalendarProps as RangeCalendarProps$1 } from 'react-aria-components';
+import { PopoverProps as PopoverProps$1, ToggleButtonGroupProps, ToggleButtonProps, ListBoxProps as ListBoxProps$1, ListBoxLoadMoreItemProps, ListBoxItemProps as ListBoxItemProps$1, ListBoxSectionProps as ListBoxSectionProps$1, HeaderProps, ComboBoxProps as ComboBoxProps$1, ValidationResult, TextFieldProps as TextFieldProps$1, DateValue, DateFieldProps as DateFieldProps$1, DatePickerProps as DatePickerProps$1, DateRangePickerProps as DateRangePickerProps$1, CalendarProps as CalendarProps$1, RangeCalendarProps as RangeCalendarProps$1 } from 'react-aria-components';
 export { DialogTrigger, Pressable } from 'react-aria-components';
 import * as _floating_ui_react_dom_interactions from '@floating-ui/react-dom-interactions';
 import { MotionProps } from 'framer-motion';
@@ -831,6 +831,45 @@ declare const FormErrorMessage: ({ children, className, ...props }: FormErrorMes
 
 declare const FormHelperText: ({ children, className, ...props }: React$1.HtmlHTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
 
+interface DateFieldProps<T extends DateValue = DateValue> extends Omit<DateFieldProps$1<T>, 'children'> {
+    label?: ReactNode;
+    description?: ReactNode;
+    errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
+}
+
+declare const DateField: <T extends DateValue>({ label, description, errorMessage, className, ...props }: DateFieldProps<T>) => React$1.JSX.Element;
+
+interface Preset<T> {
+    label: string;
+    value: T | null;
+    isDisabled?: boolean;
+}
+
+interface DatePickerProps<T extends DateValue = DateValue> extends Omit<DatePickerProps$1<T>, 'children'> {
+    presets?: readonly DatePreset<T>[];
+    presetsLabel?: string;
+    label?: ReactNode;
+    description?: ReactNode;
+    errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
+}
+type DatePreset<T extends DateValue = DateValue> = Preset<T>;
+
+declare const DatePicker: <T extends DateValue>({ label, description, errorMessage, className, presets, presetsLabel, ...props }: DatePickerProps<T>) => React$1.JSX.Element;
+
+interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<DateRangePickerProps$1<T>, 'children'> {
+    presets?: readonly DateRangePreset<T>[];
+    presetsLabel?: string;
+    label?: ReactNode;
+    description?: ReactNode;
+    errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
+}
+type DateRangePreset<T extends DateValue = DateValue> = Preset<{
+    start: T | null;
+    end: T | null;
+}>;
+
+declare const DateRangePicker: <T extends DateValue>({ label, description, errorMessage, className, presets, presetsLabel, ...props }: DateRangePickerProps<T>) => React$1.JSX.Element;
+
 type ChipProps = AriaToggleButtonProps & {
     label: string;
     title?: string;
@@ -923,5 +962,5 @@ type AuthLayoutProps = {
 
 declare const AuthLayout: ({ children, heading, description, sentiment, leadingElement, alert, topAddon, footer, }: AuthLayoutProps) => React$1.JSX.Element;
 
-export { ActionList, Alert, AuthLayout, Avatar, Banner, Body, Breadcrumbs, BreadcrumbsItem, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, Code, ComboBox, CopyToClipboard, DataTable, Display, Drawer, EmptyState, Flex, FormErrorMessage, FormHelperText, GlobalToastProvider, Grid, Heading, Icon, IconButton, Label, Link, ListBox, LoadingSpinner, Logo, Menu, MenuButton, MenuList, OverlayTrigger, Pagination, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, SegmentedControl, Select, SideNavWrapper as SideNav, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextArea, TextField, TextInput, Tile, ToastProvider, ToastQueue, Toggle, Tooltip, TooltipTrigger, TopBar, useElementResizeObserver, useHover, useOverlayTrigger, useToast, useWindowSize };
-export type { CalendarProps, ComboBoxProps, CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant, DrawerProps, EmptyStateHeadingLevel, EmptyStateProps, Interactions, OverlayAriaRole, Placement, PopoverProps, RangeCalendarProps, SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, TextAreaProps, TextFieldProps, TextInputProps };
+export { ActionList, Alert, AuthLayout, Avatar, Banner, Body, Breadcrumbs, BreadcrumbsItem, Button, Calendar, Card, Checkbox, CheckboxGroup, Chip, Code, ComboBox, CopyToClipboard, DataTable, DateField, DatePicker, DateRangePicker, Display, Drawer, EmptyState, Flex, FormErrorMessage, FormHelperText, GlobalToastProvider, Grid, Heading, Icon, IconButton, Label, Link, ListBox, LoadingSpinner, Logo, Menu, MenuButton, MenuList, OverlayTrigger, Pagination, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, SegmentedControl, Select, SideNavWrapper as SideNav, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, TextArea, TextField, TextInput, Tile, ToastProvider, ToastQueue, Toggle, Tooltip, TooltipTrigger, TopBar, useElementResizeObserver, useHover, useOverlayTrigger, useToast, useWindowSize };
+export type { CalendarProps, ComboBoxProps, CopyToClipboardProps, CopyToClipboardSize, CopyToClipboardVariant, DateFieldProps, DatePickerProps, DatePreset, DateRangePickerProps, DateRangePreset, DrawerProps, EmptyStateHeadingLevel, EmptyStateProps, Interactions, OverlayAriaRole, Placement, PopoverProps, RangeCalendarProps, SegmentedControlItemProps, SegmentedControlProps, SegmentedControlSize, TextAreaProps, TextFieldProps, TextInputProps };