@grasp-labs/ds-react-components 0.15.0 → 0.16.0

package/dist/components/datePicker/datePicker.d.ts

@@ -0,0 +1,35 @@
+import { ComponentProps } from 'react';
+import { DayPicker, Locale } from 'react-day-picker';
+type DayPickerClassNamesConfig = Pick<ComponentProps<typeof DayPicker>, "classNames" | "modifiersClassNames">;
+export type DatePickerProps = {
+    /** Label text displayed nex to the trigger button */
+    labelText: string;
+    /** Text displayed in trigger button, when date is not selected */
+    placeholderText: string;
+    /** Date displayed in trigger button, when date is selected */
+    selectedDate: Date | null;
+    /** Locale used to display texts of date-picker in correct language and present date with correct format */
+    locale?: Locale;
+    /** Min date available to select */
+    minDate?: Date;
+    /** Max date available to select */
+    maxDate?: Date;
+    /** Default month shown when date-picker is open */
+    defaultMonth?: Date;
+    /** Class name used to override default styles of component wrapper */
+    className?: string;
+    /** Config for class names used to override default styles of calendar */
+    dayPickerClassNames?: DayPickerClassNamesConfig;
+    /** Aria label added to the button, when date is selected */
+    nonEmptyButtonAriaLabel: string;
+    /** Callback function called when the date is changed */
+    onSelectedDateChange: (selectedDate: Date | null) => void;
+};
+/**
+ * A flexible date-picker component
+ *
+ * @param props - The props for the DatePicker component
+ * @returns The rendered date-picker
+ */
+export declare const DatePicker: ({ labelText, placeholderText, selectedDate, locale, minDate, maxDate, defaultMonth, className, dayPickerClassNames, nonEmptyButtonAriaLabel, onSelectedDateChange, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './datePicker';
+export type { DatePickerProps } from './datePicker';