@xsolla/xui-date-picker 0.64.0-pr56.1768440195

package/native/index.d.mts

@@ -0,0 +1,99 @@
+import React, { ReactNode } from 'react';
+import * as locales from 'date-fns/locale';
+
+type CalendarLocaleType = keyof typeof locales;
+interface CalendarProps {
+    locale?: CalendarLocaleType;
+    /**
+     * The day to use as first day of the week, starting from 0 (Sunday) to 6 (Saturday).
+     */
+    firstDayOfWeek?: number;
+    /**
+     * The month to display in the calendar at first render.
+     */
+    initialMonth?: Date;
+    /**
+     * The month to display in the calendar.
+     */
+    month?: Date;
+    /**
+     * Select in range mode for calendar
+     */
+    selectsRange?: boolean;
+    /**
+     * The minimum selectable date
+     */
+    minDate?: Date | null;
+    /**
+     * The maximum selectable date
+     */
+    maxDate?: Date | null;
+    /**
+     * For range mode. Start date in selected period
+     */
+    startDate?: Date | null;
+    /**
+     * For range mode. End date in selected period
+     */
+    endDate?: Date | null;
+    /**
+     * The selected date
+     */
+    selectedDate?: Date | null;
+    /**
+     * Property sets the maximum height of a context menus for selecting month and year.
+     */
+    contextMenuMaxHeight?: number;
+    /**
+     * Returns custom content to display above the calendar's date picker.
+     */
+    topContent?: (datePicker: {
+        close: () => void;
+    }) => ReactNode;
+    /**
+     * Returns custom content to display beneath the calendar's date picker.
+     */
+    bottomContent?: (datePicker: {
+        close: () => void;
+    }) => ReactNode;
+    /**
+     * Test ID for testing frameworks
+     */
+    testID?: string;
+    /**
+     * Callback fired when the date changes
+     */
+    onChange?: (date: Date | [Date | null, Date | null]) => void;
+}
+type DateRangeType = [Date | null, Date | null];
+interface DatePickerProps extends Omit<CalendarProps, "onChange"> {
+    /**
+     * Event handler when the value of a Datepicker changes.
+     */
+    onChange?: (date: Date | DateRangeType) => void;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string;
+    /**
+     * Size of the input
+     */
+    size?: "xl" | "l" | "m" | "s" | "xs";
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom background color for the input
+     */
+    backgroundColor?: string;
+}
+
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<any>>;
+
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<any>>;
+
+declare function formatDate(date: Date, formatStr: string, locale?: CalendarLocaleType): string;
+declare function getMonthInLocale(month: number, locale?: CalendarLocaleType): string;
+
+export { Calendar, type CalendarLocaleType, type CalendarProps, DatePicker, type DatePickerProps, type DateRangeType, formatDate, getMonthInLocale };

package/native/index.d.ts

@@ -0,0 +1,99 @@
+import React, { ReactNode } from 'react';
+import * as locales from 'date-fns/locale';
+
+type CalendarLocaleType = keyof typeof locales;
+interface CalendarProps {
+    locale?: CalendarLocaleType;
+    /**
+     * The day to use as first day of the week, starting from 0 (Sunday) to 6 (Saturday).
+     */
+    firstDayOfWeek?: number;
+    /**
+     * The month to display in the calendar at first render.
+     */
+    initialMonth?: Date;
+    /**
+     * The month to display in the calendar.
+     */
+    month?: Date;
+    /**
+     * Select in range mode for calendar
+     */
+    selectsRange?: boolean;
+    /**
+     * The minimum selectable date
+     */
+    minDate?: Date | null;
+    /**
+     * The maximum selectable date
+     */
+    maxDate?: Date | null;
+    /**
+     * For range mode. Start date in selected period
+     */
+    startDate?: Date | null;
+    /**
+     * For range mode. End date in selected period
+     */
+    endDate?: Date | null;
+    /**
+     * The selected date
+     */
+    selectedDate?: Date | null;
+    /**
+     * Property sets the maximum height of a context menus for selecting month and year.
+     */
+    contextMenuMaxHeight?: number;
+    /**
+     * Returns custom content to display above the calendar's date picker.
+     */
+    topContent?: (datePicker: {
+        close: () => void;
+    }) => ReactNode;
+    /**
+     * Returns custom content to display beneath the calendar's date picker.
+     */
+    bottomContent?: (datePicker: {
+        close: () => void;
+    }) => ReactNode;
+    /**
+     * Test ID for testing frameworks
+     */
+    testID?: string;
+    /**
+     * Callback fired when the date changes
+     */
+    onChange?: (date: Date | [Date | null, Date | null]) => void;
+}
+type DateRangeType = [Date | null, Date | null];
+interface DatePickerProps extends Omit<CalendarProps, "onChange"> {
+    /**
+     * Event handler when the value of a Datepicker changes.
+     */
+    onChange?: (date: Date | DateRangeType) => void;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string;
+    /**
+     * Size of the input
+     */
+    size?: "xl" | "l" | "m" | "s" | "xs";
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom background color for the input
+     */
+    backgroundColor?: string;
+}
+
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<any>>;
+
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<any>>;
+
+declare function formatDate(date: Date, formatStr: string, locale?: CalendarLocaleType): string;
+declare function getMonthInLocale(month: number, locale?: CalendarLocaleType): string;
+
+export { Calendar, type CalendarLocaleType, type CalendarProps, DatePicker, type DatePickerProps, type DateRangeType, formatDate, getMonthInLocale };