@televet/kibble-ui 1.14.7 → 1.14.8

package/build/components/Forms/DatePicker/components/Day/day.component.d.ts

@@ -0,0 +1,7 @@
+interface DayProps {
+    dayLabel: string;
+    date: Date;
+    onDaySelected: () => void;
+}
+declare const Day: ({ dayLabel, date, onDaySelected }: DayProps) => JSX.Element;
+export default Day;

package/build/components/Forms/DatePicker/components/Month/month.component.d.ts

@@ -0,0 +1,9 @@
+import { FirstDayOfWeek } from '@datepicker-react/hooks';
+export interface MonthProps {
+    year: number;
+    month: number;
+    firstDayOfWeek: FirstDayOfWeek;
+    onDaySelected: () => void;
+}
+declare const Month: ({ year, month, firstDayOfWeek, onDaySelected }: MonthProps) => JSX.Element;
+export default Month;

package/build/components/Forms/DatePicker/datepicker.argTypes.d.ts

@@ -0,0 +1,94 @@
+export declare const datepickerArgTypes: {
+    date: {
+        defaultValue: Date;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        type: {
+            name: string;
+        };
+    };
+    dateFormat: {
+        defaultValue: string;
+        description: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        type: string;
+    };
+    onDateChange: {
+        description: string;
+        action: string;
+        control: null;
+        table: {
+            type: {
+                summary: string;
+            };
+        };
+    };
+    placement: {
+        description: string;
+        options: import("@chakra-ui/popper/dist/declarations/src/popper.placement").PlacementWithLogical[];
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    minYear: {
+        defaultValue: number;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: number;
+            };
+        };
+    };
+    maxYear: {
+        defaultValue: number;
+        description: string;
+        control: string;
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: number;
+            };
+        };
+    };
+    onChange: any;
+    size: any;
+    label: any;
+    helperText: any;
+    helperTextAlignment: any;
+    errorText: any;
+    isDisabled: any;
+    isInvalid: any;
+    isReadOnly: any;
+    isRequired: any;
+    autoFocus: any;
+    labelStyle: any;
+    formControlStyle: any;
+};

package/build/components/Forms/DatePicker/datepicker.component.d.ts

@@ -0,0 +1,21 @@
+import { PlacementWithLogical } from '@chakra-ui/react';
+import { TextInputProps } from '..';
+import { DateFormats } from './datepicker.types';
+export interface DatePickerProps {
+    date: Date | null;
+    onDateChange?: (date: Date | null) => void;
+    dateFormat?: string | DateFormats;
+    inputProps?: Omit<TextInputProps, 'onChange' | 'value'>;
+    placement?: PlacementWithLogical;
+    minYear?: number;
+    maxYear?: number;
+}
+/**
+ * A simple date picker component.
+ *
+ * Note: Be careful with dateFormat and allowing search (inputProps.IsReadOnly = false) as changing the format
+ * can cause exceptions to be thrown.
+ *
+ * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md
+ */
+export declare const BetaDatePicker: ({ date, onDateChange, inputProps, placement, dateFormat, minYear, maxYear, }: DatePickerProps) => JSX.Element;

package/build/components/Forms/DatePicker/datepicker.context.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface IDatePickerContext {
+    focusedDate: Date | null;
+    isDateFocused: (date: Date) => boolean;
+    isDateSelected: (date: Date) => boolean;
+    isDateHovered: (date: Date) => boolean;
+    isDateBlocked: (date: Date) => boolean;
+    isFirstOrLastSelectedDate: (date: Date) => boolean;
+    onDateFocus: (date: Date) => void;
+    onDateHover: (date: Date) => void;
+    onDateSelect: (date: Date) => void;
+}
+export declare const DatePickerContext: React.Context<IDatePickerContext>;
+export declare const useDatePickerContext: () => IDatePickerContext;
+interface IDatePickerProvider extends IDatePickerContext {
+    date?: Date;
+    children: React.ReactNode;
+}
+declare const DatePickerProvider: ({ date, children, ...rest }: IDatePickerProvider) => JSX.Element;
+export default DatePickerProvider;

package/build/components/Forms/DatePicker/datepicker.types.d.ts

@@ -0,0 +1,5 @@
+export declare enum DateFormats {
+    'ShortDate' = "MM/dd/yyyy",
+    'LongDate' = "MMM dd yyyy",
+    'DayOfWeekDayOfMonth' = "eeee, MMMM do"
+}

package/build/components/Forms/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './datepicker.component';
+export * from './datepicker.context';

package/build/components/Forms/index.d.ts

@@ -6,3 +6,4 @@ export * from './Radio';
 export * from './RatingDots';
 export * from './Select';
 export * from './Switch';
+export * from './DatePicker';

package/build/components/Overlay/Tooltip/tooltip.types.d.ts

@@ -1,9 +1,7 @@
 import { AdaptiveColor } from '../../../theme/tokens';
-import { Placement } from '@chakra-ui/react';
 export interface TooltipStyleConfig {
     color: AdaptiveColor;
     baseStyle: {
         zIndex: string;
     };
 }
-export declare const tooltipPlacementOptions: Placement[];