@clasing/ui 0.1.56 → 0.1.58

package/dist/index.d.ts

@@ -87,6 +87,8 @@ export declare const buttonStyles: (props?: ({
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Calendar: React.FC<ICalendarProps>;
+
 export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<HTMLDivElement>>;
 
 declare const cardStyles: (props?: ({
@@ -115,6 +117,23 @@ export declare const Datepicker: ForwardRefExoticComponent<IDatepickerProps & Re
 
 export declare const DateRangePicker: ForwardRefExoticComponent<IDateRangePickerProps & RefAttributes<HTMLInputElement>>;
 
+export declare const DayTimePicker: ({ availableHours, excludeHours, onSelectionChange, locale, intervalMinutes, singleSelection, singleSelectionPerDay, }: DayTimePickerProps) => JSX_2.Element;
+
+declare interface DayTimePickerProps {
+    availableHours?: {
+        start: string;
+        end: string;
+    };
+    excludeHours?: string[];
+    onSelectionChange?: (selectedTimes: {
+        [key: string]: string[];
+    }) => void;
+    locale?: 'enGB' | 'enUS' | 'es';
+    intervalMinutes?: 30 | 60;
+    singleSelection?: boolean;
+    singleSelectionPerDay?: boolean;
+}
+
 declare type DropdownOption<T extends string | number | readonly string[] | undefined> = {
     label: string;
     value: T;
@@ -191,6 +210,16 @@ declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElem
     isActive?: boolean;
 }
 
+declare interface ICalendarProps {
+    locale?: 'enGB' | 'enUS' | 'es';
+    disabledDates?: Matcher | Matcher[] | undefined;
+    minDate?: Date;
+    maxDate?: Date;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}
+
 declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
 }
 
@@ -330,7 +359,7 @@ declare interface ITooltipProps extends React.HTMLAttributes<HTMLSpanElement>, V
     content: string;
 }
 
-export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, closeOnClickOutside, }: ModalProps) => ReactPortal | null;
+export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, closeOnClickOutside, closeButtonAriaLabel, }: ModalProps) => ReactPortal | null;
 
 declare interface ModalProps {
     className?: string;
@@ -340,6 +369,7 @@ declare interface ModalProps {
     canClose?: boolean;
     intent?: 'card' | 'sheet';
     closeOnClickOutside?: boolean;
+    closeButtonAriaLabel?: string;
 }
 
 declare type Option_2 = {
@@ -414,7 +444,7 @@ declare const tooltipStyles: (props?: ({
     shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
     intent?: "light" | "dark" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
-    placement?: "top" | "bottom" | "left" | "right" | null | undefined;
+    placement?: "left" | "right" | "top" | "bottom" | null | undefined;
     delay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
     closeDelay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
     rounded?: "sm" | "full" | null | undefined;