@mantine/dates 9.0.0-alpha.2 → 9.0.0-alpha.4

package/lib/components/MaskedDateInput/MaskedDateInput.d.ts

@@ -1,123 +0,0 @@
-import { __BaseInputProps, __InputStylesNames, BoxProps, CloseButtonProps, DataAttributes, ElementProps, Factory, InputVariant, MantineSize, PopoverProps, StylesApiProps } from '@mantine/core';
-import { DateStringValue } from '../../types';
-import { CalendarBaseProps, CalendarStylesNames } from '../Calendar';
-import { DecadeLevelSettings } from '../DecadeLevel';
-import { MonthLevelSettings } from '../MonthLevel';
-import { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker/TimePicker.types';
-import { YearLevelSettings } from '../YearLevel';
-import type { MaskedDateInputOrder, MaskedDateInputPasteSplit } from './MaskedDateInput.types';
-export type MaskedDateInputStylesNames = 'fieldsRoot' | 'fieldsGroup' | 'field' | 'yearField' | 'separator' | 'dropdown' | CalendarStylesNames | __InputStylesNames;
-export interface MaskedDateInputProps extends BoxProps, Omit<__BaseInputProps, 'size'>, CalendarBaseProps, Omit<DecadeLevelSettings, 'size'>, Omit<YearLevelSettings, 'size'>, Omit<MonthLevelSettings, 'size'>, StylesApiProps<MaskedDateInputFactory>, ElementProps<'div', 'onChange' | 'defaultValue' | 'size'> {
-    /** Component size */
-    size?: MantineSize;
-    /** Controlled component value in YYYY-MM-DD or YYYY-MM-DDTHH:MM:SS format */
-    value?: DateStringValue | null;
-    /** Uncontrolled component default value */
-    defaultValue?: DateStringValue | null;
-    /** Called when value changes */
-    onChange?: (value: DateStringValue | null) => void;
-    /** Order of date fields, @default ['day', 'month', 'year'] */
-    dateFieldsOrder?: MaskedDateInputOrder;
-    /** Separator between date fields, @default '/' */
-    dateSeparator?: string;
-    /** Separator between time fields, @default ':' */
-    timeSeparator?: string;
-    /** Separator between date and time fields, @default ' ' */
-    dateTimeSeparator?: string;
-    /** Determines whether to show time inputs, @default false */
-    withTime?: boolean;
-    /** Determines whether to show seconds input, @default false */
-    withSeconds?: boolean;
-    /** Time format, @default '24h' */
-    timeFormat?: TimePickerFormat;
-    /** Labels used for am/pm values, @default { am: 'AM', pm: 'PM' } */
-    amPmLabels?: TimePickerAmPmLabels;
-    /** Props passed down to the `Popover` component */
-    popoverProps?: PopoverProps;
-    /** Determines whether the clear button should be displayed, @default false */
-    clearable?: boolean;
-    /** Props passed down to clear button */
-    clearButtonProps?: CloseButtonProps & ElementProps<'button'> & DataAttributes;
-    /** `name` prop passed down to the hidden input */
-    name?: string;
-    /** `form` prop passed down to the hidden input */
-    form?: string;
-    /** Called once when one of the inputs is focused */
-    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /** Called once when the focus is no longer on any of the inputs */
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    /** If set, the value cannot be updated */
-    readOnly?: boolean;
-    /** If set, the component becomes disabled */
-    disabled?: boolean;
-    /** Props passed down to day input */
-    dayInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** Props passed down to month input */
-    monthInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** Props passed down to year input */
-    yearInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** Props passed down to hours input */
-    hoursInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** Props passed down to minutes input */
-    minutesInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** Props passed down to seconds input */
-    secondsInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** Props passed down to am/pm select */
-    amPmSelectProps?: React.ComponentProps<'select'> & DataAttributes;
-    /** Props passed down to the hidden input */
-    hiddenInputProps?: React.ComponentProps<'input'> & DataAttributes;
-    /** A function to transform paste values */
-    pasteSplit?: MaskedDateInputPasteSplit;
-    /** A ref object to get node reference of the day input */
-    dayRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the month input */
-    monthRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the year input */
-    yearRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the hours input */
-    hoursRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the minutes input */
-    minutesRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the seconds input */
-    secondsRef?: React.Ref<HTMLInputElement>;
-    /** A ref object to get node reference of the am/pm select */
-    amPmRef?: React.Ref<HTMLSelectElement>;
-    /** Day input placeholder, @default 'DD' */
-    dayPlaceholder?: string;
-    /** Month input placeholder, @default 'MM' */
-    monthPlaceholder?: string;
-    /** Year input placeholder, @default 'YYYY' */
-    yearPlaceholder?: string;
-    /** Hours input placeholder, @default '--' */
-    hoursPlaceholder?: string;
-    /** Minutes input placeholder, @default '--' */
-    minutesPlaceholder?: string;
-    /** Seconds input placeholder, @default '--' */
-    secondsPlaceholder?: string;
-    /** `aria-label` for day input */
-    dayInputLabel?: string;
-    /** `aria-label` for month input */
-    monthInputLabel?: string;
-    /** `aria-label` for year input */
-    yearInputLabel?: string;
-    /** `aria-label` for hours input */
-    hoursInputLabel?: string;
-    /** `aria-label` for minutes input */
-    minutesInputLabel?: string;
-    /** `aria-label` for seconds input */
-    secondsInputLabel?: string;
-    /** `aria-label` of am/pm input */
-    amPmInputLabel?: string;
-}
-export type MaskedDateInputFactory = Factory<{
-    props: MaskedDateInputProps;
-    ref: HTMLDivElement;
-    stylesNames: MaskedDateInputStylesNames;
-    variant: InputVariant;
-}>;
-export declare const MaskedDateInput: import("@mantine/core").MantineComponent<{
-    props: MaskedDateInputProps;
-    ref: HTMLDivElement;
-    stylesNames: MaskedDateInputStylesNames;
-    variant: InputVariant;
-}>;

package/lib/components/MaskedDateInput/MaskedDateInput.types.d.ts

@@ -1,19 +0,0 @@
-import { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker/TimePicker.types';
-export type MaskedDateInputField = 'day' | 'month' | 'year';
-export type MaskedDateInputOrder = MaskedDateInputField[];
-export interface MaskedDateInputParsedValue {
-    day: number | null;
-    month: number | null;
-    year: number | null;
-    hours: number | null;
-    minutes: number | null;
-    seconds: number | null;
-    amPm: string | null;
-}
-export interface MaskedDateInputPasteSplit {
-    (input: {
-        value: string;
-        format: TimePickerFormat;
-        amPmLabels: TimePickerAmPmLabels;
-    }): MaskedDateInputParsedValue;
-}

package/lib/components/MaskedDateInput/index.d.ts

@@ -1,12 +0,0 @@
-import type { MaskedDateInputFactory, MaskedDateInputProps, MaskedDateInputStylesNames } from './MaskedDateInput';
-import type { MaskedDateInputField, MaskedDateInputOrder, MaskedDateInputPasteSplit } from './MaskedDateInput.types';
-export { MaskedDateInput } from './MaskedDateInput';
-export type { MaskedDateInputProps, MaskedDateInputStylesNames, MaskedDateInputFactory, MaskedDateInputField, MaskedDateInputOrder, MaskedDateInputPasteSplit, };
-export declare namespace MaskedDateInput {
-    type Props = MaskedDateInputProps;
-    type StylesNames = MaskedDateInputStylesNames;
-    type Factory = MaskedDateInputFactory;
-    type Field = MaskedDateInputField;
-    type Order = MaskedDateInputOrder;
-    type PasteSplit = MaskedDateInputPasteSplit;
-}

package/lib/components/MaskedDateInput/use-masked-date-input.d.ts

@@ -1,56 +0,0 @@
-import { DateStringValue } from '../../types';
-import { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker/TimePicker.types';
-import type { MaskedDateInputPasteSplit } from './MaskedDateInput.types';
-interface UseMaskedDateInputInput {
-    value: DateStringValue | undefined;
-    defaultValue: DateStringValue | undefined;
-    onChange: ((value: DateStringValue | null) => void) | undefined;
-    withTime: boolean | undefined;
-    withSeconds: boolean | undefined;
-    format: TimePickerFormat;
-    amPmLabels: TimePickerAmPmLabels;
-    min: string | undefined;
-    max: string | undefined;
-    minDate: DateStringValue | Date | undefined;
-    maxDate: DateStringValue | Date | undefined;
-    readOnly: boolean | undefined;
-    disabled: boolean | undefined;
-    clearable: boolean | undefined;
-    pasteSplit: MaskedDateInputPasteSplit | undefined;
-}
-export declare function useMaskedDateInput({ value, defaultValue, onChange, withTime, withSeconds, format, amPmLabels, min, max, minDate, maxDate, clearable, readOnly, disabled, pasteSplit, }: UseMaskedDateInputInput): {
-    values: {
-        day: number | null;
-        month: number | null;
-        year: number | null;
-        hours: number | null;
-        minutes: number | null;
-        seconds: number | null;
-        amPm: string | null;
-    };
-    setDay: (val: number | null) => void;
-    setMonth: (val: number | null) => void;
-    setYear: (val: number | null) => void;
-    setHours: (val: number | null) => void;
-    setMinutes: (val: number | null) => void;
-    setSeconds: (val: number | null) => void;
-    setAmPm: (val: string | null) => void;
-    setDateValue: (dateValue: DateStringValue | null) => void;
-    clear: () => void;
-    isClearable: boolean | undefined;
-    refs: {
-        day: import("react").RefObject<HTMLInputElement | null>;
-        month: import("react").RefObject<HTMLInputElement | null>;
-        year: import("react").RefObject<HTMLInputElement | null>;
-        hours: import("react").RefObject<HTMLInputElement | null>;
-        minutes: import("react").RefObject<HTMLInputElement | null>;
-        seconds: import("react").RefObject<HTMLInputElement | null>;
-        amPm: import("react").RefObject<HTMLSelectElement | null>;
-    };
-    focus: (field: "day" | "month" | "year" | "hours" | "minutes" | "seconds" | "amPm") => void;
-    onPaste: (event: React.ClipboardEvent<any>) => void;
-    hiddenInputValue: string;
-    calendarValue: string | null;
-    getDaysInMonth: () => number;
-};
-export {};