randmarcomps 1.384.0 → 1.386.0

package/dist/randmarcomps.d.ts

@@ -6,6 +6,7 @@ import { ButtonProps as ButtonProps_2 } from './button';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ColumnDef } from '@tanstack/react-table';
+import { DayPicker } from 'react-day-picker';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -193,6 +194,10 @@ export declare const buttonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
+}): JSX.Element;
+
 export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
@@ -352,6 +357,24 @@ declare interface DataTableProps<TData, TValue> {
     loading?: boolean;
 }
 
+/**
+ * A reusable date picker component with a masked input and a calendar popover.
+ */
+export declare function DatePicker({ date, onDateChange, label, id, className, }: DatePickerProps): JSX.Element;
+
+declare interface DatePickerProps {
+    /** The currently selected date. */
+    date: Date | undefined;
+    /** Callback fired when the date is changed. */
+    onDateChange: (date: Date | undefined) => void;
+    /** The label to display above the input. */
+    label?: string;
+    /** The ID for the input element, used for the label's htmlFor attribute. */
+    id?: string;
+    /** Optional class names to apply to the root container. */
+    className?: string;
+}
+
 export declare const Dialog: {
     ({ modal, ...props }: DialogPrimitive.DialogProps): JSX.Element;
     displayName: string | undefined;