@airplane/views
Version:
A React library for building Airplane views. Views components are optimized in style and functionality to produce internal apps that are easy to build and maintain.
49 lines (48 loc) • 3 kB
TypeScript
import { Ref } from "react";
import { DateTimePickerProps } from "./DatePicker.types";
export declare const DateTimePickerComponent: import("react").ForwardRefExoticComponent<{
placeholder?: string | undefined;
label?: import("react").ReactNode;
description?: import("react").ReactNode;
error?: import("react").ReactNode;
disabled?: boolean | undefined;
size?: import("@mantine/core").MantineSize | undefined;
onChange?: ((value: import("../../state/components/datepicker/reducer").DatePickerTValue) => void) | undefined;
value?: import("../../state/components/datepicker/reducer").DatePickerTValue;
radius?: import("@mantine/core").MantineSize | undefined;
initiallyOpened?: boolean | undefined;
excludeDate?: ((date: Date) => boolean) | undefined;
clearable?: boolean | undefined;
onDropdownClose?: (() => void) | undefined;
variant?: "unstyled" | "default" | undefined;
autoFocus?: boolean | undefined;
withinPortal?: boolean | undefined;
classNames?: Partial<Record<import("@mantine/dates").DatePickerStylesNames, string>> | undefined;
} & import("../layout/layout.types").CommonLayoutProps & import("../styling.types").CommonStylingProps & import("react").RefAttributes<HTMLInputElement>>;
export declare const DateTimePicker: import("react").ForwardRefExoticComponent<{
id?: string | undefined;
defaultValue?: Date | undefined;
defaultDisabled?: boolean | undefined;
} & import("../../state/components/input/types").InputProps<import("../../state/components/datepicker/reducer").DatePickerTValue, import("../../state/components/datepicker/reducer").DatePickerTValue> & Omit<{
placeholder?: string | undefined;
label?: import("react").ReactNode;
description?: import("react").ReactNode;
error?: import("react").ReactNode;
disabled?: boolean | undefined;
size?: import("@mantine/core").MantineSize | undefined;
onChange?: ((value: import("../../state/components/datepicker/reducer").DatePickerTValue) => void) | undefined;
value?: import("../../state/components/datepicker/reducer").DatePickerTValue;
radius?: import("@mantine/core").MantineSize | undefined;
initiallyOpened?: boolean | undefined;
excludeDate?: ((date: Date) => boolean) | undefined;
clearable?: boolean | undefined;
onDropdownClose?: (() => void) | undefined;
variant?: "unstyled" | "default" | undefined;
autoFocus?: boolean | undefined;
withinPortal?: boolean | undefined;
classNames?: Partial<Record<import("@mantine/dates").DatePickerStylesNames, string>> | undefined;
} & import("../layout/layout.types").CommonLayoutProps & import("../styling.types").CommonStylingProps, "withinPortal"> & import("react").RefAttributes<HTMLInputElement>>;
export declare const DateTimePickerWithoutRef: (props: DateTimePickerProps & {
innerRef: Ref<HTMLInputElement>;
}) => import("react/jsx-runtime").JSX.Element;
export declare const formatDatetime: (date: Date | string) => string;